Jak tworzyć własne układy WordPress za pomocą Elementora?

Czy chcesz tworzyć własne, dostosowane układy stron w WordPress?

Elementor to kreator stron WordPress typu „przeciągnij i upuść”, który umożliwia łatwe projektowanie własnych układów WordPress bez konieczności posiadania wiedzy na temat kodowania.

W tym artykule pokażemy, jak łatwo tworzyć własne układy WordPress za pomocą Elementora za pomocą zaledwie kilku kliknięć.

Dlaczego i kiedy potrzebujesz własnych układów WordPress?

Wiele darmowych i premium motywów WordPress oferuje wiele układów dla różnych rodzajów stron. Czasami jednak żaden z tych układów nie spełnia twoich wymagań.

Jeśli wiesz, jak kodować w PHP, HTML i CSS, możesz stworzyć własne szablony stron lub nawet zbudować motyw potomny dla twojej witryny. Jednak większość użytkowników WordPressa nie jest programistami, więc ta opcja nie jest dla nich odpowiednia.

Czy nie byłoby wspaniale, gdybyś mógł po prostu projektować układy stron za pomocą interfejsu „przeciągnij i upuść”?

Dokładnie to robi Elementor. Jest to wtyczka typu drag-and-drop WordPress page builder, która pozwala łatwo tworzyć własne konfiguratory WordPress bez żadnych umiejętności kodowania.

WordPress + Elementor to potężne połączenie, które oferuje intuicyjny interfejs użytkownika, który pozwala budować własne układy z podglądem na żywo. Zawiera wiele gotowych do użycia modułów do wszelkiego rodzaju elementów projektowania stron internetowych.

Elementor posiada kilka profesjonalnie zaprojektowanych szablonów, które można natychmiast wczytywać i używać jako punkt wyjścia. Działa ze wszystkimi standardowymi motywami WordPress i jest zgodny [może być też „kompatybilny”] ze wszystkimi popularnymi wtyczkami WordPress. Aby uzyskać więcej informacji, zapoznaj się z naszą pełną recenzją Elementora.

Powiedziawszy to, przyjrzyjmy się, jak tworzyć własne układy WordPress za pomocą Elementora.

Pierwsze kroki z Elementorem

Najpierw należy zakupić wtyczkę Elementor Pro. Jest to płatna wersja darmowej wtyczki Elementor i daje dostęp do dodatkowych funkcji oraz rocznej pomocy technicznej.

Następnie należy zainstalować i włączyć wtyczkę Elementor. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść na stronę Elementor ” Ustawienia, aby skonfigurować ustawienia wtyczki.

Tutaj możesz włączać Elementor dla różnych typów treści. Domyślnie jest on włączony dla twoich wpisów i stron WordPress. Jeśli masz własne typy treści na swojej witrynie, to one również pojawią się tutaj i możesz je również włączyć.

Możesz wykluczyć lub włączyć role użytkowników, które mogą korzystać z Elementora podczas pisania wpisów lub stron. Domyślnie kreator stron jest włączony tylko dla administratorów.

Następnie nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać twoje ustawienia.

Tworzenie własnych układów WordPress za pomocą Elementora

Najpierw musisz utworzyć nową stronę lub wpis w swojej witrynie WordPress. Na ekranie edycji wpisu można powiadomić o nowym przycisku „Edytuj za pomocą Elementora”.

Kliknięcie go spowoduje uruchomienie interfejsu użytkownika Elementora, w którym można edytować twoją stronę za pomocą kreatora stron Elementora typu „przeciągnij i upuść”.

Możesz dodać sekcje i zbudować twoją stronę od podstaw lub wybrać szablon.

Szablony zapewniają szybki i łatwy sposób na rozpoczęcie pracy. Elementor zawiera kilka profesjonalnie zaprojektowanych szablonów, które można dowolnie dostosować do własnych potrzeb.

Zacznijmy od szablonu, klikając przycisk „Dodaj szablon”.

Spowoduje to wyświetlenie wyskakującego okienka, w którym będzie można zobaczyć różne dostępne szablony. Powinieneś poszukać szablonu, który jest podobny do tego, jaki chcesz uzyskać dla twojego układu strony.

W naszym przykładzie przyjrzymy się szablonom stron 404.

Teraz musisz kliknąć, aby wybrać szablon, który ci się podoba, a następnie kliknąć przycisk „Wstaw”, aby dodać go do twojej strony.

Elementor będzie teraz wczytywał szablon.

Teraz możesz rozpocząć edycję szablonu, aby dopasować go do twoich potrzeb. Wystarczy wskazać i kliknąć dowolny element, aby go wybrać, a Elementor wyświetli jego ustawienia w lewej kolumnie.

Jak działają układy Elementora

Porozmawiajmy teraz o tym, jak działają układy Elementora.

Układy Elementora są tworzone przy użyciu sekcji, kolumn i widżetów. Sekcje są jak wiersze lub bloki, które umieszczasz na swojej stronie.

