Przejdź do treści
WordPress i Strony WWW

Widżety WordPress - jak skonfigurować sidebar i obszary widżetów

Publikacja: Aktualizacja:
Czytaj poradnik
Jasna ilustracja pracy nad stroną WordPress

Krótka odpowiedź

Przed dodaniem widżetu lub paska bocznego w WordPressie ustal typ motywu i miejsce wyświetlania elementu. W klasycznym motywie otwórz Wygląd > Widżety, wybierz właściwy obszar, dodaj dostępny blok i zapisz. W motywie blokowym układ zmieniasz w odpowiednim szablonie Edytora witryny.

Po zmianie sprawdź konkretny adres strony oraz telefon. Widoczność obszaru w panelu nie potwierdza jeszcze, że dany szablon go wyświetla.

Widżety uzupełniają stronę o wyszukiwarkę, kategorie, dane kontaktowe czy inne elementy poza treścią konkretnego wpisu. Problem pojawia się wtedy, gdy edytujesz nie ten obszar, którego używa oglądany szablon, albo szukasz klasycznego sidebara w motywie blokowym. Ten poradnik dotyczy codziennej obsługi istniejących obszarów: dodawania, porządkowania i sprawdzania ich zawartości. Nie trzeba zaczynać od instalowania kolejnej wtyczki.

W tym poradniku

Jak rozpoznać obszar widżetów i właściwy ekran edycji

Klasyczny motyw może udostępniać obszary w bocznej kolumnie, stopce albo innym miejscu układu. Ich nazwy i liczba wynikają z projektu motywu. Cena licencji nie określa, ile obszarów dostaniesz. Zanim coś dodasz, otwórz stronę, na której ma pojawić się element, i zanotuj, czy jest to wpis, strona oferty czy archiwum kategorii.

W panelu sprawdź Wygląd > Widżety. Jeżeli są tam różne obszary, wybierz ten odpowiadający oglądanemu układowi. Nazwa Footer wskazuje zwykle stopkę, ale szczegóły potwierdź w dokumentacji motywu. Edycja obszaru współdzielonego może zmienić wiele podstron, dlatego nie traktuj go jak treści pojedynczego wpisu.

Motyw blokowy korzysta z Edytora witryny. W takim przypadku boczna kolumna może być zwykłą grupą bloków w szablonie, bez klasycznego obszaru widżetów. Brak menu może też wynikać z uprawnień konta. Jeśli potrzebujesz stworzyć nowy obszar klasycznego motywu, przejdź do instrukcji dodania sidebara. Samo dodawanie bloków nie tworzy brakującego miejsca w szablonie.

Opisz, co użytkownik ma móc zrobić, i podaj adres obecnej strony, jeśli już działa. Możesz dołączyć przykład. Dobierzemy zakres prac do istniejącej witryny, a nową stronę z dedykowanym projektem przygotujemy od 3 500 zł netto. Omów zmianę w WordPressie

Dodawanie, konfiguracja i sprawdzenie widżetu

Zacznij od jednego elementu o jasnej funkcji. W wybranym obszarze kliknij przycisk dodawania bloku, wyszukaj potrzebny blok i uzupełnij jego ustawienia. Przy wyszukiwarce sprawdź etykietę pola i przycisku; przy liście wpisów dobierz liczbę pozycji do miejsca w układzie. Dostępne opcje zależą od konkretnego bloku oraz wersji WordPressa.

Zapisz zmianę i otwórz adres strony w osobnej karcie. Porównuj ten sam typ treści, dla którego projektowano sidebar. Strona z innym szablonem może celowo go nie mieć. Jeśli element nie jest widoczny, sprawdź najpierw obszar, przypisanie szablonu i zapis. Dopiero potem badaj warunki widoczności oraz pamięć podręczną. Wielokrotne dodawanie tego samego bloku utrudnia diagnozę.

