W tej instrukcji motyw Twenty Twenty-Four jest używany jako przykład. W przypadku innych motywów dostępnych w sekcji Wygląd → Motywy kolejne kroki będą bardzo podobne.
Motyw w WordPressie działa jak wystrój mieszkania – układ pomieszczeń pozostaje taki sam, zmienia się jedynie wygląd. Motyw określa nagłówek, stopkę, menu, czcionki, kolory oraz rozmieszczenie elementów.
Krok 1. Otwórz listę motywów
W panelu administracyjnym WordPress przejdź do Wygląd → Motywy.
[Zrzut ekranu – Sekcja „Wygląd → Motywy”]
Krok 2. Zainstaluj motyw Twenty Twenty-Four
Kliknij Dodaj nowy, wpisz w wyszukiwarce Twenty Twenty-Four, otwórz stronę motywu i kliknij Zainstaluj.
Po zakończeniu instalacji kliknij Włącz.
[Zrzut ekranu – Wyszukiwanie motywu Twenty Twenty-Four i przycisk „Zainstaluj”]
[Zrzut ekranu – Przycisk „Włącz”]
Krok 3. Otwórz Edytor witryny
Przejdź do Wygląd → Edytor.
W motywie Twenty Twenty-Four większość ustawień wyglądu znajduje się właśnie tutaj.
[Zrzut ekranu – Menu „Wygląd → Edytor”]
Krok 4. Dodaj logo do nagłówka
W podglądzie edytora kliknij nagłówek strony, zaznacz blok logo i wgraj obraz za pomocą przycisku zmiany obrazu.
[Zrzut ekranu – Zaznaczony nagłówek i blok logo]
[Zrzut ekranu – Okno przesyłania logo]
Krok 5. Sprawdź nazwę witryny i slogan
Zaznacz blok Nazwa witryny w nagłówku i sprawdź jego treść.
Sprawdź również slogan witryny. Jeśli nie jest potrzebny, usuń go z nagłówka.
[Zrzut ekranu – Blok „Nazwa witryny” oraz slogan]
Krok 6. Edytuj menu nawigacyjne
Zaznacz blok Nawigacja w nagłówku i otwórz jego edycję.
Aby dodać nową pozycję, kliknij przycisk + wewnątrz bloku Nawigacja i wybierz typ elementu.
Do menu można dodać stronę, własny odnośnik, kategorię lub wpis.
Po dodaniu elementów przeciągnij je do odpowiedniej kolejności.
[Zrzut ekranu – Blok „Nawigacja” w trybie edycji]
[Zrzut ekranu – Dodawanie nowej pozycji menu przyciskiem „+”]
Krok 7. Dostosuj kolory i czcionki
Otwórz sekcję Style w Edytorze witryny.
Ustaw kolor główny, kolor akcentu oraz czcionkę. Zmiany są natychmiast widoczne w podglądzie.
[Zrzut ekranu – Sekcja „Style”]
Krok 8. Zapisz zmiany
Kliknij Zapisz w prawym górnym rogu edytora.
Jeśli WordPress wyświetli listę zmian, potwierdź zapis, klikając ponownie Zapisz.
[Zrzut ekranu – Przycisk „Zapisz” i okno potwierdzenia]
Krok 9. Sprawdź efekt
Otwórz stronę główną witryny w nowej karcie i sprawdź nagłówek, logo, menu, kolory oraz czytelność tekstu.
Jeśli chcesz coś poprawić, wróć do Wygląd → Edytor, wprowadź zmiany i ponownie kliknij Zapisz.
[Zrzut ekranu – Strona główna po zastosowaniu zmian]