Advanced Gutenberg: Benutzerdefiniertes CSS

 

Das Advanced Gutenberg In der Konfiguration können Sie auch benutzerdefinierte CSS-Snippets definieren, die in Ihren Editor- und HTML-Tag-Optionen verwendet werden können. Um benutzerdefinierte Stile zu verwenden, navigieren Sie zu Benutzerdefinierte Stile Seite von Advanced GutenbergDas linke Menü.

Um einen neuen Stil zu erstellen, klicken Sie auf "Neue Klasse hinzufügen" Schaltfläche am unteren Rand der Liste der Stile. Sie können Ihr CSS direkt im Feld Benutzerdefiniertes CSS bearbeiten.

 

custom-styles-gutenberg

 

Alle Änderungen, die Sie vornehmen, werden im linken Teil der Seite angezeigt. Sie werden mit „Beispieltext“ auf den String angewendet. Der Text über und unter der Zeichenfolge zeigt an, wie Ihre Stile unter den übrigen Elementen aussehen. Nachdem Sie Ihren benutzerdefinierten Stil bearbeitet haben, speichern Sie ihn mit der Taste "Stile speichern" Taste.


Um einen Stil auf das Element im Editor anzuwenden, müssen Sie das Element auswählen und einen Stil aus der Dropdown-Liste mit dem Namen auswählen "Benutzerdefinierte Stile". Um zum Standardstil zurückzukehren und alle benutzerdefinierten Stile zu löschen, wählen Sie "Absatz" Möglichkeit.

 

Custom-CSS-Style-Block