Widżety WordPress - jak skonfigurować sidebar i obszary widżetów
Widżety to małe bloki treści, które możesz umieszczać w specjalnych obszarach strony - sidebar, stopka, nagłówek. Pozwalają dodać funkcjonalność bez kodowania: wyszukiwarkę, ostatnie wpisy, kategorie, własny HTML.
Krótka odpowiedź
Podstawy widżetów WordPress
Dostęp do widżetów:
- Wygląd → Widżety
- Lub: Customizer → Widżety (podgląd na żywo)
Obszary widżetów:
- Zależą od motywu
- Typowe: Sidebar, Footer 1/2/3, Header
- Motywy premium mają więcej obszarów
Dodawanie widżetu:
- WordPress 5.8+: kliknij + w obszarze, wybierz blok/widżet
- Starsza wersja: przeciągnij widżet z listy do obszaru
Konfiguracja:
- Kliknij widżet żeby rozwinąć
- Ustaw tytuł i opcje
- Zapisz
Usuwanie:
- Kliknij widżet → Usuń
- Lub przeciągnij poza obszar
Popularne widżety wbudowane
Szukaj:
- Pole wyszukiwania
- Przeszukuje treść strony
Ostatnie wpisy:
- Lista najnowszych wpisów blogowych
- Opcje: liczba, daty, obrazki (w niektórych motywach)
Kategorie:
- Lista kategorii wpisów
- Dropdown lub lista
- Liczba wpisów w kategorii
Archiwum:
- Wpisy wg miesięcy/lat
Własny HTML:
- Dowolny kod HTML
- Embedy, skrypty, własne treści
Obrazek:
- Dodaj grafikę (baner, logo, reklama)
Tekst:
- Prosty tekst z formatowaniem
Menu nawigacji:
- Wyświetl dowolne menu w sidebarze
Edytor bloków vs klasyczne widżety
WordPress 5.8+ (edytor bloków):
- Widżety jako bloki Gutenberg
- Więcej możliwości formatowania
- Drag & drop w edytorze
- Wszystkie bloki dostępne jako widżety
Powrót do klasycznych widżetów:
- Wtyczka Classic Widgets
- Przywraca stary interfejs
- Dla tych, którzy wolą klasykę
Który wybrać:
- Nowy edytor: więcej możliwości, nowoczesny
- Klasyczny: prostszy, znajomy
- Motywy FSE (Full Site Editing): widżety stają się mniej ważne
Problemy z nowymi widżetami:
- Niektóre stare wtyczki niekompatybilne
- Rozwiązanie: Classic Widgets lub aktualizacja wtyczek
Zaawansowane użycie widżetów
Widget Logic (wtyczka):
- Pokaż/ukryj widżet na wybranych stronach
- Warunkowe wyświetlanie
- Np. widżet tylko na stronie głównej
Custom Sidebars:
- Różne sidebar dla różnych stron
- Wtyczka Custom Sidebars lub Content Aware Sidebars
Widżety w treści:
- Shortcode: [widget id="nazwa-widgetu"]
- Blok widżetów w Gutenberg
Sticky sidebar:
- Sidebar przyklejony przy scrollowaniu
- Q2W3 Fixed Widget (wtyczka)
- Lub CSS: position: sticky
Widżety w Elementor:
- Elementor ma własne widżety
- Sidebar widget: wyświetla klasyczne widżety WP
- Większość funkcji wbudowana
Sidebar - kiedy używać, kiedy rezygnować
Kiedy sidebar ma sens:
- Blog - nawigacja po kategoriach, szukajka, popularne wpisy
- Portal informacyjny - dodatkowe treści, reklamy
- Sklep - filtry produktów (zwykle osobny)
Kiedy zrezygnować z sidebar:
- Landing page - odwraca uwagę od CTA
- Strona firmowa - często nie potrzebny
- Portfolio - obrazki potrzebują szerokości
- Mobile - sidebar schowany lub na dole
Alternatywy:
- Pełna szerokość + sekcje w treści
- Stopka z widżetami
- Off-canvas sidebar (wysuwany)
Wyłączanie sidebar na stronie:
- Ustawienia strony → Szablon: Pełna szerokość
- Lub: Page Attributes → Template
- Zależy od motywu