Motywy blokowe WordPress – kompletny przewodnik

Motywy blokowe wordpress

WordPress ma już dwadzieścia lat i wszystko wskazuje na to, że zostanie tu na długie lata. Ten wiek jest niewiarygodny w świecie oprogramowania. To jak stworzenie z czasów prehistorycznych, żyjące współcześnie. Dominacja WordPressa opiera się na nieustannej trosce użytkowników o jego aktualizację. Na przykład istnieje złożony czteroetapowy plan modernizacji WordPressa . Obecnie jesteśmy w drugiej fazie tego planu – pełnej edycji witryny poprzez bloki treści.

Motywy blokowe są efektem drugiej fazy planu i prędzej czy później je zaadoptujesz. Lepiej wyprzedź konkurencję i dowiedz się więcej o motywach blokowych i sposobach ich wykorzystania już teraz.

Podkład do motywów blokowych

blokuj tematy

Błędem byłoby uważać motywy blokowe za modę i ignorować je! I odwrotnie, możesz używać klasycznych motywów WordPress przez wiele lat. Podsumowując, motywy blokowe są przyszłością dzięki bardziej przyjaznemu dla użytkownika sposobowi tworzenia stron internetowych.

Motyw blokowy to motyw WordPress w całości złożony z bloków. Możesz wstawiać, dostosowywać i usuwać bloki w całej witrynie: strony, posty, nagłówki, stopki lub paski boczne. Zasadniczo tworzenie strony internetowej sprowadza się do upuszczania bloków na płótno.

Nie musisz pisać ani jednej linii kodu, aby stworzyć bardzo złożoną witrynę WordPress. Co więcej, motywy blokowe są szybsze niż ich klasyczne odpowiedniki. 

Motywy blokowe są na wczesnym etapie rozwoju i wyraźnie można je ulepszyć.

Motywy klasyczne a blokowe

Warto poznać różnice pomiędzy motywami klasycznymi i blokowymi. Jako odwiedzający witrynę nie zorientujesz się, czy witryna korzysta z bloku, czy z klasycznego motywu. Ale pod maską są dość duże różnice. Oto główne aspekty, które różnicują motywy bloków.

Mniej PHP, więcej HTML

Motywy i wtyczki WordPress oparte są na skryptach PHP do wykonywania działań. Wyświetlenie pięciu ostatnich postów, dodanie nowego użytkownika czy wstawienie widgetu sprowadza się do napisania kodu PHP. Motywy blokowe opierają się na HTML i używają plików PHP tylko jako rozwiązania awaryjnego. Zamiast używać warunków warunkowych PHP, ustawienia bloków pozwalają na różne wyniki.

Nigdy więcej widżetów

Ci, którzy przebywają w przestrzeni WordPressa od ostatnich lat, z pewnością korzystali z widżetów. Motywy blokowe zastępują widżety blokami. Każdą funkcjonalność widgetu można osiągnąć również za pomocą bloków. Osoby, które korzystają z widżetów od wielu lat, mogą wahać się przed ich zastąpieniem. Jednak nowi użytkownicy doceniają ujednolicony sposób budowania układów. 

Menu nawigacji

Chociaż menu nawigacyjne pozostaje równie ważne w motywach blokowych i klasycznych, ma regularny blok do tworzenia menu. Nie martw się, masz duży zestaw opcji umożliwiających dostosowanie menu witryny.

Customizer jest u progu świtu

konfigurator w motywie blokowym

Jako webmaster spędzasz dużo czasu w sekcji Dostosowywanie, dostrajając swoją witrynę. Rezygnacja z Customizera jest poważną zmianą, ale jest bezużyteczna w przypadku motywów blokowych. W pewnym stopniu Edytor witryny jest nowym modułem dostosowywania, ale jest prostszy i szybszy w użyciu. 

Edytor witryny

Czy powyższe funkcje wzbudziły Twoje zainteresowanie? Ubrudzenie sobie rąk motywami blokowymi jest proste. Zainstaluj swój ulubiony motyw blokowy WordPress. Jeśli nie masz faworyta, wybierz jedną z naszych rekomendacji. Zainstaluj i aktywuj motyw, a następnie przejdź do Wygląd > Edytor (Beta) z panelu administracyjnego.

Wygląd > Edytor (Beta) z panelu administracyjnego

