Lägga till anpassade format i guidade redigeringsprogram
I den här artikeln får vi lära oss hur du lägger till anpassade format för att ändra webbdesignerns standardutseende och -känsla.
Detta omfattar följande steg:
- Lägga till anpassade format via XML-redigerarkonfiguration för mappprofil
- Välja respektive mappprofil i webbredigeraren och testa ändringarna
Implementera med ett exempel
Låt oss förstå detta med ett exempel där vi vill visa den korta beskrivningen och titeln som separata block med vissa formataspekter i redigeraren.
Implementera
Lägga till anpassad CSS till mappprofilen
Använd mappprofilerna för att kontrollera css_layout.css under fliken XML-redigerarkonfiguration och lägg till CSS med anpassade format
använd den här länken om du vill veta mer om mappprofilen och hur du konfigurerar CSS-mallayouten
Använd följande för att konfigurera ovanstående format i din webbredigerare:
- Använd css_layout.css och överför den till den önskade mappprofilen
- Installera det bifogade paketet webeditor-styles-resources.zip med hjälp AEM pakethanteraren för att installera resurserna som används i ovanstående CSS-fil
This will install the resources at path "/content/dam/resources" which will include sub-folders "fonts" and "images"
Testning
- Öppna webbredigeraren
- I användarinställningarna väljer du den mappprofil i vilken du har lagt till de anpassade formaten. Om du lade till den i den globala profilen använder du förmodligen redan den.
- Öppna ett ämne och lägg märke till att redigeringsområdet ska ha ett anpassat användargränssnitt
Please note this is compatible to AEM Guides version 4.2 and AEM Guides cloud version 2303 (March)
Referenser
Du kan också vara intresserad av expertsessionen runt webbredigerarkonfigurationer och anpassningar som ingår i Expertsessionen på webbadministratören