Kreatory stron a edytor bloków: których należy użyć w witrynie WordPress?

Opublikowany: 2022-04-02

Czy próbujesz zdecydować między używaniem Kreatorów Stron a Edytorem Bloków? Wybór najlepszego oprogramowania do edycji podczas procesu projektowania strony internetowej może być trudny. Chociaż WordPress ma wbudowany edytor bloków, powinieneś rozważyć użycie narzędzia do tworzenia stron, aby uzyskać zaawansowane opcje dostosowywania, gotowe szablony i funkcje przyjazne dla użytkownika. Ponieważ kreatory stron oferują większą elastyczność dzięki funkcjom przeciągania i upuszczania, często są preferowanymi edytorami ze względu na ich funkcjonalność.

W tym poście przedstawimy przegląd edytora bloków Gutenberga w porównaniu z kreatorami stron. Następnie omówimy niektóre funkcje, które należy wziąć pod uwagę przy wyborze najlepszej opcji dla Twojej witryny. Zacznijmy!

Spis treści

  1. Wprowadzenie do edytora bloków
  2. Wprowadzenie do kreatorów stron
  3. Co wziąć pod uwagę przy wyborze edytora dla swojej witryny WordPress
  4. Funkcjonalność
  5. Szablony i układy
  6. Szybkość strony
  7. Wniosek

Wprowadzenie do edytora bloków

Kiedy WordPress 5.0 został wydany w 2018 roku, zawierał całkowite przeprojektowanie swojego wbudowanego edytora. Wcześniej Edytor klasyczny miał ograniczone opcje formatowania, co utrudniało tworzenie złożonych układów stron. Nowy Edytor bloku wprowadził funkcje, które uprościły ten proces projektowania; jednak nadal jest dość ograniczony w porównaniu z innymi kreatorami stron internetowych.

Edytor bloków WordPress lub Gutenberg to edytor stron, który umożliwia tworzenie treści poprzez dodawanie bloków. Rozmieszczając te jednostki blokowe, możesz łatwo zaprojektować własny układ:

Edytor bloków WordPress

Korzystając z Edytora klasycznego, niektóre elementy wymagały skrótów lub niestandardowego kodu HTML. W przeciwieństwie do tego Edytor bloku opiera się na prostym zbiorze bloków.

Po otwarciu Edytora bloku zobaczysz ikonę + po prawej stronie strony. Tutaj możesz otworzyć listę różnych typów bloków, aby tworzyć akapity i nagłówki, a także obrazy, wideo i zawartość plików.

Na przykład, jeśli chcesz osadzić film z YouTube w swoich treściach, możesz kliknąć ikonę Dodaj blok i wybrać blok YouTube :

Blokuj edytor blok YouTube

Gutenberg ułatwia organizowanie bloków w jeden bogaty w multimedia post lub stronę. Możesz także użyć gotowych wzorów blokowych, aby uzyskać dostęp do elementów wielokrotnego użytku.

Ponadto, od wersji WordPress 5.9, możesz dalej dostosowywać zawartość WordPress za pomocą Edytora bloków i blokować motywy. Te elementy umożliwiają pełną edycję witryny:

Edytor bloków całej witryny

Motywy blokowe rozszerzają możliwości Edytora bloków, umożliwiając edycję części stron bez zawartości za pomocą bloków Gutenberga. Te obszary obejmują nagłówki, stopki i paski boczne.

Jednak w chwili pisania dostępnych jest kilka motywów blokowych. Ich funkcje są również stosunkowo nowe, więc mogą pojawić się pewne problemy.

Wprowadzenie do kreatorów stron

Chociaż WordPress zapewnia wbudowane narzędzia do edycji stron, wielu właścicieli witryn i projektantów WordPress preferuje kreatory stron. Kreator stron to wtyczka innej firmy, która umożliwia zaprojektowanie strony w interfejsie witryny. Działa na wierzchu Twojego motywu i pozwala układać elementy projektu.

Wiele kreatorów stron ma funkcje przeciągania i upuszczania, które ułatwiają tworzenie stron i układów. Podobnie jak w przypadku Gutenberga, nie potrzebujesz dużej wiedzy o kodowaniu. Dzięki temu możesz zaoszczędzić czas i pieniądze bez zlecania pracy projektantowi stron internetowych.

