Share on facebook
Share on twitter
Share on linkedin
Share on google
Elementor Pro
Krzysztof Wojteczko

Krzysztof Wojteczko

Elementor Pro – Nie musisz już szukać szablonów dla WordPress’a

Ostatnia aktualizacja:

Elementorze pisałem już wielokrotnie na blogu i niezmiennie od momentu premiery rekomenduję go zarówno swoim Klientom jak i podczas prowadzonych szkoleń kursantom. Nie tylko pozwala na szybkie i bardzo wygodne zarządzanie zawartością strony internetowej, ale także pozwala tworzyć naprawdę atrakcyjne wizualnie witryny. To obecnie najlepszy page builder dla WordPress’a, i nieustannie umacnia swoją pozycje lidera dzięki wersji PRO.

O Elementorze przeczytasz np. w artykule Elementor czyli strona internetowa nad którą panujesz ale nie tylko. Zerknij na tag Elementor lub na koniec tego artykułu.

Dlatego nie będę omawiał podstaw, ale skoncentruję się na kluczowych możliwościach, która sprawiają że to narzędzie jest w stanie zastąpić praktycznie każdy motyw.

Jakiś czas temu Elementor służył w zasadzie głównie jako narzędzie do zarządzania zawartością poszczególnych stron i artykułów. To co mogliśmy zrobić, to zainstalować motyw, który nam się podobał i przy pomocy Elementora mogliśmy aranżować treści układając je niczym z klocków. To pozwalało i nadal pozwala tworzyć praktycznie dowolne układy rozmieszczenia poszczególnych elementów wewnątrz danej podstrony czy artykułu. Działa to świetnie. Ale uwaga… od Elementora Pro w wersji 2.0 możemy nie tylko robić to o czym wspomniałem, ale także budować własny szablon, a więc stworzyć nagłówek strony, stopkę, zdefiniować domyślny wygląd dla artykułów czy archiwów. To niesamowity krok do przodu ponieważ praktycznie całkowicie uniezależnia nas od gotowych motywów, które zazwyczaj mają mniej lub bardziej skostniałą strukturę. Jesteśmy niezależni od narzucanych przez nie standardów i to jest coś rewelacyjnego!

To świetne rozwiązanie znajdziesz tylko w wersji Pro, która kosztuje 49 dolarów czyli niejednokrotnie mniej niż zakup gotowego motywu np. na ThemeForest. Wersję Pro znajdziesz na stronie www.elementor.com

Ale do rzeczy, przyjrzyjmy się jak działają funkcje pozwalające na budowę własnego szablonu.

Jako przykład wezmę czystą instalację WP + Elementor + Elementor Pro + Bezpłatny motyw OceanWP. Równie dobrze mógłbym wykorzystać motyw Elementora, który jest dedykowany właśnie Pro o sympatycznej nazwie Hello. Motyw ten znajdziesz tutaj. Tymczasem mam stronę „golasa”, która wygląda w ten sposób:

Czysta instalacja WP i OceanWP

Szału nie ma prawda? Rzeczywiście zainstalowanie tego motywu nie wnosi nic ciekawego, ale za to jest bardzo dobrze zoptymalizowany, szybki i świetnie nadaje się do pracy z Elementorem. Zwróć uwagę. Tam gdzie mamy napis Chcesz opublikować swój pierwszy wpis?… to obszar, który możemy w Elementorze dowolnie komponować, ale w wersji darmowej nie mamy wpływu na to jak będzie wyglądał nagłówek, czyli górna część razem z menu, ani jak będzie się prezentowała stopka strony. Te elementy zależą do szablonu jaki wybraliśmy.

Oczywiście można posiłkować się dodatkowymi wtyczkami, które pozwolą nam tworzyć nagłówek i stopkę, ale to tylko czubek góry lodowej możliwości jakie dostajemy z Elementorem Pro. Można też stworzyć nagłówek czy stopkę standardowo jako sekcję, ale żeby ją ulokować tam gdzie chcemy trzeba dodawać ją ręcznie do każdej podstrony czy artykułu. Ta ułomność jest niestety dość kłopotliwa i mało praktyczna zwłaszcza jeśli nasza strona będzie miała większą ilość podstron, nie mówiąc o dziale z artykułami. Elementor Pro pozwala stworzyć sekcję nagłówka i stopki, które z automatu zostaną wyświetlone na wszystkich podstronach naszej witryny.

