Elementor – pierwsze kroki [plusy i minusy korzystania z page buildera]

Jeśli już masz za sobą pierwsze kroki w projektowaniu stron, to zapewne natknąłeś się na pewien problem. Budujesz swoją pierwszą witrynę, a przed Tobą stoi pusta strona. Może niezupełnie pusta, bo dostrzegasz napis „Dodaj tytuł” oraz „Proszę zacząć pisać, aby wybrać typ bloku”.

Po kilkukrotnym korzystaniu z Gutenberga (tak właśnie nazywa się ten edytor strony) okazuje się, że dostępne w nim opcje są znikome. Stąd też przedstawię w tym artykule alternatywne rozwiązanie – kreator stron Elementor.

Czym jest Elementor?

Elementor to kreator strony, który jest najpopularniejszy na całym świecie – oczywiście na CMSie WorPressa. Nie jest jednak w niego wbudowany. Jest to wtyczka, która udostępnia nam bardzo duże możliwości. Poważnie, dzięki niej możesz zbudować wszystko. Jedyne co Cię ogranicza, to Twoja wyobraźnia.

Czy się charakteryzuje Elementor?

  1. Jest prosty w użyciu.
  2. Jest darmowy.
  3. Jego główną cechą jest styl ‘drag and drop’ (przeciągnij i upuść).
  4. Udostępnia gotowe szablony.
  5. Jest ciągle rozwijany i aktualizowany.
  6. Jest kompatybilny z wieloma dodatkowymi wtyczkami, np.: WooCommerce.

 

Oczywiście poza taką charakterystyką należy spojrzeć na liczną społeczność, która zawsze jest gotowa, aby udzielić nam pomocy. Chociażby na Facebooku istnieje grupa o nazwie: „Elementor – kreator dla WordPress – Polska Grupa Wsparcia”.

Dlaczego warto korzystać z Elementora?

By zademonstrować Ci, dlaczego warto używać Elementora, zamieszczamy krótki filmik, w którym zobaczysz technologię „drag and drop”. Zobaczenie w praktyce, w jak intuicyjny i łatwy sposób możesz wykonać stronę internetową napawa zdumieniem i optymizmem.

Elementor jest bardzo popularnym rozwiązaniem. Można na nim stworzyć dość prostą i intuicyjną stronę, jak i bardzo zaawansowane platformy i portale internetowe. Warto z niego korzystać, aby tworzenie strony było szybsze i przede wszystkim prostsze.

Jeśli nie potrzebujesz strony www, a nie potrafisz programować, to najlepszą możliwością będzie właśnie Elementor.

Poza tym producenci wtyczki udostępniają gotowe szablony, które na początek są dobrym punktem wyjścia w budowaniu layoutu strony.

Jak zainstalować Elementor?

Z racji tego, że Elementor jest wtyczką do WordPressa, jej instalacja nie powinna sprawić Ci problemów.

Jeżeli jeszcze nie postawiłeś swojej strony na WordPressie, to sprawdź, jak to zrobić: Jak zainstalować WordPressa krok po kroku? [tekst + film].

Jak zainstalowac Elementor
Elementor to ta pierwsza wtyczka, przy której widnieje napis „aktywna”.

By zainstalować wtyczkę Elementor, wejdź w zakładkę „Dodaj nową wtyczkę”, która jest dostępna na panelu WordPress z lewej strony kokpitu. Wyszukaj właściwą wtyczkę, zainstaluj oraz aktywuj.

Na koniec warto sprawdzić, czy wtyczka została zainstalowana na naszym WordPressie. Jeżeli w panelu głównym (kokpicie) po lewej stronie widnieje etykieta z nazwą „Elementor”, to znaczy, że wtyczka została poprawnie dodana i możesz zacząć z niej korzystać.

Podstawowe funkcje page buildera

W dalszej części artykułu przedstawię Ci najważniejsze funkcje page buildera.

Dodanie nowej strony na Elementorze

Wejdź do kokpitu w zakładkę „Strony”, a następnie kliknij „Dodaj nową”. Powinna pojawić się zakładka „Edytuj w Elementorze”.

Oczywiście część ustawień witryny możesz zmienić po prawej stronie widoku Gutenberga, jednak od wersji Elementora (3.0), można to zrobić również w ustawieniach globalnych naszego page buidera.

