Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Kategorie: Strony internetowe
Który panel należy wybrać w kokpicie Wordpress, aby zmienić layout graficzny strony?
Odpowiedzi
Informacja zwrotna
Poprawnie wskazany został panel „Wygląd”, bo to właśnie tam w kokpicie WordPressa zarządza się layoutem graficznym strony. W tym miejscu możesz zmieniać motyw (theme), który tak naprawdę definiuje ogólny układ: rozmieszczenie kolumn, nagłówka, stopki, typ nawigacji, a także wiele elementów wizualnych jak kolory czy podstawowa typografia. Z poziomu „Wygląd → Motywy” wybierasz, instalujesz i aktywujesz motywy, co jest zgodne z dobrą praktyką pracy z WordPressem: nie grzebiemy w kodzie rdzenia, tylko korzystamy z gotowych, responsywnych szablonów. W „Wygląd → Dostosuj” (Customizer) można zmieniać układ strony głównej, włączać lub wyłączać paski boczne, ustawiać statyczną stronę startową, a czasem też układ poszczególnych sekcji, jeśli motyw na to pozwala. Moim zdaniem to jest jedno z najważniejszych miejsc w panelu, bo tu realnie kształtujesz doświadczenie użytkownika na stronie. W dobrych motywach znajdziesz tam też ustawienia siatki (gridu), szerokości kontenera, układu bloga (lista, kafelki) czy ustawienia nagłówka typu sticky. Przez „Wygląd → Menu” projektujesz strukturę nawigacji, czyli to, jak użytkownik porusza się po serwisie – to też jest element layoutu, bo decyduje, gdzie i jak wyświetla się menu. W „Wygląd → Widgety” (albo „Obszary widgetów”) zarządzasz zawartością pasków bocznych i stopki, co pozwala zmienić rozmieszczenie dodatkowych bloków: wyszukiwarki, listy kategorii, krótkich informacji kontaktowych itd. W nowoczesnych instalacjach WordPressa dochodzi jeszcze edytor pełnych szablonów (Full Site Editing), gdzie w sekcji „Wygląd → Edytor” można projektować układ całej witryny blokami – nagłówki, stopki, szablony wpisów. Z mojego doświadczenia wynika, że trzymanie wszystkich zmian layoutu właśnie w panelu „Wygląd” ułatwia późniejszą administrację, aktualizacje motywu i zgodność z responsywnością oraz standardami webowymi (HTML5, semantyka, dostępność).