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?
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
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:

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.

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

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.

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 .

Stamtąd musisz aktywować swoją licencję. Aby to zrobić, przejdź do Elementor > Licencja, a następnie kliknij Połącz i aktywuj.
![Elementor: Dein vollständiger Guide für den WordPress Page Builder Aktywacja licencji Elementor Pro w pulpicie nawigacyjnym WordPress ].](https://rb001.dev.360vier.net/wp-content/uploads/2021/06/Activate-license.png)
Na następnym ekranie kliknij Połącz, a następnie zaloguj się na swoje konto Elementor.

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.

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.

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.

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.
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:

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.

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:

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ę.

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.

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ć.
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.