Na przykład nasza wtyczka Beaver Builder zapewnia dostęp do edycji strony front-end. Po uruchomieniu Beaver Builder możesz zacząć od zera, przeciągając i upuszczając różne moduły na swoją stronę:

Edytor stron Beaver Builder

Alternatywnie możesz kliknąć kartę Szablony i wybrać wstępnie zaprojektowane układy. Tutaj możesz znaleźć różne strony dla swojego portfolio, dane kontaktowe, usługi i nie tylko:

Szablony Beaver Buidler

Kreatory stron są przyjazne dla początkujących dzięki gotowym szablonom, blokom treści i układom. W przeciwieństwie do Gutenberga, twórcy stron używają edycji frontonu, więc dostajesz to, co widzisz.

Kreatory stron często zapewniają większe możliwości dostosowywania w porównaniu z zaawansowanymi funkcjami w Twojej witrynie. Możesz nawet tworzyć efekty graficzne i animacje w tle. Korzystając z Edytora bloków, często potrzebujesz dodatkowych wtyczek lub niestandardowego kodowania, aby korzystać z tych funkcji.

3 czynniki, które należy wziąć pod uwagę przy wyborze edytora WordPress

Tworząc strony WordPress, będziesz chciał wybrać najlepszy edytor do swoich potrzeb. Zanim zdecydujesz, oto kilka podstawowych czynników, które należy wziąć pod uwagę!

1. Funkcjonalność

Chociaż Edytor bloków i kreatory stron nie wymagają niestandardowego kodowania, każde narzędzie zapewnia unikalny proces tworzenia nowego posta lub strony. Często kreatory stron są preferowanymi edytorami ze względu na ich funkcjonalność. Oferują większą elastyczność dzięki funkcjom przeciągania i upuszczania.

Na przykład nasza wtyczka Beaver Builder umożliwia tworzenie treści za pomocą różnych modułów. Każdy moduł jest przeznaczony do określonego celu, takiego jak obsługa obrazów, tekstu lub wideo.

Gdy znajdziesz odpowiedni moduł, możesz go przeciągnąć i upuścić na stronę. Po włożeniu modułu automatycznie otworzy się panel ustawień:

Moduł tekstowy Beaver Builder

W zależności od modułu możesz dostosować jego ustawienia do swoich potrzeb projektowych. Na przykład możesz edytować moduł edytora tekstu, dodając własny tekst, modyfikując jego czcionkę i odstępy oraz tworząc animacje.

Korzystając z tej metody, możesz szybko stworzyć dobrze zaprojektowaną treść dla swoich stron internetowych, taką jak niestandardowe strony docelowe lub strony sklepu WooCommerce. Dzięki Beaver Builder łatwo jest modyfikować strony, aby pasowały do ​​Twojego brandingu:

Wersja demonstracyjna Beaver Builder

Jednak niektórzy użytkownicy mogą preferować Edytor bloku ze względu na jego prostotę. Za pomocą tego edytora możesz wyszukiwać określone bloki, dodawać je do strony i budować dobrze zaprojektowaną treść. Możesz poruszać się po elementach stosunkowo łatwo, używając strzałek w edytorze lub zaznaczając je i przeciągając.

Jednak Edytor bloku nie umożliwia edycji wysokości i szerokości bloków. Używając kreatora stron, takiego jak Beaver Builder, możesz zmienić rozmiar dowolnego modułu, przeciągając jego krawędzie.

2. Szablony i układy

Zwłaszcza jeśli jesteś początkującym, możesz chcieć użyć wstępnie zaprojektowanych układów. Wybierając między narzędziami do tworzenia stron a Edytorem bloków, zastanów się, która opcja oferuje więcej gotowych do użycia opcji projektowania.

Wiele kreatorów stron zawiera bibliotekę szablonów i układów, co daje początkującym dobry punkt wyjścia do tworzenia nowej strony. Używanie i układanie poszczególnych modułów może być bardziej intensywne, ale gotowe układy zapewniają proste rozwiązania.

Na przykład edytor Beaver Builder ma kartę Szablony, którą można przeglądać, aby znaleźć kombinacje wierszy, kolumn i modułów. Zamiast budować układ poprzez przeciąganie i upuszczanie poszczególnych modułów, możesz po prostu kliknąć gotowy szablon, aby dodać go do strony:

Karta szablonów Beaver Builder

Możesz wybierać spośród gotowych stron docelowych lub stron zawartości Beaver Builder. Następnie kliknij określone obszary układu, aby edytować informacje:

Edytuj szablon Beaver Builder

Edytor bloku ma również kilka prostych układów. Korzystając z gotowych wzorów, możesz zaprojektować stronę w kilka minut:

Wzory blokowe

Te układy mogą być korzystne, gdy nie chcesz spędzać dużo czasu na dostosowywaniu konkretnej strony. Wybierając wzór blokowy, wystarczy dodać własny tekst i obrazy.

Chociaż wzór blokowy nie będzie miał tylu zaawansowanych ustawień, co szablon kreatora stron, możesz edytować jego tekst, kolor czcionki i kolory tła:

Edytuj wzór bloku

Ostatecznie kreatory stron zapewniają większą różnorodność i dostosowywanie gotowych układów. Jednak Edytor bloku może być prostym narzędziem, jeśli nie potrzebujesz zaawansowanych funkcji.

3. Szybkość strony

Ponieważ strony są elementami składowymi Twojej witryny, ważne jest, aby znaleźć edytor stron zoptymalizowany pod kątem szybkości. Ten czynnik może być kluczem do maksymalizacji doświadczenia użytkownika i wydajności witryny.

Edytor bloków jest przeznaczony dla witryn WordPress, więc może przyczynić się do szybszego czasu ładowania. Kreatory stron zawierają dużo treści, przez co niektóre z nich są nieco wolniejsze w porównaniu.

Ponadto użytkownicy WordPressa często minimalizują swoje wtyczki, aby przyspieszyć swoje witryny. W takim przypadku możesz chcieć użyć Edytora bloków i unikać wtyczek do tworzenia stron innych firm.

Jednak nie każdy kreator stron spowolni Twoją witrynę. Wtyczki do tworzenia stron, które są zgodne z wytycznymi WordPressa, prawdopodobnie nie wpłyną znacząco na szybkość ładowania.

Dzięki Beaver Builder możesz utrzymać szybkość działania swojej witryny, jednocześnie korzystając z modułów i układów. Beaver Builder jest dobrze napisany i lekki, dzięki czemu jest zoptymalizowany pod kątem szybkości.

Możesz także dostosować ustawienia dla różnych urządzeń w edytorze Beaver Builder. Może to pomóc w zbudowaniu responsywnego układu na komputery i urządzenia mobilne.

Ogólnie rzecz biorąc, Edytor bloków jest nieco szybszy niż kreatory stron, ponieważ jest natywny dla WordPressa. Jednak odpowiedni kreator stron nie powinien znacząco wpływać na szybkość witryny.

Wniosek

Jako właściciel witryny będziesz chciał znaleźć najłatwiejszy sposób tworzenia nowych treści. Możesz uniknąć pisania złożonego kodu za pomocą Edytora bloków lub kreatora stron. Jednak narzędzia do tworzenia stron, takie jak nasze narzędzie Beaver Builder, oferują więcej funkcji, elastyczność i możliwość dostosowania, aby ulepszyć projektowanie stron internetowych.

Podsumujmy trzy najważniejsze funkcje, które należy wziąć pod uwagę przy wyborze między Edytorem bloków a programami do tworzenia stron:

  1. Funkcjonalność: Kreatory stron udostępniają moduły typu „przeciągnij i upuść”, które często są łatwiejsze w użyciu niż dodawanie bloków w Edytorze bloków.
  2. Szablony i układy: Gutenberg ma gotowe wzory blokowe, które umożliwiają szybkie stworzenie dobrze zaprojektowanej strony. Jednak twórcy stron mają więcej opcji układu i zaawansowane dostosowywanie.
  3. Szybkość strony: Ponieważ Edytor bloku jest wbudowanym edytorem WordPress, jest zoptymalizowany pod kątem szybkości strony. Mimo to wiele programów do tworzenia stron jest dobrze zakodowanych i lekkich, aby nie spowalniały Twojej witryny.

Czy masz pytania dotyczące kreatorów stron i edytora bloków WordPress? Daj nam znać w sekcji komentarzy poniżej!