Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
Puchar WPB
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dodawać i używać widżetów w WordPress (krok po kroku)

Widżety to potężne narzędzia, które dodają dodatkową funkcjonalność do Twojej witryny WordPress. Możesz je dodawać do swoich pasków bocznych i innych obszarów gotowych na widżety bez konieczności pisania kodu.

W WPBeginner używamy widżetów do dostosowywania i rozszerzania możliwości naszych stron, aby były bardziej dynamiczne i angażujące dla odwiedzających. Na przykład mogą być używane do wyświetlania najnowszych postów, kanałów mediów społecznościowych, specjalnych ofert i wielu innych.

W tym artykule pokażemy Ci, jak dodawać i używać widżetów w WordPress, aby szybko dostosować swoją witrynę, poprawiając jej estetykę i doświadczenie użytkownika.

Jak dodawać i używać widżetów w WordPress (krok po kroku)

💡 TL;DR: Widżety w WordPress można dodawać i zarządzać nimi, przechodząc do sekcji Wygląd » Widżety i wybierając obszar, który chcesz edytować. Stamtąd możesz dodawać, dostosowywać, zapisywać lub usuwać widżety, aby kontrolować wygląd paska bocznego i innych obszarów widżetów.

Czym są widżety i dlaczego ich potrzebujesz w WordPress?

Widżety to bloki treści, które można dodawać do bocznych pasków WordPress, stopki i innych obszarów widżetów Twojej witryny.

Może to być łatwy sposób na dodanie galerii obrazów, kanałów mediów społecznościowych, cytatów, kalendarzy, popularnych postów i innych dynamicznych elementów do Twojej witryny WordPress.

Obszar widżetów znajdziesz, przechodząc do Wygląd » Widżety w swoim panelu administracyjnym WordPress.

Te „obszary widżetów” to specyficzne lokalizacje zdefiniowane przez Twój motyw WordPress, w których można umieszczać widżety. Typowe obszary obejmują paski boczne (lewy lub prawy), stopkę (często podzieloną na wiele kolumn), a czasami nagłówek lub specyficzne obszary w treści wpisu.

Przykład menu widżetu

Nowoczesne doświadczenie WordPress wykorzystuje głównie Widżety blokowe, które integrują moc edytora bloków WordPress w Twoich obszarach widżetów. Zastępuje on starszy interfejs „klasycznych widżetów” bardziej wizualnym i elastycznym narzędziem do tworzenia treści.

Mając to na uwadze, pokażemy Ci, jak łatwo dodawać widżety do różnych obszarów Twojej witryny WordPress.

Jak dodać widżet do paska bocznego w WordPress

Istnieje wiele sposobów dodawania widżetów do obszaru bocznego paska WordPress.

Metoda 1: Korzystanie z ekranu Widżety (dla klasycznych motywów)

Jeśli używasz klasycznego motywu WordPress, najczęstszym sposobem jest przejście do sekcji Wygląd » Widżety.

Na tym ekranie zobaczysz dostępne obszary widżetów (takie jak „Pasek boczny” lub „Stopka”). Kliknij obszar widżetu, który chcesz edytować, aby go rozwinąć.

Rozwiń widżet paska bocznego

Następnie kliknij ikonę „+”, aby wyświetlić menu bloków widżetów.

Tutaj możesz wyszukać widżet po nazwie. Lub kliknij przycisk „Przeglądaj wszystko”, aby wyświetlić menu wszystkich dostępnych widżetów.

Kliknij ikonę dodawania bloku widżetu

Aby dodać widżet do swojego paska bocznego, po prostu kliknij ten widżet, a zostanie on automatycznie dodany do Twojego paska bocznego.

Następnie wystarczy kliknąć przycisk „Zaktualizuj”, a widżet będzie teraz widoczny na Twojej stronie internetowej.

Dodaj widżet i zaktualizuj
Metoda 2: Korzystanie z Personalizatora motywu (dla klasycznych motywów)

Innym sposobem dodawania widżetów, zwłaszcza jeśli chcesz zobaczyć podgląd zmian na żywo, jest skorzystanie z personalizatora motywu WordPress. Ta metoda jest przeznaczona głównie dla klasycznych motywów.

Najpierw przejdź do sekcji Wygląd » Dostosuj i kliknij opcję „Widżety”.

Widżet dostosowywania paska bocznego WordPress

Spowoduje to przejście do strony, na której możesz dostosować opcje widżetów i zobaczyć zmiany w czasie rzeczywistym.

Aby dodać widżet do paska bocznego, po prostu kliknij opcję menu „Prawy pasek boczny” (lub dowolny inny obszar widżetu, który chcesz edytować).

Kliknij widżet prawego paska bocznego

Następnie kliknij ikonę dodawania bloku „+”, aby wyświetlić menu bloków widżetów.