W zależności od motywu masz kilka szablonów do dostosowania. Na przykład domyślny motyw WordPress Twenty Twenty-Three ma następujące szablony:

  • Szukaj
  • Pojedynczy
  • Pusty
  • Indeks
  • Archiwum
  • 404
  • Bloga
  • Strona główna
  • Strona.

Twój motyw może mieć nieco inne szablony, ale nazwy są zazwyczaj oczywiste. Teraz przejdź do jednego z tych szablonów i rozpocznij proces dostosowywania. Stąd wstawiasz wzory i bloki do szablonu.

wzory w motywach blokowych

Wzorce to elementy witryny, takie jak przyciski, nagłówki, kolumny lub tekst. W praktyce są to grupy bloków o przeznaczeniu funkcjonalnym. Bloki to proste konstrukcje projektowe, typowe dla stron WordPress.

bloki w motywie wordpress

Akapit, nagłówek, tabela, galeria, obraz, przyciski, niestandardowy kod HTML, chmura tagów lub wyszukiwanie to tylko niektóre z najczęstszych bloków. Przeciągnij je na swój układ, dostosuj, a Twoja strona będzie gotowa zabłysnąć. 

Style globalne

Bariera niskiego wejścia w postaci motywów blokowych ma nieoczekiwaną wadę. Każdy może stworzyć stronę internetową. Ale czy te strony internetowe są zgodne z zasadami dobrego designu?

Na przykład niedoświadczonym twórcom stron internetowych brakuje konsekwencji. W rezultacie istnieje duże prawdopodobieństwo, że dodanie różnych bloków na płótnie spowoduje niespójny układ. Na szczęście style globalne rozwiązują ten problem i pomagają użytkownikom tworzyć dobrze wyglądające i spójne układy.

Przejdź do panelu administracyjnego WordPress i uzyskaj dostęp do Edytora ( Wygląd > Edytor ). W prawym górnym rogu zobaczysz ikonę stylów globalnych obok Zapisz i ikony Ustawienia

panel administracyjny -> Wygląd -> Edytor

Możesz wybrać style motywu i skonfigurować kolory, czcionki i układy. Style globalne zapewniają spójność, ale są one nadpisywane przez ustawienia bloku. Na przykład wybierasz czcionkę Roboto dla nagłówków H2 w stylach globalnych. Możesz jednak łatwo zmienić czcionkę dowolnego nagłówka, wstawiając blok nagłówka i konfigurując nową czcionkę.

W tej samej sekcji możesz dostosować bloki. Kliknij przycisk rozwijany „Bloki” i wybierz blok, który chcesz dostosować. Następnie możesz nadać styl blokowi, wrócić do listy bloków i wybrać inny blok i tak dalej.

Edytor witryny jest wciąż na wczesnym etapie i może zawierać błędy lub brakować niektórych przydatnych funkcji. Obecnie programiści WordPress testują wody za pomocą motywów blokowych. W tej kwestii toczy się wiele gorących debat, kontrowersji i niepewności. To, co jest akceptowalne i niezawodne dzisiaj, jutro może być bezużyteczne. Należy jednak pamiętać, że motywy blokowe WordPress to przyszłość! Dlatego lepiej zacznij przygotowywać się na przyszłość, zanim zrobią to Twoi konkurenci.

10 fajnych motywów blokowych WordPress dla Twojej następnej witryny internetowej

Prędzej czy później z pewnością użyjesz motywów blokowych WordPress w swoich witrynach internetowych. Należy pamiętać, że są one w wersji beta, więc jest wiele do poprawienia. Możliwe jest napotkanie większej liczby błędów niż zwykle, ale jest to norma dla wczesnych użytkowników. Tworzenie stron internetowych metodą bloków jest na bardzo wczesnym etapie. Sytuacja szybko się poprawia dzięki aktywnej społeczności chcącej ulepszyć WordPress. 

Site Editor to najnowsze określenie opisujące proces tworzenia stron WordPress z blokami. Nie ma problemu, jeśli jesteś bardziej zaznajomiony z edycją pełnej witryny — te terminy są synonimami.

Ogólnie rzecz biorąc, Site Editor jest preferowanym wyborem dla entuzjastów WordPressa, ponieważ jest bardziej sugestywny dla zwykłych użytkowników. Zainstaluj motyw blokowy, aby eksplorować Edytor witryny. Nie wiesz, który motyw bloku wybrać? Oto dziesięć doskonałych motywów blokowych WordPress, które warto wypróbować!

Dwadzieścia dwadzieścia dwa

Dwadzieścia dwadzieścia dwa motywy blokowe WordPressa

Twenty-Twenty-Two to pierwszy oficjalny motyw blokowy WordPress, który został zainstalowany ponad milion razy. Został uruchomiony jednocześnie z WordPressem 5.9 i jest dość prostym motywem. Używaj go pewnie w swoich witrynach internetowych. Jest to idealny motyw do nauki projektowania stron internetowych z blokami. Dwadzieścia

Twenty-Two to najlepsze rozwiązanie, jeśli dopiero zaczynasz korzystać z Edytora witryny, ze względu na jego prostotę. Motyw ładuje się niesamowicie szybko dzięki prostej konstrukcji i formatowi blokowemu. Ma więc przewagę konkurencyjną nad standardowymi motywami WordPress.

Baza bloków

Motyw bloku blokowego

Automattic, firma stojąca za WordPress.com, WooCommerce, Jetpack i Tumblr, wie co nieco o WordPressie. Każdy motyw wydany przez Automattic powinien znajdować się na Twoim radarze. Blockbase to koncepcja firmy Automattic dotycząca motywu opartego na blokach.

Podobnie jak Twenty Twenty-Two, ten motyw ma podstawową funkcjonalność. Miłośnicy minimalizmu doceniają jego design. Masz jednak do dyspozycji mnóstwo bloków, dzięki którym możesz dodać elementy do układu.

Motyw zawiera podstawowe szablony, takie jak indeks, strona, pojedynczy, tylko stopka, stopka i nagłówek, wyszukiwanie, archiwum i 404. Ponadto zawiera kilka prostych części szablonu, takich jak stopka, nagłówek, nagłówek wyśrodkowany, post- meta, czyli post-meta-ikony. 

Wabi

Wabi-minimalistyczne motywy blokowe

Wabi to temat dla gawędziarzy, którzy chcą przekazać autentyczny przekaz. To rozwiązanie dla newsów z blogów i magazynów, które stawia na jakość i wyrazistość. Używaj go do celów artystycznych, a nie komercyjnych.

Rozpocznij tworzenie swojej witryny internetowej, sprawdzając szablony Wabi. Następnie dostosuj je do swojego stylu. Nie zapomnij przyjrzeć się częściom szablonu i ewentualnie wstawić je na strony swojej witryny. Dodaj bloki do układu i przetestuj wszystkie ich ustawienia, aby uzyskać pożądane rezultaty. To prosta i przyjemna praca, ale wymaga czasu i cierpliwości.

Blokowanie

Blockpress-motyw WordPress

Blockpress to jeden z najbardziej złożonych motywów blokowych WordPress. Mimo to nawet mniej doświadczeni użytkownicy będą z niego zadowoleni. Motyw działa w wielu celach — od blogowania po handel elektroniczny.

Według twórców motywu Blockpress wykorzystuje warunkowe ładowanie zasobów, które znacznie zmniejsza rozmiar pliku stylizacji. Mówiąc laikiem, motyw ładuje dokładnie to, o co prosisz. W tym kontekście motyw ładuje się niesamowicie szybko pomimo swojej złożoności.

Kolejną zaletą Blockpress jest globalna kontrola nad typografią i opcje dynamiczne, takie jak włączenie modułu wstępnego ładowania lub paska postępu w postach. 

Złap FSE

Motyw Catch-FSE

To kolejny motyw WordPress oparty na blokach, który pasuje do wielu różnych celów. Zachwyca rozbudowaną liczbą szablonów. Oprócz standardowych szablonów, takich jak Indeks, Archiwum, Strona, Pojedynczy i 404, zawiera kilka odrębnych elementów, takich jak:

  • Archiwizuj produkt
  • Strona bloga (pasek boczny po lewej stronie)
  • Strona bloga (pasek boczny po prawej stronie)
  • Pojedyncza strona (bez paska bocznego na całej szerokości)
  • Pojedyncza strona (pasek boczny po prawej stronie)
  • Pojedynczy post (bez paska bocznego o pełnej szerokości)
  • Pojedynczy post (pasek boczny po prawej stronie)
  • Pojedynczy produkt.

Masz wszystko, czego potrzebujesz, aby stworzyć wyjątkową stronę internetową, ale możesz także kupić wtyczkę FSE Pro, aby rozszerzyć funkcjonalność motywu.  

Ona

Motyw blokowy Ona-WordPress

Ona jest dostępna do bezpłatnego pobrania zarówno w repozytorium WordPress, jak i na stronie programistów DeoThemes. Wersja premium motywu, Ona Pro, jest wyposażona w obsługę WooCommerce oraz kilka dodatkowych szablonów i wzorców. W sumie nawet darmowa wersja zawiera doskonałe szablony i wzorce do zaprojektowania dobrze wyglądającej strony internetowej.

Utwórz swoją witrynę internetową za pomocą szablonu lub zaczynając od zera i dodając bloki. Osoby posiadające subskrypcję premium uzyskują dostęp do profesjonalnych szablonów odpowiednich do wielu celów, w tym kawiarni, mody, sklepu internetowego, zdrowia, magazynu i agencji. To dowodzi, że Ona jest prawdziwym, uniwersalnym motywem blokowym WordPress.

BlokMag 

BlockMag-WordPress

Jeśli prowadzisz bloga lub magazyn informacyjny, musisz zrobić wszystko, co możliwe, aby zwiększyć prędkość ładowania. Konkurencja w tej branży jest ostra, a czytelnicy mają wysokie oczekiwania. Zwykle motywy blokowe WordPress są szybsze, ale zawierają mniej funkcji. Nie dotyczy to BlockMag, który jest jednocześnie bogaty w funkcje i szybko się ładuje. Motyw ma również wersję premium, która zawiera więcej szablonów i wzorów.

Będziesz pod wrażeniem liczby i jakości szablonów. Budowanie witryny internetowej jest przyjemną czynnością dzięki BlockMag, ponieważ masz pełną kontrolę nad każdym pikselem każdej strony internetowej.

Mróz

Motyw blokujący mróz

Frost to motyw blokowy zarządzany przez WPEngine — jedną z najbardziej znanych firm hostingowych WordPress. Dlatego jakość kodu i niezawodność motywu nie podlegają dyskusji, więc pobierz go swobodnie i wykorzystaj w swoim projekcie. Jeśli nie masz zielonego pojęcia o tym temacie, przejrzyj sekcje przewodników po wzorach i stylach na stronie Frost. Pokazują, jak w prosty i zwięzły sposób korzystać z Frosta. Wzory wyglądają świetnie, a masz wszystkie potrzebne składniki do stworzenia wysokiej jakości witryny internetowej.

GenerujPress

Motyw bloku wordpress GeneratePress

GeneratePress wyróżnia się kompatybilnością z narzędziami do tworzenia stron, takimi jak Beaver Builder i Elementor. Co więcej, jest to jeden z najbardziej bogatych w funkcje motywów blokowych WordPress na rynku.

Rozważ skorzystanie z darmowej wersji motywu, aby przetestować jego potencjał. Kup wersję premium, jeśli jesteś zadowolony z darmowej, ale chcesz więcej szablonów. Biblioteka witryn zawiera dziesiątki profesjonalnie zaprojektowanych szablonów, które mieszczą się w kategoriach biznesowych, e-commerce i blogów.

Chociaż nie jest to powód sam w sobie, aby używać tego motywu, niezwykłe jest to, że bezpłatna wersja z repozytorium WordPress ma 500 000 aktywnych instalacji i doskonałą ocenę — 5 na 5 gwiazdek.

Cegła

Motyw blokowy Bricsky WordPress

Jeśli chcesz, aby Twoja witryna wyrażała pozytywność i szczęście, powinieneś wybrać Bricksy. To prosty motyw blokowy, który sprawdza się w projektach skupiających się na grafice. Ślub, podróże i rozwój osobisty to tylko niektóre obszary odpowiednie dla Bricksy.

Dzięki strukturze blokowej dostosowywanie motywu polega po prostu na przeciąganiu i upuszczaniu elementów na płótnie. Podobnie jak większość motywów blokowych WordPress, ma on wersję pro z rozszerzoną funkcjonalnością.

Do Ciebie

Edytor witryny jest na wczesnym etapie i z pewnością będzie udoskonalany z biegiem czasu. To samo dotyczy motywów blokowych WordPress — z czasem zostaną ulepszone. Powyższe tematy wyglądają jednak obiecująco i zasługują na uwagę. Bycie wczesnym użytkownikiem nie jest łatwe, ale może dać ci cenną przewagę nad konkurencją. Dlatego zwracaj uwagę na blokowanie motywów i ostatecznie wykorzystaj je w swoich projektach.

Uwagi

Zostaw odpowiedź

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

angielski