Każda sekcja może mieć wiele kolumn, a każda sekcja i kolumna może mieć własne style, kolory, treść itd.

Możesz dodawać wszystko w twoich kolumnach i sekcjach za pomocą widżetów Elementora. Widżety to różnego rodzaju bloki treści, które możesz umieścić w swoich sekcjach Elementora.

Wystarczy wybrać widżet i upuścić go w twojej sekcji lub kolumnie. Dostępny jest obszerny zestaw widżetów, które obejmują wszystkie popularne elementy projektowania stron internetowych, o których można pomyśleć.

Możesz dodawać obrazki, tekst, nagłówki, galerie obrazów, filmy, mapy, ikonki, referencje, pokazy slajdów, karuzele i wiele więcej.

Możesz również dodać domyślne widżety WordPress, a nawet widżety utworzone przez inne wtyczki WordPress na twojej witrynie. Na przykład, jeśli używasz WPForms do tworzenia różnych formularzy dla twojej witryny, możesz użyć jego widżetu w Elementorze.

Po zakończeniu edycji możesz kliknąć strzałkę obok przycisku „Opublikuj”, aby zobaczyć różne opcje zapisu.

Uwaga: Zapisanie układu strony nie spowoduje opublikowania strony w twojej witrynie WordPress, ale ją zapisze.

Możesz teraz wyświetlić podgląd twojej strony lub przejść do kokpitu WordPress.

Spowoduje to powrót do edytora wpisów WordPress. Możesz teraz zapisać swoją stronę WordPress lub opublikować ją w witrynie internetowej.

Tworzenie twoich własnych szablonów w Elementorze

Elementor pozwala zapisywać twoje własne konfiguratory jako szablony. W ten sposób możesz ponownie wykorzystać swoje szablony do tworzenia nowych stron jeszcze szybciej w przyszłości.

Wystarczy edytować stronę, którą chcesz zapisać jako szablon za pomocą Elementora.

W interfejsie kreatora Elementor kliknij strzałkę obok przycisku „Opublikuj”. Zobaczysz teraz więcej opcji zapisania twojego wpisu. Wystarczy kliknąć opcję „Zapisz jako szablon”.

Spowoduje to wyświetlenie wyskakującego okienka, w którym należy podać nazwę twojego szablonu.

Po wpiszeniu nazwy kliknij przycisk „Zapisz”.

Następnym razem, gdy będziesz tworzyć własny układ strony, będziesz mógł wybrać go z karty „Moje szablony”.

Wszystko, co musisz zrobić, to kliknąć przycisk „Wstaw” dla twojego własnego układu strony.

Możesz również wyeksportować ten szablon i używać go na innych witrynach WordPress za pomocą Elementora.

Wystarczy kliknąć ikonkę z trzema kropkami, a następnie opcję „Eksportuj”.

Stąd możesz pobrać szablon na twój komputer.

Alternatywy Elementora do tworzenia własnych układów graficznych

Oprócz Elementora, istnieją inne kreatory stron i witryn internetowych, które pozwalają tworzyć własne konfiguratory dla twojej witryny.

Oto niektóre z najlepszych alternatyw Elementora, z których możesz skorzystać:

• SeedProd to najlepszy kreator witryn internetowych WordPress typu „przeciągnij i upuść”, który pozwala tworzyć własne konfiguratory dla twoich stron docelowych. Do wyboru jest ponad 300 motywów i szablonów stron docelowych. SeedProd oferuje również mnóstwo opcji konfiguratora i bloków do tworzenia oszałamiających stron. Więcej szczegółów można znaleźć w naszej pełnej recenzji SeedProd.
• Divi to wizualny motyw i kreator stron. Istnieje w branży od ponad 14 lat i oferuje różne funkcje tworzenia układów WordPress, w tym bibliotekę układów. W kreatorze wizualnym dostępnych jest wiele opcji dostosowywania i nie trzeba edytować żadnego kodu.
• Thrive Architect to potężny i przyjazny dla początkujących kreator stron, którego można używać do tworzenia 111111 pięknych układów. Zawiera on ponad 352 szablony i wiele opcji konfiguratora. Za pomocą wizualnego kreatora na front-endzie można edytować dowolny element na stronie. Aby uzyskać więcej informacji, zobacz naszą recenzję Thrive Architect.
• BeaverBuilder to kolejny popularny kreator stron typu „przeciągnij i upuść” dla WordPress. Jest łatwy w użyciu i można łatwo skonfigurować układy dla stron i wpisów za pomocą Beaver Builder. Oferuje on również gotowe szablony stron docelowych, ale nie jest ich tak wiele jak w przypadku SeedProd czy Divi.

Mamy nadzieję, że ten artykuł pomógł ci nauczyć się tworzyć własne układy WordPress za pomocą Elementora. Zachęcamy również do zapoznania się z naszym eksperckim porównaniem Elementor vs. Divi vs. SeedProd oraz naszym wyborem najlepszego oprogramowania do projektowania stron internetowych.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.