Następnie wybierz blok widżetu, a zostanie on automatycznie dodany do Twojego paska bocznego.

Kliknij, aby dodać blok do widżetu paska bocznego

Proces dodawania widżetu jest taki sam jak powyżej.

Po zakończeniu wprowadzania zmian w obszarze widżetu kliknij przycisk „Opublikuj”, aby opublikować swoje zmiany.

Zapisz zmiany w widżetach paska bocznego w personalizatorze
Metoda 3: Korzystanie z Edytora witryny (dla motywów z pełną edycją witryny)

Jeśli używasz nowszego motywu z pełną edycją witryny (FSE), nie będziesz mieć tradycyjnych opcji „Widżety” ani „Dostosuj” w sekcji Wygląd. Zamiast tego będziesz zarządzać blokami (w tym tymi, które działają jak widżety) bezpośrednio w Edytorze witryny.

Po prostu przejdź do sekcji Wygląd » Edytor. Spowoduje to otwarcie Edytora witryny.

W edytorze możesz przeglądać swoje szablony (takie jak „Pojedynczy wpis” lub „Strona”) i części szablonów (takie jak „Nagłówek” lub „Stopka”).

Wybierz szablon w pełnym edytorze witryny

Aby dodać blok podobny do widżetu, wybierz część szablonu, do której chcesz go dodać (np. obszar paska bocznego w szablonie).

Kliknij ikonę „+”, aby dodać nowy blok. Możesz wyszukać bloki, takie jak „Najnowsze wpisy”, „Wyszukiwanie”, „Kategorie” itp., które działają podobnie do klasycznych widżetów.

Dodaj widżet w pełnym edytorze witryny

Po dodaniu i skonfigurowaniu kliknij przycisk „Zapisz”, aby zastosować zmiany do szablonu.

Jak usunąć widżet w WordPress

Usunięcie widżetu w WordPress jest tak samo łatwe, jak jego dodanie. Po prostu przejdź do Wygląd » Widżety w swoim panelu WordPress.

Następnie kliknij blok widżetu, który chcesz usunąć.

Kliknij blok widżetu, aby go usunąć

Następnie, u góry bloku widżetu, kliknij przycisk „Opcje” z trzema kropkami. Spowoduje to wyświetlenie menu, które pozwala na przenoszenie i usuwanie widżetu.

Aby usunąć widżet, po prostu wybierz opcję „Usuń blok”.

Kliknij opcje i usuń blok widżetu

Usunięcie widżetu spowoduje jego usunięcie z paska bocznego oraz usunięcie ustawień widżetu lub wybranych opcji.

Czasami możesz chcieć usunąć widżet, ale zachować jego ustawienia na przyszłość. Jest to przydatne, jeśli planujesz go ponownie użyć później bez ponownej konfiguracji.

Aby to zrobić na ekranie Wygląd » Widżety (dla klasycznych motywów), możesz przeciągnąć blok widżetu do sekcji „Nieaktywne widżety”.

Poszukaj uchwytu z sześcioma kropkami lub po prostu kliknij i przytrzymaj blok widżetu, aby go przeciągnąć.

Zanim opuścisz stronę, upewnij się, że kliknąłeś przycisk „Aktualizuj”, aby zapisać ustawienia swojego widżetu.

Przeciągnij do nieaktywnego widżetu

Jeśli chcesz ponownie użyć tego widżetu, po prostu przeciągnij blok widżetu z sekcji „Nieaktywne widżety” z powrotem do aktywnego obszaru widżetu.

📍Uwaga: Ta funkcja „Nieaktywne widżety” jest specyficzna dla klasycznych motywów korzystających z ekranu Wygląd » Widżety. W przypadku motywów FSE korzystających z Edytora witryny, zazwyczaj usuwałbyś blok, a następnie dodawał go ponownie w razie potrzeby, ponieważ nie ma tam obszaru „nieaktywnych” elementów.

Może Cię również zainteresować nasz poradnik na temat tego, jak wyłączyć niechciane widżety z WordPress.

Jakie rodzaje widżetów są dostępne dla WordPress?

Domyślna instalacja WordPress zawiera wbudowane widżety, w tym ostatnie posty, tagi, pasek wyszukiwania, kategorie, kalendarz i inne.

Większość wtyczek i motywów WordPress zawiera również własne bloki widżetów, które można dodać do swojej witryny.

Dostępne bloki widżetów WordPress

Aby dać Ci lepsze pojęcie, oto zestawienie popularnych widżetów WordPress, które napotkasz, zarówno wbudowanych, jak i często dodawanych przez wtyczki:

Nazwa widżetuFunkcja i przypadki użycia
ArchiwaWyświetla miesięczny archiwum Twoich wpisów, przydatne, aby umożliwić odwiedzającym przeglądanie starszych treści.
DźwiękOsadza odtwarzacz audio do odtwarzania muzyki lub podcastów bezpośrednio na Twojej stronie.
KalendarzPokazuje kalendarz z zaznaczonymi dniami z opublikowanymi wpisami, ułatwiając nawigację.
KategorieWyświetla kategorie Twoich wpisów, pomagając użytkownikom odkrywać konkretne tematy.
Niestandardowy HTMLPozwala na dodanie dowolnego niestandardowego kodu HTML, idealne do osadzania zewnętrznych treści lub unikalnych układów.
GaleriaWyświetla wybór obrazów w formacie galerii.
ObrazDodaje pojedynczy obraz z opcjonalnym linkiem.
Najnowsze komentarzePokazuje najnowsze komentarze do Twoich wpisów, zachęcając do interakcji.
Najnowsze wpisyWyświetla Twoje najnowsze wpisy na blogu, utrzymując świeżość i łatwość odkrywania treści.
Menu nawigacyjneWyświetla niestandardowe menu, które utworzyłeś (np. menu główne, menu stopki).
StronyWyświetla wszystkie opublikowane strony na Twojej witrynie.
RSSWyświetla wpisy z dowolnego kanału RSS, przydatne do pokazywania treści z innych stron.
SzukajDodaje pasek wyszukiwania, umożliwiając odwiedzającym znalezienie konkretnych treści na Twojej stronie.
Krótki kodPozwala na wstawianie shortkodów z wtyczek lub motywów.
Ikony społecznościoweWyświetla linki do Twoich profili w mediach społecznościowych (często dostarczane przez motywy/wtyczki).
Chmura tagówWyświetla chmurę najczęściej używanych tagów, dzięki czemu odkrywanie treści jest bardziej wizualne.
TekstDodaje zwykły tekst lub podstawowy HTML, wszechstronny do wiadomości powitalnych, zastrzeżeń itp.
WideoOsadza filmy z platform takich jak YouTube lub Vimeo, lub filmy hostowane samodzielnie.
WPForms (Przykład)Umożliwia osadzenie formularza kontaktowego utworzonego za pomocą wtyczki WPForms bezpośrednio w obszarze widżetu.

Możesz nawet stworzyć własny widżet, aby dodać całkowicie niestandardowy widżet do WordPress. Aby uzyskać więcej informacji, zobacz nasz poradnik na temat tworzenia niestandardowego widżetu WordPress.

Często zadawane pytania dotyczące dodawania i używania widżetów w WordPress

Oto kilka pytań, które nasi czytelnicy często zadawali na temat dodawania i używania widżetów w WordPress:

Jak działają widżety w WordPress?

Widżety w WordPress działają jako małe bloki treści, które można dodawać do obszarów takich jak paski boczne i stopki. Pomagają one wyświetlać dodatkowe treści, takie jak menu, najnowsze wpisy lub paski wyszukiwania, bez edycji kodu.

Jak zaprojektować dobry widżet w WordPress?

Dobry widżet w WordPress jest prosty, użyteczny i łatwy do odczytania. Powinien pasować do projektu Twojej witryny i zapewniać szybką wartość, nie odwracając uwagi użytkowników od głównej treści.

Aby rozpocząć, możesz zapoznać się z naszym poradnikiem na temat tworzenia niestandardowego widżetu WordPress.

Jak używać klasycznych widżetów w WordPress?

Możesz używać klasycznych widżetów w WordPress, instalując wtyczkę, która przywraca stary edytor widżetów. Pozwala to zarządzać widżetami za pomocą tradycyjnego interfejsu zamiast systemu opartego na blokach.

Aby uzyskać więcej informacji, możesz zapoznać się z naszym przewodnikiem na temat wyłączania bloków widżetów w WordPress (przywracanie klasycznych widżetów).

Jakie są wady widżetów w WordPress?

Widżety mogą czasami sprawić, że układy będą wyglądać na zagracone, jeśli użyje się ich zbyt wiele. Mogą również spowolnić działanie, jeśli dodane zostaną ciężkie lub słabo zoptymalizowane widżety.

Czy widżety są dobre dla SEO w WordPress?

Widżety mogą wspierać SEO w WordPress, poprawiając nawigację i doświadczenie użytkownika. Jednak nie poprawiają bezpośrednio pozycji w rankingu, chyba że pomagają użytkownikom bardziej angażować się w Twoje treści.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodawać i używać widżetów w WordPress. Możesz również zapoznać się z naszym poradnikiem na temat wyboru idealnej palety kolorów dla Twojej witryny WordPress oraz naszymi najlepszymi sztuczkami dotyczącymi bocznych pasków WordPress, aby uzyskać maksymalne rezultaty.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

