Przejdź do głównej treści

Jak utworzyć niestandardowy układ z Elementor

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 600.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Czy chcesz utworzyć własne niestandardowe układy w WordPress? Chcesz łatwo stworzyć stronę internetową o profesjonalnym wyglądzie? Więc musisz Pobierz wtyczkę WordPress Elementor tutaj.

Elementor to wizualny program do tworzenia stron, który oferuje funkcję „przeciągnij i upuść”, która pozwala łatwo tworzyć niestandardowe układy w WordPress bez znajomości programowania.

W tym samouczku pokażemy, jak łatwo tworzyć niestandardowe układy WordPress za pomocą Elementora za pomocą zaledwie kilku kliknięć. Oferujemy również sprawdź inne alternatywy tej pięknej wtyczki WordPress.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu

Wróćmy do tego, dlaczego tu jesteśmy.

Dlaczego i kiedy tworzyć niestandardowe układy w WordPress?

Zanim zaczniesz, możesz dowiedzieć się o tej wtyczce WordPress, przeglądając artykuły Prezentacja strony konstruktora WordPress: Elementor lub odkrywanie Samouczek Elementora: wprowadzenie do interfejsu

Wiele darmowych i premium motywów WordPress oferuje kilka opcji układu dla różnych typów stron. Czasami jednak żaden z tych szablonów układu nie spełnia twoich potrzeb.

Jeśli jednak jesteś fanem PHP, HTML i CSS, możesz utworzyć własne szablony stron, a nawet utworzyć motyw podrzędny dla swojej witryny. Ale większość użytkowników WordPress nie jest programistami, więc ta opcja nie działa dla nich.

Odkryj także te Wtyczki 8 WordPress do łatwego tworzenia układów

Czy nie byłoby wspaniale tworzyć układy za pomocą prostego interfejsu (przeciągnij i upuść)?

Właśnie to robi Elementor. Jest to wtyczka do tworzenia stron WordPress, która pozwala łatwo tworzyć własne niestandardowe układy WordPress bez żadnych umiejętności kodowania.

Ma intuicyjny interfejs użytkownika, który pozwala tworzyć niestandardowe układy z podglądem w czasie rzeczywistym. Jest wyposażony w wiele gotowych do użycia modułów dla wszystkich typów elementów do projektowania stron internetowych.

Oferuje kilka profesjonalnie zaprojektowanych szablonów stron, które można załadować i wykorzystać natychmiast jako punkt wyjścia. To powiedziawszy, spójrzmy, jak tworzyć niestandardowe układy WordPress za pomocą wtyczki WordPress Elementor.

Rozpoczęcie pracy z Elementorem

Najpierw musisz kupić wtyczkę Elementor Pro ”. To jest płatna wersja wtyczki Elementor Bezpłatnie, co daje dostęp do dodatkowych funkcji i obsługi klienta 1.

Następnie musisz zainstalować i aktywować wtyczkę Elementor. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku jak zainstalować wtyczkę WordPress.

Po aktywacji odwiedź stronę „ Elementor> Ustawienia Aby skonfigurować działanie tej wtyczki.

Elementorsettings

Tutaj możesz aktywować „Elementor” dla różnych rodzajów publikacji. Domyślnie jest włączony dla Twoich artykułów i stron WordPress. Jeśli masz niestandardowe formaty publikowania w swojej witrynie, pojawią się one również tutaj i możesz je również włączyć.

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

Odkryj nasze Wtyczki 8 WordPress do zarządzania rolami i użytkownikami

Nie zapomnij kliknąć przycisku « Zapisz zmiany Aby zapisać ustawienia.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Tworzenie własnego układu za pomocą Elementora

Najpierw musisz utworzyć nową stronę (lub post) na swojej stronie WordPress. Na stronie publikacji zauważysz nowy przycisk „Edytuj za pomocą elementu”.

Edytuj za pomocą elementu elementor

Kliknięcie go uruchomi interfejs użytkownika Elementor, w którym możesz edytować swoją stronę za pomocą narzędzia do tworzenia stron z funkcją przeciągnij i upuść.

Przeciągnij i upuść elementor

Możesz teraz dodawać sekcje i tworzyć swoją stronę od zera lub nadal możesz załadować jeden z domyślnie dostarczonych szablonów.

Modele to szybszy sposób na szybkie rozpoczęcie pracy. Dlatego Elementor oferuje kilka profesjonalnie zaprojektowanych szablonów, które można dowolnie dostosowywać.

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

Spowoduje to wyświetlenie wyskakującego okna, w którym możesz zobaczyć różne dostępne modele. Powinieneś poszukać modelu, który wygląda tak, jak chcesz.

Wtyczka elemntor układu

Teraz kliknij, aby wybrać model, który chcesz, a następnie kliknij przycisk wstawić Aby dodać go do swojej strony.

Elementor załaduje szablon dla Ciebie.

Możesz teraz rozpocząć edycję szablonu zgodnie z własnymi potrzebami. Wystarczy wskazać i kliknąć dowolny element, aby go wybrać, a Elementor wyświetli jego ustawienia w lewej kolumnie.

Początek edycji strony w elementorze

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

