Przejdź do głównej treści

Jak stworzyć układ za pomocą Elementora

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

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

Czy chciałbyś stworzyć układ za pomocą Elementora? Czy chcesz łatwo stworzyć profesjonalnie wyglądającą witrynę WordPress? 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ą kilku kliknięć. Oferujemy również Tobie 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.

stwórz układ za pomocą Elementora

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ść)?

Dokładnie to robi Elementor. To jest wtyczka do tworzenia stron WordPress, która umożliwia łatwe tworzenie własnych niestandardowych układów WordPress bez umiejętności kodowania.

Posiada intuicyjny interfejs użytkownika, który umożliwia tworzenie niestandardowych układów z podglądem w czasie rzeczywistym. Zawiera wiele gotowych 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 od razu wykorzystać jako punkt wyjścia. Mając to na uwadze, przyjrzyjmy się, 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 sposób na zainstalowanie wtyczki WordPress.

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

Ustawienia elementów

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

Będziesz mógł wykluczyć lub uwzględnić role użytkowników, które mogą używać Elementora podczas pisania postów lub stron. Domyślnie jest włączona 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 niestandardowego układu za pomocą Elementora

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

Edytuj za pomocą elementu elementor

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

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 zacząć modyfikować szablon, aby odpowiadał Twoim potrzebom. Po prostu wskaż i kliknij dowolny element, aby go zaznaczyć, a Elementor pokaże Ci 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, zawartość itp.

Edycja strony za pomocą elementor

Masz możliwość dodawania elementów w swoich kolumnach i sekcjach za pomocą widżetów oferowanych przez Elementor.

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

Po prostu wybierz widżet i upuść go w swojej sekcji lub kolumnie. Dostępny jest ogromny zestaw widżetów, które obejmują każdy popularny element projektowania stron internetowych, jaki możesz sobie wyobrazić.

Projekt elementu e za pomocą elementu elementor

Możesz dodawać obrazy, teksty, tematy, galerie zdjęć, filmy, mapy, ikony, referencje, suwaki, karuzele i wiele więcej.

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 do swojej witryny.

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 Twojej witrynie WordPress. Po prostu zapisze twój układ.

W tym momencie możesz wyświetlić podgląd swojej strony lub przejść do pulpitu WordPress. Co spowoduje powrót do domyślnego edytora postów WordPress. Możesz teraz zapisać swoją stronę WordPress lub opublikować ją w swojej witrynie.

Publikacja układu z elementemor

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

Ale podobnie jak wiele programów budujących strony, oferuje również rozszerzenia co pozwoli ci łatwo i szybko tworzyć nowe układy, wprowadzają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 Twojej witryny. Potężne elementy zostały specjalnie stworzone, aby zintegrować się z funkcjonalnością Elementora, aby zapewnić wszechstronne rozwiązania i stylowe 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, co pozwala na dodawanie formularzy kontaktowych i osadzanie ich w witrynie.

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 jest wymagana znajomość 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

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 produktów, wiele wizualizacji tworzyć strony produktów WooCommercewiele przyciągających wzrok widżetów treści, takich jak Dodaj do koszyka, Podgląd, Obraz, Ocena, Powiązane i wiele innych, możliwość wyświetlania taksonomie produktów i więcej.

Pobierz | Demo | hosting

Kilka przydatnych zasobów:

Wnioski:

Tutaj jest ! To wszystko w tym samouczku, mam nadzieję, że pozwala on 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 całego serca bardzo dziękuję za artykuł. Teraz mam problem, który niepokoi mnie od kilku dni, jestem nowy w wordpressie i używam ocean WP jako motywu, a następnie zainstalowałem elementor jako darmową wersję, więc z tą darmową wersją zacząłem od tworzenia moich stron i to dobrze, ale problem, który mi się pojawił jest taki, że kiedy publikuję moją stronę lub artykuł, kiedy już go mam, wielkie litery nie pojawiają się po kropce lub na początku zdania, czy jest to konieczne ustawienia typografii lub rodziny czcionek wybrane w skrócie, aby pomóc mi lepiej zrozumieć, gdzie jest bezpłatna wersja, która nie ma wielkich liter po kropce. Dzięki za zrozumienie.

    1. Witam,

      Zalecam skontaktowanie się z obsługą wtyczek Elementor na stronie WordPress.org. Na pewno znajdziesz odpowiedź od autorów.

  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 Od kilku miesięcy nie aktualizowałem swojej strony, na której używam tego elementu; dzisiaj próbowałem to zrobić, ale mam problem, większość sekcji pokazuje mi przekreślone okienko ze słowem OFF SECTION i nic nie mogę zrobić. Mogę edytować tylko jedną sekcję strony, tę, w której mam sam tekst.
    Czy wiesz, co może działać?

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

    Mam problem z edycją tekstu. Akapit i nagłówki są sztywne i nie mogę zmienić czcionki, koloru, grubości itp. Pomimo zmian w ustawieniach nic się nie zmienia. To nie jest problem ze wzorem, ponieważ ma inny krój i schemat kolorów niż to, co daje mi Elementor.
    Nie wiem, jak zmienić ten parametr szablonu, zdarzyło mi się nawet z nagłówkiem 1, ale zmieniłem go wpisując kod html w nagłówku i pomogłem, teraz nie działa.

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

    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 ze zgodnością z inną wtyczką, będziesz wiedzieć, która.

  7. Dobry wieczór.
    Dodałem zdjęcie na stronie (Landing Page) i próbowałem zmienić na inne, którego nie mogłem… usunąć kilka razy i wstawiłem nowe zdjęcie, ale się nie ładuje… stare zdjęcie pozostaje…
    Czy byłbyś w stanie mi pomóc?

  8. Witam i dziękuję za ten artykuł, który potwierdza mój wybór Elementora jako narzędzia do tworzenia stron. ^^

    Z drugiej strony, co myślisz o utworzeniu witryny podrzędnej przed modyfikacjami. Czy jest to konieczne w przypadku Elementora?

    Obawiam się, że wszystkie wprowadzone zmiany zostaną nadpisane 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 jest jakakolwiek potrzeba, zanim przystąpiłem do tworzenia motywu potomnego tego, którego używam. W przeciwnym razie czy nie ma ryzyka, że ​​aktualizacje motywu lub wtyczek po prostu nadpiszą układ zbudowany w Elementorze?
    Dziękując za twój powrót,

  10. Witam,

    Chciałbym wiedzieć, jak uzyskać kod PHP rozszerzenia ELEMENTOR, aby zintegrować go ze stroną główną?

    Dziękuję za zwrócenie uwagi na moją prośbę.

  11. Witam,

    bardzo interesujący artykuł.
    Mam pytanie do pro elementora, którym jesteś.
    Czy można dodać do wygenerowanych formularzy metodę = "POST"?

    Jeanson

  12. bardzo dobry artykuł, chciałbym zapytać, kiedy zacząłem chodzić na elementor, lub dlaczego wydaje się, że jest nagłówek i stopka, jak wyglądać pusto

Zostaw komentarz

Twoj adres e-mail nie bedzie 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
24 akcji
udział18
ćwierkanie
Enregistrer6