Jak korzystać z Elementor : Przewodnik po konfiguracji od początku do końca

Elementor: Twój kompletny przewodnik po kreatorze stron WordPressa

Elementor to jeden z najpopularniejszych obecnie kreatorów stron WordPressa. Nie bez powodu: Elementor jest pełen funkcji, które sprawiają, że tworzenie własnych stron internetowych jest łatwiejsze niż kiedykolwiek. W tym wpisie dowiesz się wszystkiego, co musisz wiedzieć o Elementorze.

Jeśli jesteś ciekaw, jak używać Elementora, to trafiłeś we właściwe miejsce. Dziś wszystko o Elementorze - w tym wskazówki dotyczące instalacji oraz najlepsze motywy i dodatki. Ponieważ, zwłaszcza na początku, praca z Elementorem może być kłopotliwa. Przyglądamy się bliżej następującym tematom:

  • Elementor: Czym jest Elementor i jak działa kreator stron
  • Zalety używania Elementora jako kreatora stron w WordPressie
  • Różnice między Elementor i Elementor Pro
  • Jak zainstalować Elementor Page Builder w WordPress
  • Jak używać Elementora: wyjaśnienie krok po kroku
  • Najlepsze motywy Elementora i jak ich używać
  • Polecane dodatki dla Elementora
  • Podsumowanie: Jak używać Elementora - kompletny przewodnik

Elementor: Czym jest i jak działa

Czym w ogóle jest kreator stron?

Kreator stron można porównać do "zestawu konstrukcyjnego" dla zawartości Twojej witryny, w którym możesz przeciągać i upuszczać poszczególne elementy w wybrane miejsca i wypełniać je własną treścią. Z naszego artykułu dowiesz się o najważniejszych plusach i minusach kreatorów stron.

Elementor to wtyczka do tworzenia stron internetowych opracowana dla WordPressa. Elementor dodaje całą gamę funkcji "przeciągnij i upuść". Dzięki temu nawet nowicjusze mogą tworzyć wspaniałe strony internetowe, które wyglądają profesjonalnie.

Największą zaletą Elementor jest to, że otrzymujesz pełny podgląd na żywo swojej strony - podczas wprowadzania zmian.

Elementor umożliwia intuicyjne projektowanie, szczególnie dla początkujących. Aby to osiągnąć, wtyczka wykorzystuje dziesiątki widżetów, pełną bibliotekę szablonów oraz funkcję historii zmian. 

Podstawowa wtyczka Elementor jest darmowa i zawiera wiele podstawowych elementów. Jeśli potrzebujesz bardziej zaawansowanych funkcji, dostępny jest Elementor Pro. Wersja premium Elementora ma kilka poziomów cenowych, zaczynając od 49$/rok za jedną stronę, a kończąc na 999$/rok za 1000 stron.

Zalety używania Elementora jako kreatora stron w WordPressie

Jak można się domyślić, Elementor ma kilka zalet. Zapoznajmy się z kilkoma z nich, zanim przejdziemy do właściwego tutorialu Elementor . Niektóre z najważniejszych zalet to: 

  • Łatwy w użyciu. Wizualna edycja frontendu w połączeniu z widgetami sprawia, że praca z Elementor Page Builder jest niewiarygodnie łatwa, nawet dla początkujących. 
  • Elastyczność i możliwość rozbudowy dla programistów. Solidna biblioteka szablonów, edytor bloków i pełna kontrola nad wyjściem oznacza, że nawet bardziej doświadczeni programiści mogą nauczyć się korzystać i pracować z Elementor Theme Builder. 
  • Tony opcji dla stylizacji. Możesz użyć panelu edytora z suwakami, aby dostosować ustawienia w projekcie w wygodnych ramach edycji.   
  • Globalne widgety, które oszczędzają czas. Zmień, dostosuj, zapisz i używaj widgetów na wielu stronach internetowych.  
  • Przeciągnij i upuść Theme Tworzenie. Stwórz stronę Elementor Theme od podstaw za pomocą wbudowanych widgetów - lub wykorzystaj szablony Elementor Pro jako podstawę. 
  • Integracja E-commerce. Użyj panelu widgetów, aby stworzyć sklep internetowy z pełną responsywną kontrolą, do której jesteś przyzwyczajony z innych builderów z kompatybilnością WooCommerce .
  • Wbudowane narzędzia marketingowe. Szczególnie na początku pracy z Elementor od razu zauważysz następujące rzeczy: Możesz dostosowywać style formularzy, tworzyć strony docelowe Elementor i używać widżetów Plugin , aby budować swoją obecność w sieci i strategię marketingową w tym samym czasie. 
  • Duża społeczność stron trzecich i rynek. Dużą zaletą Elementor jest duża społeczność programistów, która za nim stoi. Możesz spędzić godziny przeglądając wszystkie szablony stron Elementor , WordPress Themes i dodatki, które rozszerzają podstawowe funkcje Elementor . 