Jeżeli już wprowadziłeś dane, kliknij „Edytuj w Elementorze”.

Jak dodac nowa strone na Elementorze
Na górze widnieje niebieski przycisk "Edytuj w Elementorze".
Widok kokpitu Elementora
Taki kokpit Elementora pojawi Ci się na początku.

Podstawowe elementy

Po lewej stronie na szarym tle znajdują się elementy, które można przeciągnąć na naszą stronę. Ta zaś widnieje na środku ekranu. I właściwie to wszystko, co musisz wiedzieć, aby zacząć posługiwać się Elementorem 🙂

Kilka najważniejszych, a raczej najczęstszych elementów, które będziesz używać:

  1. Nagłówek.
  2. Obraz.
  3. Edytor tekstu.
  4. Przycisk.
  5. Separator.

Dodatkowe opcje elementów

Każdy element posiada trzy podsekcje.

Treść – ta sekcja prezentuje treść naszego element. Przeważnie wpisujemy tutaj tekst, wybieramy style lub zmieniamy wartości domyślne.

Styl – tutaj jest prawdziwa zabawa. W tym miejscu zmieniamy wygląd elementu. Opcji jest bardzo dużo, więc warto z każdą po prostu się pobawić. Nie ma tak, że każdy element zawsze będzie taki sam. Najlepszą nauką jest „Learn by doing”, czyli nauka poprzez doświadczanie.

Zaawansowane – jeśli nie znasz podstaw HTMLa lub CSSa, to tutaj możesz troszkę zmodyfikować swój element. Przesunąć go, dopasować do ekranu monitora lub telefonu, pobawić się marginesami.

Opcje w Elementorze
Dodatkowe opcje w Elementorze

Elementor PRO

Dla wielu osób wersja darmowa będzie wystarczająca. Niemniej jest również wersja płatna, która daje więcej możliwości pracy ze stroną. Poniżej prezentujemy najważniejsze funkcje Elementora PRO.
Elementor PRO
Logotyp Elementor PRO
  • Możliwość zmiany globalnego kodu CSS (coś dla miłośników kodowania).
  • Dodatkowe elementy (ponad 25).
  • Dodatkowe animowane efekty.
  • Możliwość dodania tooltipów.
  • Możliwość dodawania własnych nagłówków oraz stopek (headers and footers).
  • Przede wszystkich daje możliwość skontaktowania się z pomocą techniczną.

 

Dokładny cennik Elementora PRO możesz zobaczyć, klikając tutaj.

Ciemne strony Elementora

Elementor jest niesamowity, ale posiada swoje minusy. Oto kilka z nich.
  • Dla bardziej zaawansowanych stanowi ograniczenie. Każdy element jest opakowany, przez co trudniej zmienić go w kodzie.
  • Wersja płatna nie jest za droga, jednak umożliwia wgranie wtyczki tylko na jedną stronę. Cena wynosi około 200zł/rok. Alternatywnym rozwiązaniem jest kupienie wersji na 1000 stron, jednak tutaj koszty zwiększają się do około 800zł/rok.
  • Elementor spowalnia stronę, ponieważ podobnie jak każdy inna wtyczka, ma swój kod, który waży, a który my wgrywamy na swoją witrynę.

 

Elementor jest narzędziem, z którym każdy początkujący projektant stron powinien się zapoznać. Zalecam to szczególnie osobom, które zaczynają swoją przygodę z tworzeniem stron www. Dzięki page builderowi można w miarę szybko nauczyć się tworzyć estetyczne strony i wyrobić sobie dobre nawyki dotyczące UX (user experience).

Podsumowanie

Jakie są Twoje pierwsze wrażenia z Elementora? My w swojej pracy najczęściej korzystamy właśnie z tego page buildera. Oferuje największe możliwości, jest szybki, a także łatwo nam przekazać wskazówki klientom, jak zmienić poszczególne elementy na ich stronie internetowej. Najbardziej Ci polecamy, abyś pobawił się wtyczką i widgetami, które oferuje – najwięcej się w ten sposób nauczysz, a dodatkowo zyskasz świetną rozrywkę i zabawę. Trzymamy kciuki za Twoją przygodę z Elementorem!

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *