Elementor to najpopularniejszy kreator stron dla WordPressa. Dzięki niemu możesz projektować strony metodą „przeciągnij i upuść”, bez potrzeby znajomości kodu. W tej lekcji nauczysz się podstaw, które pozwolą Ci szybko tworzyć atrakcyjne strony.

🔹 Krok 1: Instalacja Elementora

Jeśli stworzyłeś stronę zgodnie ze wcześniejszą lekcją. to elementor jest już zainstalowany. możesz pominąć ten krok.

1. W panelu WordPress kliknij Wtyczki → Dodaj nową.

2. Wyszukaj Elementor.

3. Kliknij Zainstaluj → Aktywuj.

Możesz też zainstalować Elementor Pro, jeśli chcesz korzystać z zaawansowanych widgetów i gotowych szablonów, ale w większości przypadków darmowa wersja wystarczy na start. Z dalszej lekcji dowiesz się jak to zrobić prawie za darmo.

🔹 Krok 2: Tworzenie strony z Elementor

1. Przejdź do Strony → Dodaj nową.

2. Nadaj nazwę stronie (np. „O firmie”).

3. Kliknij Edytuj w Elementor – otworzy się wizualny edytor.

🔹 Krok 3: Podstawowe elementy Elementor

• Sekcje – główne „bloki” na stronie, np. nagłówek, stopka, oferta

• Kolumny – dzielą sekcję na pionowe części

• Widgety – pojedyncze elementy (tekst, obraz, przycisk, formularz)

Przeciągnij widget z panelu po lewej stronie i upuść go w kolumnie sekcji.

🔹 Krok 4: Podstawowa edycja widgetów

1. Kliknij widget, który chcesz edytować.

2. W panelu po lewej stronie możesz zmienić:

   • Tekst i nagłówki

   • Czcionki i kolory

   • Obrazy i ikony

   • Odstępy i marginesy

3. Podgląd strony w czasie rzeczywistym pokazuje efekt zmian od razu.

🔹 Krok 5: Struktura strony

1. Dodawanie sekcji: Kliknij „+” i wybierz układ kolumn.

2. Dodawanie kolumn: Kliknij prawym przyciskiem sekcję → „Dodaj kolumnę”.

3. Przenoszenie elementów: Złap widget i przeciągnij w wybrane miejsce.

🔹 Krok 6: Zapisywanie i publikacja

1. Kliknij Zapisz/Opublikuj, aby strona była widoczna dla odwiedzających.

2. Możesz także użyć opcji Podgląd – zobaczysz, jak strona wygląda na desktopie, tablecie i telefonie.

🔹 Dlaczego warto używać Elementora?

• Szybkość i intuicyjność – wszystko widać od razu, bez przełączania się między edytorem a podglądem

• Kontrola nad wyglądem – kolory, fonty, układy, odstępy możesz zmieniać wizualnie

• Darmowe i pro widgety – przy standardowych stronach w pełni wystarczają

• Responsywność – łatwe dostosowanie strony do urządzeń mobilnych