Żeby stworzyć nowy nagłówek wchodzimy do sekcji Templates > Theme Builder

Elementor Pro Theme Builder

Nie mamy jeszcze utworzonego żadnego szablonu więc jedyną opcją jaka mamy to jego dodanie. Tak też robię klikając w przycisk „Dodaj nowy template”. Następnie wybieram z listy rodzaj templatki. Chcę najpierw utworzyć nagłówek strony, więc stosownie do moich zamiarów wybieram właśnie tę opcję:

Wybór rodzaju templatki

W polu nazwy wpisuję coś co będzie identyfikowało templatkę na liście (bez obawy ta nazwa nie wyświetli sie na stronie) i klikam w przycisk utworzenia szablonu.

W momencie gdy szablon nagłówka zostanie utworzony pojawią się przykładowe, gotowe propozycje graficzne jego aranżacji. Na obecną chwilę jest ich 13 sztuk, ale każdy z nich możesz indywidualnie modyfikować lub jeśli wolisz możesz stworzyć cały nagłówek samodzielnie od podstaw.

lista gotowych szablonów

Jeśli ta ilość gotowych propozycji to dla Ciebie za mało, koniecznie sprawdź ten artykuł: „2000+ bezpłatnych szablonów dla Elementora„. Dysponując Elementorem PRO masz dostęp do olbrzymiej ilości templatek 🙂

Ok żeby użyć templatki nagłówka, która wstępnie mi odpowiada (dalej mogę ją dostosować jak chcę) klikam na niej i wstawiam do szablonu.

Domyślnie schemat jaki wybrałem wykorzystuje dwa widgety. Jeden to widget logotypu, drugi to widget odpowiadający za wyświetlenie menu.

Widgety w nagłówku

Jak widzisz obszar, który odpowiada za wyświetlenie logotypu a także menu nie wyświetla nic ciekawego. Wynika to z faktu, że dla strony nie zdefiniowałem ani logotypu, ani żadnego menu. Jeśli więc utworzę menu sprawa będzie wyglądała zupełnie inaczej 🙂

Nagłówek z poprawnie wyświetlonym menu

Przyjmijmy, że nagłówek już sobie odpowiednio zaaranżowaliśmy. Tak jak wspomniałem możesz tu zmienić dosłownie wszystko od układu, po kolory, możesz dodawać widgety odpowiadające za wyświetlanie treści, ikon itd…

Żeby zapisać pracę i jednocześnie opublikować nowy nagłówek wystarczy, że kliknę w przycisk Opublikuj, który znajdę standardowo w lewym dolnym rogu okna przeglądarki.

Zaczynamy publikację

To jednak nie koniec. Teraz będzie najciekawsze ponieważ mogę zdecydować gdzie nagłówek ma sie wyświetlać. Innymi słowy czy chcę zastąpić domyślny nagłówek motywu na całej witrynie czy może tylko w wybranych obszarach.

Warunki wyświetlania nagłówka

I tu chwilę zatrzymam się ponieważ jest to niesamowita funkcjonalność Elementora PRO. Zazwyczaj jest tak, że nagłówek strony jest wspólny, tzn. taki sam na każdej stronie i podstronie naszej witryny. Bywają jednak sytuacje gdy możemy zechcieć wprowadzić troszeczkę życie do naszej strony. Załóżmy że na stronie mamy bloga, który porusza kilka obszarów naszej działalności. Każdy z tych obszarów czymś się charakteryzuje i możemy zechcieć aby dział prezentujący artykuły z danej tematyki wyróżniał się na tle pozostałych chociażby jakimś charakterystycznym akcentem graficznym w nagłówku, może inna kolorystyka itp… mając do dyspozycji Elementora PRO mogę ten pomysł wcielić w życie i nie muszę dotyka choćby linijki kodu!

Warunki wyswietlania

Zwróć uwagę, że warunki wyświetlania mogą być rozbudowane. W naszym przykładzie powyżej konfiguracja sprawi, że ten schemat nagłówka będzie wyświetlał się w całym serwisie, za wyjątkiem wpisów przypisanych do wybranej kategorii, oraz n stronie wyświetlającej błąd 404 (strona nie istnieje). Rewelacja.

