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](https://astratic.com/pl/wp-content/uploads/sites/2/2020/07/funkcja-grupy-w-edytorze-Gutenberg-1.png)
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](https://astratic.com/pl/wp-content/uploads/sites/2/2020/07/ustawienia-dla-grupy-gutenberg-1024x473.png)
![Ustawienia koloru w bloku grupa](https://astratic.com/pl/wp-content/uploads/sites/2/2020/07/ustawienia-dla-grupy-gutenberg_kolor-czcionki-i-tla-1-1024x480.png)
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](https://astratic.com/pl/wp-content/uploads/sites/2/2020/07/ustawienia-dla-kolumny-gutenberg-1-1024x337.png)
- do tego ustawienie pełnej szerokości dla bloku kolumna kończy się tym…
![Kolumny w edytorze Gutenberg](https://astratic.com/pl/wp-content/uploads/sites/2/2021/11/naglowek-3-1.png)
Co na większym ekranie ma jeszcze gorszy efekt:
![Kolumny w edytorze Gutenberg](https://astratic.com/pl/wp-content/uploads/sites/2/2021/11/naglowek-1.png)
Dla porównania: jeśli blok kolumna zastąpimy blokiem grupa – efekt będzie znacznie przyjemniejszy dla oka.
![Grupa w edytorze Gutenberg](https://astratic.com/pl/wp-content/uploads/sites/2/2021/11/naglowek-2-1.png)
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!