WordPress i Gutenberg jako narzędzie do projektowania stron internetowych

Sketch, Figma, Adobe XD czy Photoshop to narzędzia, w których tradycyjnie odbywa się projektowanie stron internetowych. Wraz z rozwojem WordPressa i jego edytora wizualnego – Gutenberga, pojawia się coraz więcej ułatwień, które zmienią podejście w tworzeniu stron opartych o właśnie ten system CMS.

Czy Gutenberg ma szanse stać się narzędziem dla grafika? Na pytanie odpowiada Iza Karkocha ze Szkoły WordPressa. Iza prowadzi indywidualne kursy z WordPress. Na swoich szkoleniach uczy jak prawidłowo założyć i rozwijać swoją stronę na WordPress.

Gutenberg zamiast programów graficznych

Jeśli masz podstawową wiedzę z zakresu designu, projektowania i poczucie estetyki, możesz stworzyć stronę internetową za pomocą edytora bloków Gutenberg bez potrzeby używania programu graficznego. Obecnie widać już zmianę w sposobie działania podczas realizacji projektów. W wielu firmach graficy przygotowują layout w Gutenbergu, a następnie przekazują pracę developerom, którzy zajmują się resztą pracy i wdrożeniem. Takie podejście pozwala ograniczyć poprawki do minimum.

Bloki Gutenberga

Jest kilka użytecznych praktyk, które znacznie ułatwiają budowanie stron internetowych w edytorze Gutenberg. Funkcja grupy zdecydowanie do nich należy. Korzystając z bloku grupa mamy możliwość zbierania wielu elementów w jednym miejscu. 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. Kolejnym ciekawym blokiem edytora jest „okładka”. To blok obrazka z możliwością wstawienia akapitu, czyli bloku z tekstem.

Twórcy stron mogą z powodzeniem korzystać z Gutenberga, nie ma tam żadnego kodowania. Projektowanie stron internetowych z Gutenbergiem jest łatwiejsze. Edytor wizualny pomaga budować stronę www z bloków. Jest darmowy, wbudowany w WordPress i stopniowo rozwijany przez najbardziej biegłych w WordPressie programistów.

Po więcej artykułów zapraszamy na stronę astratic.org To miejsce dla zainteresowanych nauką tworzenia nowoczesnych stron internetowych opartych na systemie WordPress. 

Dodaj komentarz

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

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.

Nasza pasja do technologii nie kończy się na dostarczaniu wnikliwych treści poprzez ten blog. Z nieukrywaną radością ogłaszamy uruchomienie naszej platformy, która oferuje szereg kursów technologicznych, specjalnie dostosowanych do entuzjastów takich jak Ty.

Tematy

agencja interaktywna animacje animate Block Theme Branża IT bug CSS dostępność www Editor edytor blokowy Flex Gap FSE Full Site Editing GIT GIT Submodules Gutenberg HTTP/2 HTTP/3 IT JS klient Memcached Optimization plik SVG Praca praca w IT Rozmowy o WordPress strona www strony www SVG szkolenia WordPress Text-overflow theme.json tworzenie stron www wcag web accessibility Web development webkit line clamp Wordpress Workflow wp postmeta api wp transient Własna firma zarządzanie projektami zlecenie