Stworzenie szablonu w edytorze witryny polega na wybraniu bazy, a następnie dopasowaniu jej sekcji, treści i stylu do własnych potrzeb. Nie musisz budować strony od zera ani znać kodu. W edytorze typu „przeciągnij i upuść” lub w blokowym edytorze WordPressa możesz przesuwać, dodawać i usuwać poszczególne elementy.
Wybierz lub wygeneruj bazowy szablon
Szablon określa początkowy układ strony, wygląd nagłówka, stopki, banera i głównych sekcji. Traktuj go jako punkt wyjścia, a nie gotowy projekt, którego nie można zmienić.
- Określ typ witryny – wybierz, czy tworzysz stronę usługową, sklep, blog, portfolio lub witrynę firmową. Ta informacja pomaga dopasować układ do celu strony.
- Wskaż branżę – wybierz ją z listy albo wpisz własną nazwę, jeśli nie ma dokładnego dopasowania.
- Zdecyduj, jak zacząć – wybierz generowanie z pomocą AI albo ręczny wybór gotowego szablonu.
- Uzupełnij ustawienia wstępne – podaj podstawowe informacje o firmie, nazwę witryny, zakres działalności i preferowany styl, jeśli kreator o nie poprosi.
- Wybierz układ strony głównej – przy ręcznym wyborze porównaj dostępne kompozycje i otwórz tę, która najlepiej odpowiada planowanej zawartości.
Generowanie przez AI przyspiesza start, ponieważ na podstawie opisu firmy może przygotować gotową strukturę i treści początkowe. Ręczny wybór daje większą kontrolę nad wyglądem już na początku, ale wymaga samodzielnego przejrzenia dostępnych układów.
Dopasuj branżę przed wyborem wyglądu. Wstępne zdjęcia, grafiki i rozmieszczenie sekcji często zależą od tej informacji. Dzięki temu po otwarciu edytora wymienisz mniej elementów.
W niektórych kreatorach pierwszy etap nazywa się preboardingiem. To konfiguracja startowa, w której narzędzie zbiera informacje potrzebne do przygotowania witryny. Jeśli kreator ostrzega, że ponowne rozpoczęcie procesu usunie dotychczasową zawartość, przeczytaj komunikat przed zatwierdzeniem.
Personalizuj sekcje i moduły
Po otwarciu szablonu zobaczysz stronę podzieloną na sekcje, moduły lub bloki. Sekcja może zawierać kilka widgetów, na przykład nagłówek, tekst, zdjęcie, przycisk i ikonę. Kliknij wybrany element, aby otworzyć jego ustawienia.
Pracuj metodą „przeciągnij i upuść”
Aby zmienić kolejność treści, chwyć moduł lub blok i przenieś go w wybrane miejsce. Edytor zwykle pokazuje linię albo obszar, w którym element zostanie umieszczony. W ten sposób możesz zmienić kolejność sekcji bez przechodzenia do kodu.
Nową sekcję dodasz przez przycisk w rodzaju „Dodaj treść” lub „Dodaj zawartość”. Nazwa może zależeć od platformy, dlatego szukaj polecenia umożliwiającego wstawienie modułu, bloku albo widgetu.
Podczas personalizacji wykonaj następujące czynności:
- Zarządzaj modułami – dodaj sekcję z ofertą, opiniami, galerią lub formularzem, a niepotrzebne moduły usuń.
- Edytuj widgety – zmień teksty, zdjęcia, przyciski, ikony i odstępy wewnątrz każdej sekcji.
- Podmień materiały – zastąp grafiki startowe własnymi zdjęciami albo plikami z biblioteki obrazów.
- Dopasuj układ – zmień szerokość kolumn, wyrównanie elementów i kolejność treści, jeśli edytor udostępnia takie opcje.
- Usuń zbędne elementy – przed skasowaniem sprawdź, czy dany blok nie wpływa na wysokość lub kompozycję całej sekcji.
Tekst zmienisz najczęściej po dwukrotnym kliknięciu pola. Zdjęcie wybierzesz po kliknięciu obrazu i otwarciu biblioteki multimediów. Przyciski mają osobne ustawienia, w których zmienisz etykietę, adres docelowy i wygląd.
Ustaw kolory i typografię
Otwórz panel stylu witryny albo ustawienia wybranej sekcji. Zmień główny kolor, tło, kolor przycisków oraz fonty. Jeżeli edytor pozwala zapisać globalną paletę, ustaw ją raz, zamiast modyfikować każdy element osobno.
Zachowaj ograniczoną liczbę kolorów i krojów pisma. Dzięki temu nagłówki, przyciski i zwykły tekst będą wyglądały jak części jednej witryny. Nie usuwaj całej sekcji tylko dlatego, że nie pasuje do obecnego układu. Najpierw sprawdź, czy możesz zmienić jej tło, kolumny lub zawartość.
W edytorze blokowym WordPressa, czyli w trybie Full Site Editing, zmienisz także części szablonu, takie jak nagłówek, stopka i układ podstron. Nie myl szablonu z wzorcem bloku. Szablon określa układ całej strony lub typu podstrony, a wzorzec jest gotowym fragmentem, który można wstawić do treści.
Sprawdź witrynę przed publikacją
Zanim opublikujesz stronę, przejdź przez poniższą listę kontrolną:
- Fonty i kolory są spójne na wszystkich głównych podstronach.
- Zdjęcia mają dobrą jakość i nie są większe, niż wymaga tego ich przeznaczenie.
- Linki w menu, przyciskach i sekcjach prowadzą do właściwych miejsc.
- Teksty zastępcze i przykładowe dane zostały usunięte.
- Strona wygląda poprawnie na komputerze i urządzeniu mobilnym, jeśli edytor obsługuje podgląd responsywny.
- Formularze, przyciski i elementy interaktywne działają w trybie podglądu.
Po zapisaniu zmian otwórz podgląd całej witryny, a nie tylko pojedynczej sekcji. Jeśli układ jest spójny, treści są aktualne, a najważniejsze linki działają, szablon jest gotowy do publikacji. Później możesz nadal modyfikować jego sekcje bez tworzenia strony od początku.
