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.
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 Motywy WordPress Zarówno wersja bezpłatna, jak i premium oferują wiele możliwości wyboru układu dla różnych typów stron. Czasami jednak żaden z tych układów szablonów 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 więc 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ć Wtyczka 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.
Tutaj możesz aktywować „Elementor” dla różnych typów postów. Domyślnie jest włączony 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.
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”.
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.
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.
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.
Porozmawiajmy teraz o tym, jak działają układy Elementora.
Modele oferowane przez Wtyczka Elementor są zbudowane na sekcjach, kolumnach i widżetach. 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.
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ą wszystkie popularne elementy projektowania stron internetowych, jakie możesz sobie wyobrazić.
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 stworzone przez innych WordPress wtyczki na twojej stronie internetowej.
Po zakończeniu tworzenia własnego lub modyfikowania układu możesz kliknąć przycisk „ Enregistrer Aby zachować zmiany.
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.
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 WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego 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.
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.
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.
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.
3. JetWooBuilder
JetWooBuilder to niezbędny dodatek, który pozwala tworzyć w pełni rozwinięte strony produktów WooCommerce za pomocą Elementora.
Jako funkcje znajdziesz między innymi: kilka unikalnych szablonów stron produktów, wiele wizualizacji tworzyć strony produktów WooCommerce , wiele 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.
Kilka przydatnych zasobów:
- JetPlugins - najlepsze mody do tworzenia stron internetowych za pomocą kreatora stron Elementor
- Motywy 15 i szablony elementów do stworzenia strony internetowej
- Monstroid 2 - Z łatwością stwórz swoją stronę internetową za pomocą Elementora
- Jak skonfigurować dostawy na WooCommerce
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.
...
Jak zrobić 2 kolumny, aby na smartfonie nadal były 2 kolumny? przepraszam nowicjuszu
Halo
po prostu zostaw domyślną sekcję z dwiema kolumnami na wszystkich urządzeniach. Ale generalnie byłoby interesujące z estetycznego i przyjaznego dla użytkownika punktu widzenia przekształcenie sekcji 2 kolumn w kolumnę na smartfonie
Cordialement
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!
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.
Witam,
Zalecam skontaktowanie się z obsługą wtyczek Elementor na stronie WordPress.org. Na pewno znajdziesz odpowiedź od autorów.
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? 🙂
Witam,
Tak Elementor jest bardzo kompletny.
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
przepraszam zapomniałem wspomnieć, że używam motywu oceanwp!
Witam,
Nigdy nie testowaliśmy Elementora z Twoim motywem. Przepraszam.
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ć?
cześć, jak i gdzie edytujesz szablon archiwum w elementor pro? Nie mogę wstawić treści w kolumnie po stronie bloga
Witaj Valentino,
Czy korzystasz bezpośrednio z widżetów WordPress? Jakiego rodzaju treści chcesz dodać?
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óż.
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.
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?
Halo
Czy sprawdziłeś pamięć podręczną swojej witryny WordPress?
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
Witam,
Nigdy nie testowane. skontaktowałeś się z ich wsparciem?
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,
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ę.
Witam,
Niestety nie mamy dla Ciebie rozwiązania, przepraszam.
Witam,
bardzo interesujący artykuł.
Mam pytanie do pro elementora, którym jesteś.
Czy można dodać do wygenerowanych formularzy metodę = "POST"?
Jeanson
Dobry wieczór,
Jeszcze nie przetestowane. Radzę skontaktować się z zespołem Elementor.
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
Witaj, nie rozumiem twojego pytania bardzo dobrze.