Advanced Gutenberg: niestandardowy CSS

 

The Advanced Gutenberg konfiguracja umożliwia również definiowanie własnych fragmentów kodu CSS, które mogą być używane w opcjach edytora i znaczników HTML. Aby użyć niestandardowych stylów, przejdź do Niestandardowe style Strona z Advanced Gutenberglewe menu.

Aby utworzyć nowy styl, kliknij „Dodaj nową klasę” przycisk na dole listy stylów. Możesz edytować swój CSS bezpośrednio w polu Custom CSS.

 

custom-styles-gutenberg

 

Wszystkie dokonane zmiany zostaną wyświetlone w lewej części strony. Zostaną zastosowane do ciągu z „Przykładowym tekstem”. Tekst powyżej i pod ciągiem pokazuje, jak będą wyglądać Twoje style wśród pozostałych elementów. Po edycji własnego stylu zapisz go, używając „Zapisz style” przycisk.


Aby zastosować styl do elementu w edytorze, należy wybrać element i wybrać styl z listy rozwijanej o nazwie „Style niestandardowe”. Aby przywrócić strona głównayślny styl i usunąć wszystkie niestandardowe style, wybierz "Ustęp" opcja.

 

blok stylu niestandardowego css