27 KomentarzyZostaw odpowiedź

    • Wszystko zależy od motywu, ale cel jest ten sam, a bloki mają tę zaletę, że większość z nich można również umieścić w postach lub stronach jako treść :)

      Administrator

  1. Dzięki. Wcześniej miałem trudności z rozróżnieniem między wtyczką a widżetem, ten artykuł sprawił, że zrozumiałem różnicę. Proszę, czy to oznacza, że bloki w edytorze bloków to również widżety? Dziękuję jeszcze raz.

    • Są one wystarczająco podobne, aby na razie można je było funkcjonalnie uznać za takie same :)

      Administrator

  2. Cześć, dziękuję za artykuł. Z przewodnika zrozumiałem, że wtyczki rozszerzają możliwości strony, ale jaka jest dokładnie różnica między widżetem a wtyczką? Oba dodają funkcje i możliwości do strony.

    • Widżety służą do dodawania czegoś wizualnego do Twojej witryny lub treści, podczas gdy wtyczka może dodać cokolwiek do Twojej witryny, tak można o tym myśleć :)

      Administrator

  3. podczas przeglądania Wygląd->Widżety pojawia się następujący komunikat:

    Twój motyw ma 5 obszarów widżetów, ale ta konkretna strona ich nie wyświetla.
    Możesz nawigować do innych stron w swojej witrynie, korzystając z Dostosowywania, aby przeglądać i edytować widżety wyświetlane na tych stronach.

    ale po tym nie ma żadnych obszarów wymienionych tak jak w tym artykule, masz „prawy pasek boczny” i „nagłówek”… proszę o pomoc

    • Wygląda na to, że Twój motyw ma niestandardowe opcje projektowania. Zalecamy skontaktowanie się z pomocą techniczną Twojego konkretnego motywu, która pomoże wyjaśnić, jak możesz modyfikować swoje widżety za pomocą ich narzędzi.

      Administrator

    • Rozważ zmianę motywu lub użycie konstruktora stron, jeśli używany motyw nie oferuje opcji dodawania widżetów tam, gdzie byś chciał.

      Administrator

  4. Chcę zmienić sformułowanie sekcji Komentarze na moim blogu, ale kiedy przechodzę do Widżetów, żadne widżety nie są wyświetlane dla stopki.

  5. Czy można używać bloków Gutenberga w obszarze widżetów witryny, czy tylko na postach i stronach?

    • Tylko w postach i stronach na chwilę obecną, ale może wraz z aktualizacjami Gutenberga pojawi się coś :)

      Administrator

  6. Chcę dodać widżety ikon na stronie głównej i sprawić, by linkowały do moich kategorii. Nie mam "obszaru" widżetu na mojej stronie głównej (tam chcę je umieścić). Jedynymi obszarami widżetów są dolne części stron. Jakieś sugestie? Dziękuję.

  7. Nie komentarz, ale pytanie.
    W obszarze administracyjnym WordPress, po rozwinięciu "Wygląd" widzę tylko "Motywy", "Dostosuj" i "Edytor" – nie ma "Widżetów".
    Jak sprawić, aby "Widżety" pojawiły się tutaj?
    Dziękuję

    • Cześć Bill,

      Spróbuj przełączyć się na domyślny motyw i zobacz, czy widzisz widżety w obszarze administracyjnym. Jeśli tak, oznacza to, że Twój motyw nie ma zdefiniowanych żadnych pasków bocznych ani obszarów gotowych na widżety, dlatego nie widzisz widżetów w sekcji Wygląd.

      Administrator

  8. Dziękuję za Twój post na ten temat. Uratowałeś mnie przed dłuższym niż to konieczne uderzaniem głową w ścianę. ;)

    • Przebudowuję stronę internetową z niewielkim doświadczeniem w WordPress. W sekcji lub na stronie Widżety kliknąłem coś i teraz wyświetla się „zarządzaj z podglądem na żywo”. Nie mogę dodać widżetu. Jak mogę to usunąć, abym mógł dodać pobrany widżet? Dziękuję za Twój czas.

  9. Witam,

    Chciałem dowiedzieć się, ile maksymalnie widżetów można dodać do WordPressa. Mogę skończyć z widżetem na stronę!

  10. Dziękuję bardzo. Zmagałem się z tym, co i gdzie umieścić widżety, świetny, jasny post. Dziękuję.

  11. Tworzysz dla nas, początkujących, bardzo dobre rzeczy. Wersja do druku Twoich artykułów byłaby bardzo przydatna.

  12. Bardzo aktualny post. Zamierzałem nagrać kilka filmów instruktażowych dla mojego wirtualnego asystenta na temat utrzymania widżetów mojej strony. Użycie tego postu jako tła powinno znacznie to ułatwić.

    Poleciłem jej, aby zaczęła śledzić WPBeginner — nie zdziwiłbym się, gdyby rozwinęła większą wiedzę o WP niż ja :)

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Proszę NIE używaj słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.