Najlepsze oryginalne bloki WordPress [Szybki przegląd]

Przedstawiamy przewodnik dotyczący korzystania z edytora i bloków Gutenberg WordPress. Przeczytaj informacje o zmianach w blokach, które nadejdą w następnej wersji 5.4. Wybraliśmy wszystkie najczęściej używane bloki, które muszą być użyte na dowolnej stronie internetowej. Po wydaniu opublikujemy więcej szczegółów na temat wszystkich funkcji.

Kiedy WordPress ogłosił nowy edytor Gutenberg w 2018 roku, byliśmy tym podekscytowani. Teraz, po kilku latach, widzimy ogromną poprawę. Edytor Gutenberg WordPress to świetne narzędzie do tworzenia stron internetowych.

Wszystkie te standardowe bloki WordPress dla edytora Gutenberga są w pełni funkcjonalne w naszym najnowszym projekcie Bezpłatny Citadela Motyw WordPressa. Możesz go używać na dowolnej stronie internetowej, proszę Utwórz konto i pobierz go za darmo.

Z Wtyczki AitThemes Citadela, możesz tworzyć określone treści do prezentacji firmy, firmy, bloga lub witryny non-profit. Lub nawet rozpocznij nowy biznes online. Szybkość strony i łatwość edycji strony to najważniejsze czynniki.

Co to jest blok?

Bloki Gutenberg WordPress to jednostki budujące stronę internetową. Każdy z nich ma swoje szczególne miejsce i przeznaczenie. Bardzo ważne jest, aby używać odpowiedniego bloku WordPress dla określonego rodzaju treści.

Ale jak znaleźć najbardziej odpowiedni blok, który pasuje do twoich zamiarów?

Aby pomóc Ci lepiej zrozumieć bloki WordPress, przygotowaliśmy przegląd najpopularniejszych z nich.

Bloki treści tekstowych

Istnieje kilka bloków, za pomocą których możesz wstawić treść tekstową na swojej stronie. Możesz użyć kilku bloków. Od WordPress 5.4 jest nowe ustawienie, możesz zmienić kolor tekstu.

• Ustęp
• Nagłówek
• Cytat
• Lista
• Cytat
• Tabela
• Werset
• Wstępnie sformatowany

Oprócz tego używasz klasycznego bloku, który może być wygodniejszy w przypadku długiego akapitu.

Blok przycisków

Tworzenie atrakcyjnego przycisku wezwania do działania w WordPress stało się bardzo łatwe dzięki blokowi przycisków. Nie musisz wprowadzać niestandardowego kodu CSS ani rozumieć języka HTML. Możesz – ale nie musisz – wpisać szesnastkowy kod swojego ulubionego koloru, aby przycisk wyglądał ładnie i przyciągał wzrok.

Gdzie używać bloku przycisków?

Gdy odwiedzający dotrze do Twojej witryny, chcesz zachęcić go do działania. Do tego służą przyciski CTA.

Ogólnie rzecz biorąc, istnieją 3 miejsca, w których powinieneś użyć bloku przycisków WordPress:

• Strona główna – aby wykonać działania, które doprowadzą do realizacji Twojego celu, takie jak zapisanie się do newslettera, odkrycie oferty specjalnej lub rejestracja na bezpłatny okres próbny.
• Strona produktu – w zależności od tego, jak poprowadzona jest strona produktu, może znajdować się 1 przycisk CTA (KUP) lub więcej przycisków, np. szczegóły produktu, kup, dodaj do listy życzeń itp.
• Blog – przyciski CTA mogą odnosić się do innego przydatnego artykułu lub zakupu Twojego produktu/usługi.

Ustawienia bloku przycisków

W Inspektorze, po prawej stronie, możesz łatwo zarządzać ustawieniami swojego przycisku:

• Styl
• Kolor tła
• Kolor czcionki
• Granica

Tekst napisany w przycisku CTA powinien być krótki i prosty, zachęcający do działania, które chcesz, aby wykonali Twoi użytkownicy.

Nowości w następnej wersji WordPress 5.4 (wydanie 31 marca 2020)

Blok przycisków zostanie zastąpiony nowym przyciskiemS blok.
Z nowej nazwy można założyć, że będzie można tworzyć więcej przycisków obok siebie w jednym kontenerze blokowym. Często zachodzi konieczność stworzenia dwóch CTA na raz, np. Kup teraz i Czytaj więcej. Nadchodzą też nowe ustawienia stylów i kolorów. Wybierz styl wypełnienia lub konturu, a następnie kolor tła. Możesz wybrać jednolite lub gradientowe tło. Niektóre ustawienia wstępne jako punkt wyjścia będą dostępne w celu łatwiejszego dostrajania. Dobrą wiadomością jest to, że wszystkie istniejące bloki przycisków będą działać i nie będzie potrzeby ich migracji.

Blok kolumn

Blok kolumn to niesamowity blok WordPress, który otwiera drzwi do nowych układów. Daje więcej możliwości rozmieszczenia elementów strony, co daje więcej alternatyw projektowych.

Praca z blokiem Kolumny jest łatwa:

• Bez dodatkowej instalacji wtyczek.
• Nie wymaga kodowania.
• Wystarczy odrobina wyczucia dla schludnego designu.

W porównaniu do poprzednich problemów, przez które musiałeś przejść przed wydaniem edytora bloków WordPress, korzystanie z bloku Columns WordPress jest bardzo proste.

Jak korzystać z bloku kolumn?

Jak wskazano powyżej, istnieją 2 sposoby użycia bloku Kolumny:

• Aby uporządkować przepływ Twoich tekstów (w poście na blogu lub na zwykłej stronie).
• Aby ułożyć inne bloki w kolumny.

Organizując tekst w kolumnach, np. w poście na blogu, zwiększasz czytelność i czynisz swoją witrynę bardziej przejrzystą i przyjazną dla użytkownika.

Jednak gdy używasz bloku Kolumny do zagnieżdżania innych bloków, takich jak obrazy, teksty i przyciski, zmieniasz cały układ wybranej strony i tworzysz nowe projekty.

Ustawienia bloku kolumn

Po wstawieniu bloku kolumn na stronę wybierz, ile chcesz mieć kolumn. Może to być dowolna ilość od 2 do 6 kolumn. Następnie możesz zacząć wpisywać tekst lub dodawać bloki do każdej kolumny.

Wyrównanie zawartości bloku kolumn można ustawić osobno dla całego bloku, jak również dla poszczególnych kolumn. Możesz nawet wybrać proporcje szerokości kolumny. W ten sposób jedna kolumna może być szersza od drugiej.

Blok pokrywy

Porozmawiajmy o nagłówku Twojej witryny. Jest to sekcja, która określa pierwsze wrażenie, gdy ktoś wchodzi na Twoją stronę główną. Niby ważne, prawda? Czy wiesz, że blok okładki może być użyty jako nagłówek na dowolnej stronie?

Cover to podstawowe bloki WordPress, które pomagają zaimponować odwiedzającym. Zwłaszcza, gdy jest używany prawidłowo, a raczej, gdy jest zgrabnie zintegrowany z projektem strony internetowej.

Gdzie stosować blok Cover?

Jak wspomniano powyżej, blok okładki może być używany na dowolnej stronie. Co więcej, można go dodać w dowolnym miejscu na stronie, w przeciwieństwie do nagłówka witryny, który jest umieszczony na górze witryny.

Blok maskujący może być używany jako:

• Nagłówek dowolnej strony, w tym strony głównej.
• Obraz lub wideo nadpisane tekstem użytym na stronie produktu.
• Separator treści w poście na blogu.

Ustawienia bloku okładki

Konfiguracja bloku okładki jest bardzo prosta. Najpierw wybierz obraz lub wideo jako tło. Zamiast tego możesz również użyć jednego koloru. Po ustawieniu tła dodaj tytuł i podtytuł. 

Możesz wybrać wyrównanie bloku i oczywiście wyrównanie tekstu w nim zawartego.

Wyrównanie bloku okładki oferuje następujące opcje:

• Wyrównaj do lewej
• Wyrównaj do środka
• Wyrównaj do prawej
• Szeroka szerokość
• Pełna szerokość

Moim osobistym faworytem jest kolorowa nakładka, która jest dostępna w inspektorze — obraz tła bloku okładki można stonować na dowolny kolor. Wraz z dostosowanym rozmiarem i kolorem czcionki, możesz stworzyć piękne kontrasty, a ostateczny wygląd bloku okładki będzie zadziwiający.

W WordPress 5.4 możesz wybrać tło gradientowe zamiast jednolitego.

Blok galerii

Zaprezentuj obrazy na swojej stronie za pomocą Gallery block. Ten standardowy blok WordPress został zaprojektowany do przechowywania obrazów i ładnego wyświetlania ich na dowolnej stronie witryny. Podobnie jak inne bloki WordPress, blok Galerii można umieścić w dowolnym miejscu na stronie internetowej lub w poście na blogu.

Przesyłanie zdjęć może odbywać się poprzez wybranie plików z biblioteki multimediów, z komputera lub za pomocą funkcji przeciągnij i upuść.

Gdzie używać bloku Galerii?

W zależności od rodzaju Twojej strony internetowej możesz chcieć stworzyć rozbudowaną galerię zdjęć lub prostą prezentację obrazu. Możesz użyć Gallery block na:

• Twoja strona główna
• Poszczególne podstrony tworzone jako albumy Twojej galerii zdjęć
• Strony produktów
• Post na blogu

Ustawienia bloku galerii

Oprócz różnych opcji wyrównania samego bloku Galerii, istnieje kilka interesujących opcji w tym bloku, takich jak:

• Liczba kolumn, w których umieszczone są obrazy.
• Kadrowanie obrazu w celu dopasowania do tego samego rozmiaru (najmniejszego obrazu).
• Hiperłącze, aby dać ci możliwość połączenia z inną stroną lub plikiem multimedialnym.

Blok obrazu

Blok obrazu to nic innego jak blok wyświetlania obrazu na Twojej stronie internetowej.