Modele oferowane przez wtyczkę Elementor są zbudowane z sekcji, kolumn i widżetów. Sekcje są jak linie 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ść itp.

Edycja strony za pomocą elementor

Możesz dodawać elementy do swoich kolumn i sekcji za pomocą widżetów udostępnianych przez Elementor.

Te widżety to typy bloków treści, które można umieszczać w sekcjach stron.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Po prostu wybierz widżet i upuść go w sekcji lub kolumnie. Dostępny jest szeroki zestaw widżetów, które obejmują wszystkie popularne elementy projektowania stron internetowych, jakie możesz sobie wyobrazić.

Projekt elementu e za pomocą elementu elementor

Możesz dodawać zdjęcia, tekst, tematy, galerie zdjęć, filmy, mapy, ikony, referencje, suwaki, karuzele i wiele innych.

Zobacz także nasze Motywy i szablony 15 Elementor do tworzenia strony internetowej

Możesz także dodać domyślne widżety WordPress, a nawet widżety utworzone przez inne wtyczki WordPress w swojej witrynie.

Po zakończeniu tworzenia własnego lub modyfikowania układu możesz kliknąć przycisk „ Enregistrer Aby zachować zmiany.

Dostosuj układ za pomocą elementor

Uwaga: Zapisanie układu nie spowoduje opublikowania strony w witrynie WordPress. Po prostu zapisze twój układ.

W tym momencie możesz wyświetlić podgląd swojej strony lub uzyskać dostęp do pulpitu nawigacyjnego WordPress. Co zabierze Cię z powrotem do domyślnego wydawcy WordPress. Możesz teraz zapisać swoją stronę WordPress lub opublikować ją na swojej stronie internetowej.

Publikacja układu z elementemor

To wszystko, więc skończyłem tworzenie strony z Elementor plugin WordPress.

Ale podobnie jak wiele programów budujących strony, oferuje również rozszerzenia które pozwolą Ci łatwo i szybko tworzyć nowe układy, dodając więcej elementów projektu do domyślnej wtyczki.

Pobierz Elementor

Odkryj także niektóre wtyczki premium WordPress

Możesz użyć innych wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. JetElements

Ta wtyczka wzbogaci twój pakiet Elementor o szeroką gamę modułów, które będą niezwykle przydatne podczas budowania witryny. Potężne elementy zostały specjalnie stworzone, aby zintegrować je z funkcjami Elementora i wreszcie zapewnić wszechstronne rozwiązania i eleganckie elementy.

Elementor wtyczki wordpress

Jego główne cechy to: wiele przydatnych modułów, zawierających wiele opcji stylu, parametry funkcjonalne i elementy absolutnie konfigurowalne, niesamowite elementy do szybkiego uruchomienia sklepu internetowego, obsługa języków RTL, Obsługa wtyczek WPML i moduł Formularz kontaktowy 7 niesamowite, które pozwala dodawać formularze kontaktowe i integrować je z witryną.

Pobierz | Demo| hosting

2. JetMenu

JetMenu jest rozszerzeniem bardzo funkcjonalny wtyczka Elementor, który pozwala tworzyć megamenus z łatwymi w użyciu przewijanymi elementami. Ta wtyczka nie ogranicza twojej wyobraźni i ma potencjał tworzenia niesamowitych menu i przerabiania ich zgodnie z twoją wizją i twoimi potrzebami.

Wtyczka Jetmenu wordpress elementor

Jego główne cechy to: Nie wymaga wiedzy z zakresu kodowania bogate funkcje, które doskonale łączą się z prostotą i przejrzystością, duży wybór modułów treści, opracowanych specjalnie w celu ułatwienia tworzenia menu, bardzo responsywny układ i wiele innych.

Jeśli chcesz urozmaicić menu lub megamery swojej witryny, skorzystaj z tej wtyczki WordPress.

Pobierz | Demo | hosting

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

3. JetWooBuilder

JetWooBuilder to niezbędny dodatek, który pozwala tworzyć w pełni rozwinięte strony produktów WooCommerce za pomocą Elementora.

Wtyczka Jetwoobuilder wordpress elementor

Jako funkcje znajdziesz między innymi: kilka unikalnych szablonów stron produktu, wiele elementów wizualnych tworzyć strony produktów WooCommerce, wiele chwytliwych treści, takich jak Dodaj do koszyka, Podgląd, Obraz, Notacja, Powiązane i wiele innych, możliwość przeglądania taksonomie produktów i więcej.

Pobierz | Demo | hosting

Kilka przydatnych zasobów:

Wnioski:

To wszystko w tym samouczku, mam nadzieję, że pozwoli ci tworzyć nowoczesne i profesjonalne układy za pomocą wtyczki Elementor.

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Szczególnie udostępnij ten artykuł w różnych sieciach społecznościowych.

...