Przejdź przez funkcję elementu z perspektywy czytelnika. Lista kategorii powinna prowadzić do właściwych archiwów, a dane kontaktowe odpowiadać aktualnej ofercie. Formularz w sidebarze wymaga osobnego sprawdzenia konfiguracji formularza i dostarczania wiadomości. Samo wyświetlenie pól nie potwierdza działania całego procesu.

Jak przenosić i usuwać elementy bez zgubienia treści

Przed porządkowaniem zapisz dotychczasową kolejność i treść elementów, których możesz jeszcze potrzebować. Przy rozbudowanej stopce warto mieć kopię danych lub działającą kopię testową. Usunięcie widżetu z obszaru to inna operacja niż ukrycie go na wybranej stronie. Najpierw ustal, którą z nich chcesz wykonać.

Do zmiany kolejności użyj kontrolek przesuwania albo widoku listy, jeśli jest dostępny w używanym edytorze. Przeciąganie nie jest jedyną możliwością. Przy przenoszeniu między obszarami sprawdź ustawienia bloku i ewentualne zagnieżdżenie w grupie. Po zapisaniu skontroluj miejsce docelowe oraz poprzednie, aby nie pozostawić przypadkowego duplikatu.

Nie zakładaj, że każda konfiguracja trafi do nieaktywnych widżetów i zawsze da się ją odzyskać jednym kliknięciem. Zachowanie zależy od edytora i sposobu usunięcia. Jeżeli zmiana dotyczy współdzielonej stopki, obejrzyj także stronę kontaktową i ofertową. Kryterium powodzenia to właściwa zawartość we właściwych miejscach, a nie tylko pusty lub uporządkowany panel.

Które wbudowane elementy mają sens w sidebarze

Wyszukiwarka pomaga w większym archiwum treści. Lista kategorii ma sens wtedy, gdy nazwy rzeczywiście opisują zawartość serwisu. Najnowsze wpisy mogą prowadzić do dalszej lektury, ale nie muszą być najważniejszym elementem strony usługowej. Blok obrazu powinien mieć opis alternatywny dopasowany do funkcji, a grafika będąca linkiem jasno wskazywać cel.

Na stronie firmowej przydatne bywają krótka informacja o usłudze, godziny kontaktu lub odnośnik do konkretnej oferty. Nie powielaj całych akapitów ze strony głównej. Wybierz to, czego czytelnik potrzebuje podczas oglądania danej treści. Kalendarz, archiwum miesięczne i chmura tagów mogą być użyteczne w określonym serwisie, lecz nie są obowiązkowym wyposażeniem każdego panelu.

Nie ma jednej poprawnej liczby widżetów. Oceń długość kolumny, powtarzanie informacji oraz to, co dzieje się na telefonie. Jeżeli panel staje się dłuższy od artykułu, uporządkuj jego funkcje. W projekcie strony internetowej boczna nawigacja powinna wynikać ze struktury treści, a nie z liczby dostępnych bloków.

Edytor blokowy, Legacy Widget i Classic Widgets

Blokowy edytor widżetów pojawił się w WordPress 5.8. Dotyczy klasycznych motywów obsługujących obszary widżetów. Nie oznacza to, że cały motyw staje się blokowy ani że wszystkie bloki z edytora wpisów można wykorzystać w tym miejscu. Dokumentacja wskazuje ograniczenia między innymi dla bloków związanych z szablonami oraz wzorców synchronizowanych.

Starsze widżety mogą być obsługiwane przez blok Legacy Widget. Dokumentacja programistyczna wyjaśnia: "The Legacy Widget block is the compatibility mechanism". To mechanizm zgodności ze starszym sposobem tworzenia widżetów. Nie gwarantuje poprawnego działania każdej historycznej wtyczki, zwłaszcza gdy jej skrypty nie współpracują z bieżącym edytorem.

Classic Widgets przywraca klasyczny interfejs w odpowiednich motywach klasycznych. Nie dodaje takiej obsługi do motywu blokowego. Zanim zmienisz edytor, sprawdź konkretny problem zgodności na kopii i zachowaj konfigurację. Nie instaluj tej wtyczki tylko dlatego, że ekran wygląda inaczej niż na starym filmie instruktażowym. Powrót do poprzedniego interfejsu nie zastępuje naprawy nieaktualnego rozszerzenia.