Zgadza się. Jeśli chcesz tylko dodać obraz do dowolnej ze swoich stron, powinieneś użyć bloku Image WordPress. Może być podobny do innych prezentowanych brył, ale istnieją istotne różnice, które czynią go idealnym do pojedynczych obrazów.

Kiedy używać blokady obrazu?

Blok obrazu powinien być stosowany zwłaszcza wtedy, gdy obiekt wyświetlany na obrazie jest szczególnie ważny dla osoby odwiedzającej Twoją stronę internetową, której chcesz:

• Przyciągnij uwagę odwiedzających witrynę za pomocą określonego obrazu.
• Wyświetl obraz z podpisem.
• Pokaż infografiki, które pomogą odwiedzającym lepiej zrozumieć omawianą kwestię.

Ustawienia bloku obrazu

Jedną z największych zalet bloku Image WordPress są opcje rozmiaru obrazu. Możesz łatwo zmienić rozmiar obrazu, ciągnąc go za róg, wybrać stały rozmiar w pikselach lub określić rozmiar w procentach.

Kolejną istotną opcją są pola wprowadzania tekstu alternatywnego, podpisu i linku. Zdecydowanie polecam korzystanie z tych pól, ponieważ odgrywają one ważną rolę w SEO strony.

Blok multimediów i tekstu

Przejdźmy teraz do bardziej zaawansowanych układów stron, które możesz stworzyć za pomocą Bloku multimediów i tekstu. Ten podstawowy blok WordPress umożliwia łączenie multimediów i tekstu obok siebie w estetyczny i kontekstowy sposób.

Gdzie używać bloku multimediów i tekstu?

Chociaż blok multimediów i tekstu najlepiej nadaje się do wykorzystania w postach na blogu, przy odrobinie wyobraźni możesz go używać także gdzie indziej. Na przykład możesz stworzyć ładny przegląd produktów lub usług, używając obok siebie obrazu i tekstu.

Nie zapomnij dodać bloku przycisków do sekcji tekstowej bloku Media i tekst, jeśli jest używany jako przegląd produktów/usług. W ten sposób możesz zaprojektować ładną sekcję CTA na dowolnej stronie.

Zalety bloku mediów i tekstu

• Łączenie obrazu i tekstu, które pasują do siebie kontekstowo.
• Unikanie niewłaściwego umieszczania obrazu w poście na blogu.
• Pomoc w responsywności strony (użyj funkcji „Stack on mobile”).

Ustawienia blokowania multimediów i tekstu

Patrząc na ustawienia bloku mediów i tekstu, zauważysz sporo opcji wyrównania, niektóre z nich są unikalne w porównaniu z większością innych bloków.

Ciekawym i użytecznym ustawieniem tego bloku jest kolor tła. Kolorując obszar wokół obrazu i tekstu, które pasują do siebie, możesz wizualnie podkreślić ich połączenie.

Wstaw link z WordPress w wersji 5.4 (31.3.2020). Możesz wybrać link, plik multimedialny lub stronę załącznika.

Blok tabeli

Blok tabeli jest jednym z przykładów tego, jak WordPress poprawił się po wprowadzeniu edytora bloków WordPress w wersji 5.0 i późniejszych. Podczas gdy wcześniej potrzebowałeś wtyczki do wstawienia tabeli do swojej witryny WordPress, teraz możesz po prostu użyć bloku tabeli.

Gdzie używać bloku tabeli?

Tabele odgrywają ogromną rolę w dostarczaniu przydatnych treści w dobrze uporządkowany i przejrzysty sposób. Z pewnością większość witryn korzysta z tabel. Oto tylko kilka przykładów wykorzystania tabel na różnych stronach internetowych:

• Porównanie danych
• Tabele cenowe
• Szczegóły techniczne produktu
• Przepisy
• Przegląd pakietów członkowskich

Posiadanie bloku Table jako części darmowego rdzenia WordPress jest naprawdę niesamowite.

Ustawienia bloku tabeli

Kiedy wstawiasz blok tabeli na stronę, musisz zdefiniować liczbę kolumn i wierszy tabeli. Nie martw się, ten numer nie jest stały. W każdej chwili możesz dodać więcej wierszy i kolumn (lub je usunąć).

Następnie wybierz styl swojego stołu: domyślny lub w paski. Przejdź do wyrównania i stylu czcionki, a na koniec wypełnij tabelę, zanim dodasz do niej ostatni szlif.

Więcej opcji obejmuje:

• Kolor tła
• Komórki o stałej szerokości
• nagłówek
• Stopka
• Link (wpis tekstowy w tabeli może prowadzić do innych stron)

Który blok chcielibyście zobaczyć jako następny?

Mam nadzieję, że podobało Ci się czytanie o naszym wyborze bardzo przydatnych bloków rdzenia WordPress – dostępnych bezpłatnie dla wszystkich. Daj nam znać, o jakich blokach chciałbyś przeczytać w następnej kolejności lub jakich funkcjonalności nadal brakuje w rdzeniu WordPress. Dziękuje za przeczytanie!