Gdy już mam zdefiniowane warunki wyświetlania zapisuję zmiany i mogę przejść na stronę, aby sprawdzić czy domyślny nagłówek motywu został zastąpiony. Owszem został.

sprawdzam nagłówek

Zrobimy więc dokładnie ten sam zabieg ze stopką strony. Procedura jest identyczna. Różni się jedynie tym, że  na etapie definiowania rodzaju tworzonego szablonu zamiast nagłówka wybieram stopkę.

Rodzaj szablonu stopka

Gotowych templatek dla stopki mam nieco więcej bo jest ich na obecna chwilę 17 sztuk i podobnie jak w przypadku nagłówka stopkę mogę dowolnie modelować pod własne potrzeby.

Wybieram templatkę, dostosowuję ja do własnych potrzeb, zapisuję i określam warunki wyświetlania – wszystko dokładnie tak samo jak w przypadku nagłówka i na koniec sprawdzam efekt, który może prezentować się tak poniżej lub zupełnie inaczej.

Przykład stopki

Po starym nagłówku i starej stopce ani śladu. To co teraz pozostaje to już praca z treścią poszczególnych stron i podstron, a tu również możemy wykorzystać Elementora Pro i sprawić, że cała witryna będzie bardzo atrakcyjna. 

Mógłbyś zatem zapytać czy w tej sytuacji jest sens inwestować w motywy? Odpowiem tak. W dobry motyw dobrze zoptymalizowany pod katem Elementora warto ponieważ doda on jeszcze większego wiatru w żagle naszej strony. Polecam Twojej uwadze takie motywy jak Astra, OceanWP i GeneratePress.

To nie jedyne wyjątkowe możliwości jakie niesie ze sobą Elementor Pro

Kolejna świetna funkcjonalność to chociażby builder formularzy czy generator okien pop up, które można wykorzystać na setki rozmaitych sposobów. To także możliwość umieszczania utworzonych templatek przy wykorzystaniu shortcodów w dowolnym miejscu artykułu czy strony, świetne efekty wizualne i wiele innych drobniejszych funkcjonalności, które sprawiają że w rękach mamy potężne narzędzie. Trzeba tylko nauczyć się z nim pracować i wykorzystywać jego potencjał.

Inne artykuły na temat Elementora

Hello Elementor – motyw dla Elementora

W repozytorium WordPress'a oficjalnie pojawił się motyw stworzony przez twórców Elementora. Nazywa się po prostu Hello Elementor. Rozwijany już od dłuższego czasu do tej pory dostępny był w zasadzie tylko dla …

2000+ bezpłatnych szablonów dla Elementora

https://www.youtube.com/watch?v=zcRPp5lmuFM Elementor bardzo konsekwentnie realizuje plan podbicia serc użytkowników WordPress'a i trzeba powiedzieć, że robi to skutecznie. Kilka dni temu już oficjalnie pojawił się dodatek, który znacząco upraszcza już i tak …

10 dodatków dla Elementora, o których warto wiedzieć

W tym artykule przyjrzymy się niektórym z ciekawszych dodatków do Elementora. Elementor, to aktualnie zdecydowanie najlepszy builder i chyba najlepsze rozszerzenie WordPress'a w całej jego kilkunastoletniej historii dla osób, które chcą samodzielnie …

Elementor Pro 2.5 – co nowego?

Kilka dni temu pojawiła się nowa wersja Elementora Pro oznaczona numerem 2.5. Główną zmianą czy może raczej dodatkiem jaki pojawił się w tej odsłonie wtyczki są efekty animacji jakie możemy …

Elementor Pro – Nie musisz już szukać szablonów dla WordPress’a
4.7 (94.74%) głosów: 19

Share on facebook
Udostępnij na Facebooku
Share on twitter
Udostępnij na Twitterze

UDOSTĘPNIJ TEŻ W INNYCH MIEJSCACH

Share on linkedin
Share on google
Share on whatsapp
Share on reddit
Share on pinterest
Share on print
Share on email

Autor

Krzysztof Wojteczko

Krzysztof Wojteczko

Szkoleniowiec, miłośnik nowych technologii, WordPress'a i wszystkiego co ma związek z marketingiem internetowym. Swoją pierwszą stronę stworzył w 1996 roku.

Może Cię zainteresować także

Dołącz do dyskusji