Porównanie 15 najpopularniejszych kreatorów stron WordPress

Istnieje więcej niż tylko jeden WordPress page builder. Już teraz przedstawimy Ci 15 różnych Plugins , aby pomóc Ci szybciej poruszać się z WordPress . Poznaj najlepsze WordPress page buildery na dzisiejszym rynku.

Różnice między Elementor i Elementor Pro

Zanim przejdziemy dalej, warto wspomnieć, że istnieje wersja Pro programu Elementor. Wersja darmowa pozwoli ci zajść daleko, ale jeśli szukasz jeszcze więcej funkcji, powinieneś rozważyć Elementor Pro.  

Darmowa wersja Elementor zawiera wszystko, czego potrzebujesz do stworzenia strony internetowej, w tym funkcje budowania:

  • Nagłówek 
  • Pola tekstowe 
  • Widżety obrazów 
  • Widżety wideo 
  • Widżety galerii
  • Referencje 
  • Widżety dzielące 
  • Widżety akordeonowe 

Elementor Pro dodaje kilka funkcji skierowanych do firm, w tym:

  • Formularze 
  • Slajdy 
  • Portfolia 
  • Tabele cenowe 
  • Karuzele obrazów 
  • Widgety licznika 
  • Pop-upy 
  • Widżety przycisków społecznościowych
  • Własna stopka i kreator nagłówków 
  • Call to Action

Możesz również dodać własne czcionki i punkty przerwania oraz użyć wielu widżetów premium. Tutaj można znaleźć porównanie darmowej wersji Elementor i Elementor Pro: 

Różnice pomiędzy Elementor  i Elementor  Pro
Infografika porównująca funkcje serwisów Elementor i Elementor Pro

Jak zainstalować Elementor Page Builder w WordPress

Aby zainstalować Elementor, potrzebujesz zainstalowanego WordPressa, planu hostingowego i nazwy domeny. Po zalogowaniu się do pulpitu nawigacyjnego swojej witryny WordPress przejdź do Plugins > Add New.  

Jak zainstalować kreator stron Elementor w WordPressie
WordPress Plugins Ekran wyszukiwania w pulpicie nawigacyjnym

Poszukaj Elementor i zainstaluj go. Następnie kliknij na Activate

Jak zainstalować stronę Elementor  plugin
Instalacja i aktywacja wtyczki Elementor w panelu sterowania WordPressa

Jeśli zdecydujesz się na Elementor Pro (lub uaktualnienie z podstawowej wersji wtyczki Elementor), przejdź do Mojego konta na stronie Elementor i kliknij przycisk Download Plugin. Spowoduje to zapisanie pliku ZIP na twoim komputerze.  

Elementor  widok konta
Elementor Widok konta, dostęp do menu Downloads

Następnie zaloguj się do pulpitu nawigacyjnego WordPress i przejdź do Plugins > Dodaj nowy. Prześlij zapisany właśnie plik ZIP do komputera, kliknij przycisk Install (Zainstaluj ), a następnie kliknij przycisk Activate (Aktywuj). Aby to zadziałało, musisz mieć zainstalowaną i aktywowaną bezpłatną wersję Elementor Plugins . 

Dodanie strony plugins do WordPress
Dodawanie wtyczek do WordPressa

Stamtąd musisz aktywować swoją licencję. Aby to zrobić, przejdź do Elementor > Licencja, a następnie kliknij Połącz i aktywuj.  

Aktywacja licencji Elementor  Pro w pulpicie nawigacyjnym WordPress  ].
Aktywacja licencji Elementor Pro w pulpicie nawigacyjnym WordPress

Na następnym ekranie kliknij Połącz, a następnie zaloguj się na swoje konto Elementor.  

Podłączenie licencji Elementor  do witryny WordPress
Podłączenie licencji Elementor do witryny WordPress

Zostaniesz przekierowany z powrotem do pulpitu nawigacyjnego. Powinien zniknąć komunikat na górze ekranu z prośbą o aktywację licencji. 

Jak używać Elementora: wyjaśnienie krok po kroku

Teraz, gdy instalacja jest zakończona, nadszedł czas, aby zapoznać się z tym, jak będziesz używać Elementora w praktyce. Elementor zaleca zainstalowanie wtyczki Envato Elements, która zapewni Ci wybór szablonów stron Elementora w pulpicie nawigacyjnym. Upewnij się, że zainstalowałeś i aktywowałeś domyślny motyw WordPressa.  

Pobieranie Envato Elements plugin w pulpicie nawigacyjnym WordPress
Pobierz Envato Element Plugins z WordPress Dashboard

Aby rozpocząć, przejdź do sekcji Elementy w panelu administracyjnym WordPressa. Możesz wybierać pomiędzy zestawami szablonów darmowych i premium. Zdecyduj, co wolisz. Następnie wybierz szablon, który Ci odpowiada.

Lista darmowych zestawów szablonów Envato Elements w WordPress
Lista darmowych zestawów szablonów z Envato Elements w WordPress

Przewiń menu szablonów i wybierz projekt strony głównej, który chcesz zaimportować. Powtórz to dla każdego nowego szablonu strony, który chcesz utworzyć. Wiele osób decyduje się na używanie go do tworzenia stron takich jak O nas, Serwis iKontakt - ale to zależy od Ciebie.

Lista darmowych zestawów szablonów Envato Elements w WordPress
Opcje szablonu strony głównej w zestawie szablonów dla przestrzeni co-workingowej

Kiedy już stworzysz swoje strony, możesz je edytować za pomocą Elementora. Aby to zrobić, przejdź do Strony > Wszystkie, najedź na stronę, którą chcesz edytować, i kliknij Edytuj za pomocą Elementora.  

Gdy strona się załaduje, powinieneś zobaczyć edytor Elementor w akcji. Po lewej stronie ekranu zobaczysz, że tryb edytora jest aktywny. A po prawej stronie zobaczysz podgląd edytora. Jest to w zasadzie widok na żywo Twojej strony internetowej, którą możesz zmieniać układ, formatować i edytować bezpośrednio. 

Elementor: Twój kompletny przewodnik po kreatorze stron WordPressa
Edycja strony głównej w Elementor

W trybie edycji zawartość jest podzielona na sekcje. Gdy przesuniesz kursor myszy nad sekcjami, powinny one zostać podświetlone na jasnoniebiesko. 

Po kliknięciu na sekcję, możesz bezpośrednio edytować treści w niej zawarte. Jeśli klikniesz prawym przyciskiem myszy, otworzy się panel sekcji. Tutaj możesz zobaczyć jak po kliknięciu na obrazek w szablonie, po lewej stronie pojawia się panel kontrolny dla tego obrazka: 

Edycja obrazów w Elementor
Edycja obrazów w Elementor

Praca z widgetami przebiega podobnie: jeśli jest on już obecny w szablonie, wystarczy kliknąć na ikonę szarego ołówka, aby otworzyć tryb edycji dla danego widgetu. Następnie pojawi się on ponownie po lewej stronie.

Jeśli chcesz wprowadzić zmiany w widżecie karuzeli obrazów, możesz kliknąć na niego w gotowym szablonie, a następnie wprowadzić zmiany w ustawieniach, dostosowując rozmiar, powiązany tekst i obrazy. 

Dodawanie widżetu karuzeli obrazów w Elementor
Dodawanie widżetu karuzeli obrazów w Elementor

W miarę jak uczysz się korzystać z szablonów Elementor i projektujesz układ strony zgodnie z własnymi upodobaniami, możesz zacząć myśleć o stylizacji. Możesz dostosować kolory poprzez dostosowanie ich na poziomie globalnym (dla całej witryny, jeśli używasz Pro), a także na podstawie widgetów. 

Zmiana koloru tekstu w nagłówkach to pestka:

Zmiana koloru, czcionki i stylu tekstu w Elementor
Zmień kolor, czcionkę i styl tekstu w Elementor

Można dostosować style i rozmiary czcionek, to czy tekst ma cień (i jego krycie) oraz różne inne ustawienia stylów dla odstępów, marginesów i obramowań. Możesz nawet dostosować rozmiar linii i wzór widgetu dzielnika. 

Możesz wstawiać ikony mediów społecznościowych, dostosowywać ich kolor i rozmiar oraz określać ich umiejscowienie. Można również zmieniać ich kształt, dodawać kolumny i zmieniać orientację. 

Dodawanie ikon mediów społecznościowych za pomocą Elementor
Dodawanie ikon mediów społecznościowych za pomocą Elementor

Cały proces pracy z Elementor jest przyjazny dla użytkownika. Jeśli popełnisz błąd, łatwo go naprawisz, ponieważ zawsze możesz przejrzeć historię zmian i przywrócić starszą wersję swojej witryny jednym kliknięciem. 

Widoki Historia przeglądów i Nawigator w Elementor
Widoki Historia przeglądów i Nawigator w Elementor

Podobnie Nawigator ułatwia jednoczesne przeglądanie każdej sekcji, obszaru wewnętrznego i widgetu, dzięki czemu nie musisz przewijać w górę i w dół w nieskończoność. Wybierz sekcję lub widżet, wprowadź zmiany i zapisz swoją pracę. A kiedy będziesz gotowy, możesz opublikować swoją stronę. 

Jeśli chcesz dodać więcej funkcji lub potrzebujesz jeszcze bardziej rozbudowanego motywu startowego, możesz skorzystać z motywów i dodatków Elementora - czyli dokładnie tego, czym zajmiemy się za chwilę.Teraz, kiedy już rozumiesz podstawy korzystania z Elementora, przyjrzyjmy się kilku najpopularniejszym motywom dostępnym na tej platformie. 

Najlepsze motywy Elementora

  • WitajHello to darmowy i łatwy w użyciu motyw stworzony dla Elementora. Hello to prawdziwy motyw do rozpoczęcia pracy z Elementorem. Hello nie zawiera żadnych stylów ani skryptów, ale jest wyposażony w najważniejsze Wtyczki WordPress zgodny. 
  • Layers: Elementor przyjęła Layers, dzięki czemu jest teraz kompatybilna z Plugin i oferuje możliwości projektowania odpowiednie dla profesjonalistów - całkowicie za darmo. 
  • Astra: Znana jako najpopularniejsza WordPress Theme wszech czasów, Astra jest lekka, szybka i łatwa do dostosowania poprzez Elementor . Darmowa wersja jest bardzo bogata w funkcje, ale jest też wersja Pro, która oferuje większy wybór gotowych widgetów i opcji dostosowywania. Ceny zaczynają się od $47/rok.
  • Hestia: Hestia jest kolejnym Theme, który jest kompatybilny z Elementor . Oferuje Ci nowoczesny design za darmo. Ale możesz również uaktualnić do wersji Pro, aby uzyskać więcej opcji dla widżetów i lepszą kompatybilność z Elementor . Ceny zaczynają się od 69$/rok.
  • GeneratePress: Ten darmowy i otwarty WordPress Theme jest solidnym wyborem do tworzenia każdego rodzaju strony internetowej. Istnieje również wersja Pro z większą ilością funkcji, która zaczyna się od $44/rok. 
  • OceanWP: Ten premium WordPress Theme oferuje pełną kompatybilność z Elementor , w tym wiele dem, rozszerzeń i widżetów, począwszy od $39/rok. 
  • Dostosuj: Ta strona Theme jest bezpłatna. Dzięki integracji z Elementor oraz Header & Footer Builder, daje Ci mnóstwo możliwości personalizacji. Możesz również uaktualnić do wersji Pro, która jest dostępna od $59/rok dla dodatkowych modułów, aktualizacji i wsparcia.
  • Neve: Ten Theme ma Mobile First projekt, który działa z Elementor i jest wolny do użytku. Istnieje wersja Pro z jeszcze większą ilością funkcji dostępna od $59/rok.
  • Phlox Pro: Ten premium Theme jest dostępny na ThemeForest za 49$ i zawiera ponad 150 szablonów Elementor . 
  • Zakra: Ta strona Theme została zaprojektowana z myślą o szybkości i SEO i zawiera ponad 65 szablonów dla startupów. Wersja Pro zawiera dema premium i szerszy zestaw funkcji, zaczynając od $59/rok. 

Polecane dodatki dla Elementora 

Elementor jest pełen funkcji. Teraz już wiesz, jak korzystać z Elementor Themes . Ale należy również rozważyć różne popularne dodatki, aby jeszcze bardziej rozszerzyć funkcjonalność. 

Podczas gdy uczysz się, jak korzystać z Elementor , nie wahaj się sprawdzić następujących dodatków:

  • Ultimate Addons: rozszerza Elementor o więcej dodatków, widgetów i bloków, od 55$. 
  • Essential Addons for Elementor : Jest to najbardziej popularna biblioteka Elementor dla Elementor i zawiera ponad 70 opcji, zaczynając od $39.97 za pojedynczą stronę. 
  • Elementor Pack: Ta paczka jest pełna darmowych widgetów i dodatków Elementor . Wersja Pro oferuje jeszcze więcej widgetów, jak również wsparcie i aktualizacje, zaczynając od 29$/rok.
  • Prime Slider: Dzięki temu dodatkowi możesz utworzyć suwak w nagłówku i obszarze bohatera swojej witryny Elementor . Możesz pobrać Plugin za darmo lub zdecydować się na wersję Pro, która zawiera wsparcie i aktualizacje, zaczynając od $7.92/rok.
  • ToolKit dla Elementor : ToolKit ma na celu uproszczenie tworzenia stron Elementor dzięki usprawnieniom wydajności i bardziej intuicyjnym narzędziom administracyjnym. Możesz zacząć na maksymalnie trzech stronach internetowych z tym dodatkiem za 49 $ / rok.
  • Happy Addons: Ostatni, ale nie najmniej ważne, jest Happy Addons. Dodatek dodaje nowe widżety, sekcje i ustawienia do Elementor . Istnieje wersja darmowa i wersja pro. Ten ostatni jest wyposażony w dodatkowe funkcje, takie jak Live Copy, wsparcie 24/7 i aktualizacje. Cena zaczyna się od 29$/rok. 

Wnioski na temat Elementor Page Builder

Elementor jest często określany jako najlepszy kreator stron Plugin dla WordPress . Jest ku temu dobry powód: bogaty w funkcje projekt, silna społeczność oraz dostępność Themes i dodatków sprawiają, że Elementor jest elastycznym i dostępnym sposobem na zbudowanie strony internetowej. 

Jeśli chcesz nauczyć się korzystać z Elementora, musisz zacząć od solidnego planu hostingowego. W Raidboxes oferujemy specyficzny dla WordPressa hosting, który zaspokaja różne potrzeby. Jeśli masz jakieś pytania dotyczące naszych stawek, możesz się z nami skontaktować.

Twoje pytania dotyczące tematu Elementor

Jakie masz pytania do Maddy? Czekamy na Twoje komentarze. Czy interesujesz się WordPressem i projektowaniem stron internetowych? Obserwuj Raidboxes na TwitterzeFacebookuLinkedIn lub poprzez nasz newsletter.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Jeden komentarz na temat"Elementor: Twój kompletny przewodnik po konstruktorze stron WordPressa".

  1. Bardzo dobry artykuł. Wyjaśnił mi klika kwestii, ale wciąż nie znalazłem odpowiedzi.

    Edytując strony za pomocą telefonu, nie widzę zielonego przycisku „aktualizuj“ odpowiadającego za zapisanie projektu.

    Próbowałem kilku rzeczy, ale tak jakby tego dolnego paska nie było w edytorze.

    Zaznaczam, że nie zmieniając ustawień. Edytując stronę na komputerze wszystko jest widoczne i mam możliwość zapisania swojej pracy.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola wymagane oznaczone są *.