Własny HTML, shortcody i elementy Elementora

Własną treść bez programowania najłatwiej zbudować z dostępnych bloków tekstu, obrazu i przycisku. Blok Własny HTML służy do osadzenia kodu, ale zapis podlega regułom uprawnień i filtrowania. Jeśli fragment znika po zapisaniu, sprawdź, czego wymaga osadzana usługa i jakie elementy są dozwolone. Nie zwiększaj uprawnień użytkownika tylko po to, aby ominąć filtr skryptów.

Shortcode działa wtedy, gdy jego obsługę zarejestrował WordPress, motyw lub wtyczka. Dokumentacja Shortcode API opisuje właśnie rejestrację takiej funkcji. Nie istnieje uniwersalny kod, który na każdej stronie wyświetli dowolny widżet po jego identyfikatorze. Korzystaj z kodu podanego przez producenta konkretnego rozszerzenia i sprawdź rezultat po zapisie.

Element nazwany widżetem w Elementorze nie jest automatycznie obszarem widżetów WordPressa. Widżet Sidebar Elementora odwołuje się do istniejącego obszaru, natomiast inne elementy kreatora budują własny układ. Ustal, w którym systemie powstała dana część strony. Edycja podobnie nazwanej pozycji w innym panelu może nie zmienić oglądanego elementu.

Widoczność na wybranych stronach i przyklejona kolumna

Najpierw sprawdź ustawienia motywu oraz szablon przypisany do strony. Układ nazwany Full Width nie w każdym motywie oznacza brak sidebara. Jeśli chcesz ukryć panel tylko na ofercie, nie usuwaj jego zawartości z obszaru współdzielonego przez cały blog. W motywie blokowym potrzebny może być osobny szablon lub zmiana właściwej części układu.

Wtyczkę do warunkowej widoczności dobierz dopiero po ustaleniu, czy ma zmieniać cały obszar, pojedynczy blok czy element kreatora. Sprawdź zgodność, dokumentację i utrzymanie rozszerzenia. Reguła działająca dla klasycznych widżetów nie musi obejmować blokowej kolumny. Po zmianie otwórz stronę objętą regułą oraz inną, która powinna pozostać bez zmian.

Przyklejony sidebar wymaga sprawdzenia krótkiego i długiego ekranu, powiększenia oraz obsługi klawiaturą. Nie powinien zasłaniać stopki ani zatrzymywać użytkownika w trudno przewijalnym fragmencie. Na telefonie ważna funkcja powinna pozostać dostępna, nawet jeśli panel przenosi się pod artykuł. Ukrywanie wszystkiego na małym ekranie nie rozwiązuje problemu kolejności treści.

Kiedy potrzebna jest pomoc przy konfiguracji

Jeżeli blok zapisuje się poprawnie, ale nadal nie pojawia się na stronie, zbierz adres przykładu i nazwę edytowanego obszaru. Wskaż też, czy problem dotyczy wszystkich wpisów, jednego szablonu czy tylko telefonu. To pozwala rozdzielić błąd przypisania, warunek widoczności i problem stylów. Nazwa motywu lub ostatnia zmiana są pomocne, jeśli je znasz.

Inne ustawienia witryny sprawdzisz w poradniku konfiguracji WordPress. Gdy problem dotyczy kodu motywu lub kilku połączonych edytorów, zakres prac można ustalić w ramach pomocy WordPress. Pierwszy kontakt nie wymaga kompletnego opisu technicznego: wystarczy adres strony i informacja, co chcesz zmienić lub co nie działa. Nie przesyłaj hasła w treści zgłoszenia.

Więcej poradników w tym temacie

Wspomniane narzędzia

WordPressClassic WidgetsElementor

Najczęściej zadawane pytania