Ten artykuł zawiera komentarze 24

  1. Witaj Thierry!

    Wielkie dzięki za ten wspaniały post.
    Używam ELEMENTOR PRO i stworzyłem stronę, na której pobrałem za pośrednictwem ELEMENTORa już zbudowany układ, jednak nie rozumiem, ta jest na CAŁEJ mojej witrynie ... cała moja architektura internetowa się zmienił i to właśnie ten układ znajduję na wszystkich stronach mojej witryny. Z drugiej strony stary układ nie został usunięty, ale znajduje się na dole strony. Kiedy klikam „EDYTUJ za pomocą elementu ELEMENTOR”, nie mogę go usunąć… masz pojęcie, skąd pochodzi?
    Wielkie dzięki!

  2. Witam Thierry
    Z głębi serca bardzo dziękuję za artykuł. Teraz mam problem, który martwi mnie od kilku dni: zacząłem od wordpress i używam ocean WP jako motywu, a następnie zainstalowałem elementor w wersji darmowej, więc w tej bezpłatnej wersji zacząłem od tworzenia moich stron i to dobrze, ale problem, który mi się pojawił, polega na tym, że kiedy publikuję swoją stronę lub artykuł, gdy wielkie litery nie pojawiają się po jednym punkcie lub na początku zdania, jest to konieczne ustawienia typografii lub rodziny czcionek w skrócie pomogły mi lepiej zrozumieć, gdzie jest to darmowa wersja, która nie ma kapitału po punkcie. Dziękujemy za zrozumienie.

  3. Witaj, czy możesz użyć Elementora do zmiany strony początkowej? Jeśli tak to gdzie? Czy mogę utworzyć formularz kontaktowy za pomocą tej wtyczki? 🙂

  4. Halo
    Stworzyłem moją stronę główną za pomocą niestandardowej karty mojego interfejsu wordpress. Dlaczego nie znajduję tego samego w elementorze? na elementorze mój pasek menu nie znajduje się w tym samym miejscu i nie mam mojego logo, które się pojawi! Wolę ten na wordpressie, ale kiedy wykonuję wizualizację mojej strony, pojawia się strona domowa elementora! Czy możesz mi powiedzieć, jak to zrobić?
    Dziękuję ci

  5. Witam,
    Mam problem W ostatnich miesiącach nie zaktualizowałem swojej strony, na której używam tego elementu; dzisiaj próbowałem to zrobić, ale mam problem, większość sekcji pokazuje mi pudełko z napisem OFF SECTION i nie mogę nic zrobić. Mogę edytować tylko jedną sekcję strony, taką, w której sam mam tekst.
    Czy wiesz, co może działać?

  6. Witam,
    Uczę się budować stronę internetową za pomocą WordPress, Elementor to świetna wtyczka, pozwala dużo, odkrywam coś nowego.
    Również problemy;) Zazwyczaj zajmuję się rozwiązaniami. Nie teraz.

    Mam problem z edytowaniem tekstu. Paragraf i nagłówki są sztywne i nie mogę zmienić czcionki, koloru, grubości itp. Pomimo zmian ustawień nic się nie zmienia. Nie jest to problem z wzorcem, ponieważ jego krój i kolor różnią się od Elementora.
    Nie wiem, jak zmienić ten parametr szablonu, zdarzyło mi się tak samo z nagłówkiem 1, ale zmieniłem go, wprowadzając kod html w nagłówku i pomógł, teraz to nie działa.

    Jak to się zmieni? - pomóżcie.

    1. Witam,

      Spróbuj wyłączyć wszystkie wtyczki WordPress i spróbuj ponownie. Jeśli Twój problem zostanie rozwiązany, gdy wszystkie są wyłączone, zacznij od aktywowania ich pojedynczo, a następnie sprawdź za każdym razem.

      Jeśli jest to problem z kompatybilnością z inną wtyczką, będziesz wiedział, który z nich.

  7. Dobry wieczór.
    Dodałem zdjęcie na stronie (Strona docelowa) i próbowałem zmienić na inną, której nie mogłem ... usunąć kilka razy i dodałem nowe zdjęcie, ale nie ładuje się ... stare zdjęcie pozostaje ...
    Czy mógłbyś mi pomóc?

  8. Cześć i dziękuję za ten artykuł, który wzmacnia mnie w wyborze Elementora jako twórcy stron. ^^

    Z drugiej strony, co myślisz o stworzeniu strony podrzędnej przed modyfikacjami? Czy jest to konieczne z Elementorem?

    Obawiam się, że wszystkie wprowadzone zmiany są nadpisywane podczas aktualizacji motywu? Czy nie ma ryzyka?

    Dziękując za odpowiedź,
    Bien à vous,
    Nicolas

  9. Witam i dziękuję za ten bardzo interesujący artykuł.
    Zacząłem używać Elementora i zastanawiałem się, czy nie było to konieczne, aby kontynuować tworzenie motywu potomnego tego, którego używam. Jeśli nie, czy nie ma ryzyka, że ​​motyw lub wtyczki będą nadpisywać wbudowany układ za pomocą Elementora?
    Dziękując za twój powrót,

  10. Witam,

    Chciałbym wiedzieć, jak mieć kod PHP rozszerzenia ELEMENTOR, aby zintegrować go z moją stroną domową?

    Dziękuję za uwagę na moją prośbę.

Zostaw komentarz

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

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
23 akcji
udział18
ćwierkanie
Enregistrer5