Grupa w edytorze Gutenberg

Tworząc wiele stron www nauczyliśmy się patrzeć na detale. Jest kilka użytecznych praktyk, które znacznie ułatwiają budowanie stron internetowych. Funkcja grupy w edytorze Gutenberg zdecydowanie do nich należy.

Tworzenie grupy w edytorze Gutenberg

Aby stworzyć nową grupę na swojej stronie wystarczy z poziomu panelu administratora wybrać „+” i z dostępnych elementów wybrać „Grupa”.

Blok grupa

Następnie mamy możliwość dodawania kolejnych elementów wchodzących w skład grupy, np. nagłówek, tekst, obrazek.

Blok grupa jest najbardziej lubianym przez nas blokiem. Korzystając z niego mamy możliwość zbierania wielu elementów w jednym bloku. Najważniejszą zaletą tej funkcji jest to, że mając elementy zebrane w obrębie grupy możemy wprowadzać ustawienia, które domyślnie dotyczą wszystkich elementów wchodzących w skład grupy. Np. kolor tekstu, kolor tła, szerokość, itd.

Ustawienia bloku grupa
Ustawienia koloru w bloku grupa

To oczywiście bardzo prosty przykład. Im więcej elementów w grupie, tym czas zaoszczędzony na edycji jest większy 🙂

Blok grupa vs. blok kolumna

Kiedy zaczynałam przygodę z Gutenbergiem nie do końca rozumiałam różnicę między blokiem grupa a blokiem kolumna. Przecież w obu przypadkach mamy „grupowanie” w obrębie danego bloku.

Główna różnica polega na tym, że:

  • w poziomu bloku kolumna nie ma możliwości wprowadzania ustawień wspólnych dla danego obszaru (np. kolor tła). I jeśli chcesz to zmienić, to musisz to robić ręcznie (co przysparza pracy)
ustawienia bloku kolumna
  • do tego ustawienie pełnej szerokości dla bloku kolumna kończy się tym…
Kolumny w edytorze Gutenberg

Co na większym ekranie ma jeszcze gorszy efekt:

Kolumny w edytorze Gutenberg

Dla porównania: jeśli blok kolumna zastąpimy blokiem grupa – efekt będzie znacznie przyjemniejszy dla oka.

Grupa w edytorze Gutenberg

Podsumowanie

W kolejnym wpisie pokazujemy jak przekształcić dowolne elementy na stronie w grupę. Jeśli masz jakieś pytania, bardzo chętnie odpowiemy na nie w komentarzu!

Dodaj pierwszy komentarz i rozpocznij dyskusję

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Potrzebujesz pomocy?

Dziękujemy!

success

Odpowiemy na Twoją wiadomość tak szybko jak to możliwe

Potrzebujesz pomocy? support-icon

Ta strona używa plików cookies w celu optymalizacji korzystania z niej oraz w celach statystycznych zgodnie z Polityką Prywatności. Warunki przechowywania plików cookies możesz określić w ustawieniach przeglądarki. Dalsze korzystanie z serwisu i nie blokowanie plików cookies oznacza, że wyrażasz zgodę na korzystanie z tych plików.

Nazwa usługiPowódUstawienia
Nazwa usługiPliki cookie niezbędne do działania serwisu.
Google AnalyticsCele analityczne.
DisqusPliki cookie wymagane do działania systemu komentarzy.