Dlaczego nie widzę obszarów widżetów?
Sprawdź typ aktywnego motywu oraz uprawnienia konta. Klasyczny motyw sam określa dostępne obszary, a motyw blokowy zwykle korzysta z układu w Edytorze witryny. Brak menu nie oznacza automatycznie awarii ani konieczności zakupu wtyczki. Ustal również, który szablon obsługuje oglądaną stronę. Jeżeli obszar istnieje w panelu, lecz nie na stronie, trzeba osobno sprawdzić jego wyświetlanie w szablonie.
Jak dodać własny widżet bez kodowania?
Zbuduj potrzebną treść z dostępnych bloków, na przykład tekstu, obrazu i przycisku, albo użyj elementu dostarczanego przez sprawdzoną wtyczkę. Własny HTML nie jest miejscem na dowolny skrypt bez sprawdzenia pochodzenia i uprawnień. Zacznij od funkcji, którą chcesz udostępnić czytelnikowi. Następnie dodaj element do właściwego obszaru, zapisz i sprawdź działanie na stronie oraz na telefonie.
Czy Classic Widgets działa z motywem blokowym?
Nie przywraca klasycznych obszarów widżetów w motywie blokowym. W tym wariancie zmieniasz odpowiedni szablon lub jego część w Edytorze witryny. Classic Widgets służy do przywrócenia wcześniejszego interfejsu przy zgodnych motywach klasycznych. Przed instalacją ustal przyczynę problemu i sprawdź zmianę na kopii. Inny wygląd panelu niż w starszej instrukcji nie jest sam w sobie powodem do zmiany edytora.
Jak przenieść lub usunąć widżet bez utraty potrzebnej treści?
Zachowaj tekst i ustawienia elementu, zanim go usuniesz, szczególnie w rozbudowanej stopce. Do zmiany kolejności wykorzystaj kontrolki przesuwania lub widok listy dostępny w edytorze. Po przeniesieniu sprawdź oba obszary i zapisz zmianę. Nie zakładaj, że każdy usunięty blok będzie czekał w nieaktywnych widżetach. Jeśli potrzebujesz tylko ukrycia na jednej stronie, zmień regułę lub szablon zamiast kasować współdzieloną zawartość.
Dlaczego blok lub osadzony kod znika po zapisaniu?
Przyczyną może być filtrowanie niedozwolonego HTML, brak odpowiednich uprawnień albo niezgodność konkretnego bloku z edytorem widżetów. Sprawdź dokumentację elementu i porównaj treść przed zapisem oraz po nim. Nie omijaj ochrony przez nadawanie szerszych uprawnień. Jeżeli korzystasz z shortcodu, potwierdź, że aktywne rozszerzenie rzeczywiście go obsługuje. Zwykły tekst z nazwą kodu nie rejestruje nowej funkcji WordPressa.
Czym widżet Elementora różni się od obszaru widżetów WordPress?
Widżet Elementora jest elementem układu tworzonego w tym kreatorze. Obszar widżetów WordPressa to miejsce zdefiniowane przez motyw, do którego przypisujesz zawartość. Elementor może wyświetlić istniejący obszar przez swój element Sidebar, ale te pojęcia nie są zamienne. Ustal, gdzie zaprojektowano oglądaną część strony. Zmiana podobnie nazwanej pozycji w innym edytorze może nie wpływać na jej wygląd.
#WordPress#widżety#sidebar#stopka#edytor blokowy
Zdjęcie autora: Krzysztof Czapnik
O autorze

Krzysztof Czapnik

Founder & Technical Lead, KC Mobile

Projektuję i rozwijam strony WordPress, sklepy WooCommerce oraz aplikacje internetowe. Łączę projektowanie z programowaniem, integracjami i technicznym SEO. Projekty KC Mobile prowadzę osobiście.

Potrzebujesz pomocy z tym tematem? Napisz - odpowiem osobiście w 24h.

Potrzebujesz konkretnej funkcji na stronie?

Opisz, co użytkownik ma móc zrobić, i podaj adres obecnej strony, jeśli już działa. Możesz dołączyć przykład. Dobierzemy zakres prac do istniejącej witryny, a nową stronę z dedykowanym projektem przygotujemy od 3 500 zł netto.