W artykule:
Chcesz stworzyć własne niestandardowe układy stron w WordPress? Elementor to Kreator stron typu „przeciągnij i upuść” WordPress, który pozwala łatwo tworzyć niestandardowe układy WordPress bez wiedzy o kodowaniu. W tym artykule pokażemy, jak łatwo tworzyć niestandardowe układy WordPress za pomocą Elementora za pomocą kilku kliknięć.
Dlaczego I Kiedy potrzebujesz niestandardowych układów WordPress?
Wiele darmowych i premium motywów WordPress ma wiele opcji układu dla różnego rodzaju stron. Jednak czasami żaden z tych układów nie spełnia twoich wymagań.
Jeśli wiesz, jak kodować w PHP, HTML i CSS, możesz utworzyć własne szablony stron, a nawet zbudować motyw potomny dla swojej witryny. Jednak większość użytkowników WordPressa nie jest programistami, więc ta opcja nie działa dla nich.
Czy nie byłoby wspaniale, gdybyś mógł po prostu tworzyć układy stron za pomocą interfejsu przeciągania i upuszczania?
To właśnie robi Elementor. Jest to wtyczka do Kreatora Stron typu „przeciągnij i upuść”, która pozwala łatwo tworzyć własne niestandardowe układy WordPress bez umiejętności kodowania.
Posiada intuicyjny interfejs użytkownika, który pozwala tworzyć niestandardowe układy z podglądem na żywo. Zawiera wiele gotowych do użycia modułów do wszelkiego rodzaju elementów do projektowania stron internetowych.
Istnieje kilka profesjonalnie zaprojektowanych szablonów, które można natychmiast załadować i wykorzystać jako punkt wyjścia. Działa ze wszystkimi standardowymi zgodnymi motywami WordPress i jest kompatybilny ze wszystkimi popularnymi wtyczkami WordPress.
Powiedziawszy to, przyjrzyjmy się, jak tworzyć niestandardowe układy WordPress za pomocą Elementora.
Pierwsze kroki z Elementor
Najpierw musisz kupić Elementor Pro plugin. Jest to płatna wersja darmowej wtyczki Elementor i daje dostęp do dodatkowych funkcji i 1 rok wsparcia.
Następnie musisz zainstalować i aktywować wtyczkę Elementor. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić Elementor ” Ustawienia strona do konfiguracji ustawień wtyczki.
Tutaj możesz włączyć Elementor dla różnych typów postów. Domyślnie jest on włączony dla postów i stron WordPress. Jeśli masz niestandardowe typy postów w swojej witrynie, pojawią się one również tutaj i możesz je włączyć.
Możesz wykluczyć lub dołączyć role użytkowników, które mogą używać Elementora podczas pisania postów lub stron. Domyślnie jest ona włączona tylko dla administratorów.
Nie zapomnij kliknąć przycisku zapisz zmiany, aby zapisać swoje ustawienia.
Tworzenie niestandardowego układu WordPress z Elementor
Najpierw musisz utworzyć nową stronę (lub post) w swojej witrynie WordPress. Na ekranie edycji postu zauważysz nowy przycisk „Edytuj z Elementorem”.
Kliknięcie na nim uruchomi interfejs użytkownika Elementora, w którym możesz edytować stronę za pomocą Kreatora Stron przeciągnij i upuść Elementora.
Teraz możesz dodawać sekcje i budować swoją stronę od podstaw, lub możesz dodać szablon.
Szablony to szybszy sposób na szybkie rozpoczęcie pracy. Elementor zawiera kilka profesjonalnie zaprojektowanych szablonów, które możesz dostosować do swoich potrzeb.
Zacznijmy od szablonu, klikając przycisk „Dodaj szablon”.
Spowoduje to wyświetlenie wyskakującego okienka, w którym będziesz mógł zobaczyć różne dostępne szablony. Powinieneś poszukać szablonu, który jest podobny do tego, co masz na myśli dla układu strony.
Teraz Kliknij, aby wybrać szablon, który Ci się podoba, a następnie kliknij przycisk „Wstaw”, aby dodać go do swojej strony.
Elementor załaduje teraz szablon za Ciebie.
Możesz teraz zacząć edytować szablon, aby dopasować go do swoich potrzeb. Po prostu wskaż i kliknij dowolny element, aby go wybrać, A Elementor pokaże ci jego ustawienia w lewej kolumnie.
Porozmawiajmy teraz o tym, jak działają Układy Elementora.
Układy elementora są budowane przy użyciu sekcji, kolumn i widżetów. Sekcje są jak wiersze lub bloki, które umieszczasz na stronie.
Każda sekcja może mieć wiele kolumn, a każda sekcja i kolumna może mieć własne style, kolory, zawartość itp.
Możesz dodać wszystko w swoich kolumnach i sekcjach za pomocą widżetów Elementora.
Te widżety to różnego rodzaju bloki zawartości, które można umieścić w sekcjach Elementora.
Po prostu wybierz widżet i upuść go do swojej sekcji lub kolumny. Dostępny jest szeroki zestaw widżetów, które obejmują wszystkie popularne elementy projektowania stron internetowych, o których możesz pomyśleć.
Możesz dodawać obrazy, tekst, nagłówki, galerie zdjęć, filmy, mapy, ikony, referencje, suwak, karuzele i wiele więcej.
Możesz także dodać domyślne widżety WordPress, a nawet widżety utworzone przez inne wtyczki WordPress w Twojej witrynie.
Po zakończeniu edycji możesz kliknąć przycisk Zapisz, aby zapisać zmiany.
Uwaga: Zapisanie układu nie opublikuje strony w Twojej witrynie WordPress. Po prostu zapisze układ strony.
Możesz teraz wyświetlić podgląd swojej strony lub przejść do Pulpitu nawigacyjnego WordPress.
Spowoduje to powrót do edytora postów WordPress. Możesz teraz zapisać swoją stronę WordPress lub opublikować ją w swojej witrynie.
Tworzenie własnych szablonów w Elementor
Elementor pozwala zapisać własne układy niestandardowe jako szablony. W ten sposób możesz ponownie użyć własnych szablonów, aby w przyszłości jeszcze szybciej tworzyć nowe strony.
Po prostu Edytuj stronę, którą chcesz zapisać jako szablon za pomocą Elementora.
W interfejsie Elementor builder kliknij ikonę folderu obok przycisku Zapisz, a następnie wybierz „Zapisz szablon”.
Spowoduje to wyświetlenie okienka, w którym musisz podać nazwę szablonu i kliknąć przycisk Zapisz.
Następnym razem, gdy tworzysz niestandardowy układ strony, będziesz mógł go wybrać z karty „Moje szablony”.
Możesz również wyeksportować ten szablon i użyć go w innych witrynach WordPress za pomocą Elementora.
Musisz odwiedzić Elementor ” Biblioteka strona, aby zobaczyć zapisane szablony. Najedź kursorem na nazwę szablonu, a następnie kliknij link „Eksportuj szablon”.
Po pobraniu pliku szablonu możesz przejść do strony biblioteki w innej witrynie WordPress za pomocą Elementora, a następnie zaimportować szablon.
Na razie to wszystko.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak tworzyć niestandardowe układy WordPress za pomocą Elementora. Możesz również zobaczyć nasz przewodnik krok po kroku, jak przyspieszyć WordPress i zwiększyć wydajność.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
