Hinzufügen benutzerdefinierter Stile zum Guides-Editor
In diesem Artikel erfahren Sie, wie Sie benutzerdefinierte Stile hinzufügen können, um das Erscheinungsbild und die Standardeinstellung für den Webserver zu ändern.
Dies umfasst die folgenden Schritte:
- Hinzufügen benutzerdefinierter Stile über die Konfiguration des XML-Editors für Ordnerprofile
- Auswählen des entsprechenden Ordnerprofils im WebEditor und Testen der Änderungen
Implementieren anhand eines Beispiels
Sehen wir uns dazu ein Beispiel an, in dem wir die kurze Beschreibung und den Titel als separaten Block mit einigen Stilaspekten im Editor anzeigen möchten.
Implementieren
Hinzufügen der benutzerdefinierten CSS zum Ordnerprofil
Verwenden Sie die Ordnerprofile, um die css_layout.css auf der Registerkarte "XML-Editor-Konfiguration"zu überprüfen und das CSS mit benutzerdefinierten Stilen hinzuzufügen.
Verwenden Sie Folgendes, um den obigen Stil in Ihrem Webserver einzurichten:
- Verwenden Sie css_layout.css und laden Sie es in das Ordnerprofil Ihrer Wahl hoch
- Installieren Sie das angehängte Paket webeditor-styles-resources.zip mit AEM Paketmanager, um die in der obigen CSS-Datei verwendeten Ressourcen zu installieren.
This will install the resources at path "/content/dam/resources" which will include sub-folders "fonts" and "images"
Testen
- Öffnen Sie den Web-Editor
- Wählen Sie in den Benutzereinstellungen das Ordnerprofil aus, in dem Sie die benutzerdefinierten Stile hinzugefügt haben. Wenn Sie es zum globalen Profil hinzugefügt haben, verwenden Sie es wahrscheinlich bereits.
- Öffnen Sie ein Thema. Sie werden feststellen, dass der Bearbeitungsbereich über eine benutzerdefinierte Benutzeroberfläche verfügen sollte.
Please note this is compatible to AEM Guides version 4.2 and AEM Guides cloud version 2303 (March)
Verweise
Möglicherweise interessieren Sie sich auch für die Expertensitzung rund um die Konfiguration und Anpassung von Webservern, die in der Expertensitzung zum Webserver behandelt wird.