Jak wyświetlić inny panel boczny dla każdego wpisu i strony w WordPress?

Jedną z rzeczy, których nauczyliśmy się o prowadzeniu bloga WordPress jest to, że dostosowywanie różnych części witryny może naprawdę poprawić wrażenia użytkownika.

Świetnym sposobem na to jest wyświetlanie różnych pasków bocznych na różnych stronach i postach.

Paski boczne to przydatne części witryny, które mogą pomóc odwiedzającym znaleźć to, czego potrzebują. Dodając różne paski boczne do określonych stron lub postów, możesz wyświetlać bardziej istotne informacje i ułatwić korzystanie z witryny.

Znaleźliśmy kilka sposobów, aby to osiągnąć i cieszymy się, że możemy się nimi z Tobą podzielić. W tym przewodniku pokażemy 3 proste metody wyświetlania różnych pasków bocznych w całej witrynie WordPress.

Dlaczego warto wyświetlać inny pasek boczny dla niektórych stron lub postów w WordPress?

Czasami możesz chcieć wyświetlić inny pasek boczny WordPress dla niektórych postów lub stron, aby zapewnić odwiedzającym bardziej odpowiednie treści.

To dostosowanie może być szczególnie przydatne, gdy masz różne tematy na swojej stronie internetowej lub chcesz wyróżnić określone informacje w różnych sekcjach.

Instancją może być na przykład wyświetlanie widżetów związanych z kategoriami w postach na blogu, wyświetlanie informacji o produktach na stronach sklepu internetowego lub prezentowanie kanałów mediów społecznościowych na stronie Informacje.

Niestandardowe paski boczne mogą również pomóc w stworzeniu bardziej skoncentrowanego doświadczenia dla klientów, prezentując odpowiednie linki, reklamy lub przyciski wezwania do działania dostosowane do przeglądanych treści.

Mając to na uwadze, przyjrzyjmy się 3 metodom dodawania różnych pasków bocznych do postów i stron w WordPress. Możesz użyć szybkich linków poniżej, aby przejść do metody, która najbardziej Ci odpowiada:

Metoda 1: Utworzenie niestandardowego motywu z różnymi paskami bocznymi dla określonych stron lub postów (zalecane)

Ze wszystkich metod, które wypróbowaliśmy w tym poradniku, najbardziej zalecamy utworzenie niestandardowego motywu. Powodem jest to, że zapewnia on największą elastyczność i kontrolę nad wyglądem witryny WordPress.

To powiedziawszy, sugerujemy stosowanie tej metody tylko wtedy, gdy jesteś na początkowych etapach tworzenia witryny lub jesteś zainteresowany prawidłową zmianą motywu WordPress. Wynika to z faktu, że zmiana motywu może znacząco wpłynąć na istniejącą zawartość i układ.

Jeśli nie chcesz przełączać motywów, możesz przejść do metody 2 (motywy klasyczne) lub metody 3 (motywy blokowe).

Na potrzeby tego poradnika zalecamy skorzystanie z kreatora stron, takiego jak SeedProd lub Thrive Architect.

Kreatory stron oferują znacznie więcej opcji dostosowywania i kontroli nad motywem, więc uważamy, że lepiej jest z nich korzystać niż z wbudowanych funkcji WordPress.

W tym poradniku użyjemy wersji Pro SeedProd do celów demonstracyjnych. Chociaż istnieje darmowa wersja, nie jest ona wyposażona w funkcję tworzenia motywów, która jest niezbędna do stworzenia niestandardowego motywu od podstaw.

Możesz dowiedzieć się więcej o tym narzędziu w naszej recenzji SeedProd.

Po pierwsze, zainstaluj wtyczkę SeedProd na swojej stronie internetowej. Jeśli robisz to po raz pierwszy, przejdź do naszego przewodnika dla początkujących, jak zainstalować wtyczkę WordPress.

Po zakończeniu wstaw klucz licencyjny SeedProd w odpowiednim polu i kliknij „Zweryfikuj klucz”.

Następnie przejdź do SeedProd ” Theme Builder.

Następnie kliknij przycisk „Zestawy szablonów tematycznych”.

Powinieneś teraz zobaczyć wszystkie dostępne zestawy szablonów motywów. Zachęcamy do wykorzystania dowolnego z nich jako podstawy dla własnego motywu.

Możesz także najechać kursorem na każdy zestaw i kliknąć przycisk lupy, aby dokładniej obejrzeć motyw.

Na potrzeby tego poradnika zalecamy wybranie zestawu motywów, który ma już stronę z paskiem bocznym, aby można było po prostu powielić ten szablon strony i dostosować pasek boczny później.

Na przykład zestaw motywów Curbside Food Truck zawiera szablon pojedynczego wpisu, który zawiera już pasek boczny:

Po wybraniu zestawu wystarczy najechać na niego kursorem.

Następnie kliknij pomarańczową ikonę znacznika wyboru, gdy się pojawi.

Teraz poczekaj kilka chwil, aż SeedProd skonfiguruje Twój motyw.

Po wykonaniu tej czynności powinieneś zostać ponownie przekierowany na stronę ustawień „Theme Builder” i zobaczyć, że SeedProd utworzył kilka szablonów motywów dla Twojej witryny WordPress.

Możemy teraz rozpocząć edycję szablonu motywu.

Załóżmy, że chcesz, aby pasek boczny na stronach archiwum kategorii bloga wyglądał inaczej niż ten na stronach postów na blogu. W takim przypadku należy utworzyć 2 różne szablony motywu paska bocznego.

Najpierw znajdź szablon motywu „Pasek boczny” w swoim zestawie. Jest to domyślny pasek boczny używany przez motyw, gdy strona wymaga paska bocznego.

Dla ilustracji powielimy ten szablon, a następnie edytujemy go, aby różnił się od oryginalnej wersji. Aby to zrobić, możesz najechać kursorem na szablon i kliknąć „Duplicator”.

Powinieneś teraz zobaczyć skopiowaną wersję szablonu paska bocznego.

Tutaj kliknij „Edytuj projekt”.

Przejdziesz teraz do edytora SeedProd. Jeśli szablon paska bocznego wygląda na szerszy niż się spodziewasz, nie martw się. Rozmiar zostanie dostosowany po dodaniu paska bocznego do strony w późniejszym czasie.

W wybranym przez nas motywie domyślny szablon paska bocznego wyświetla pasek wyszukiwania, wezwanie do działania związane z subskrypcją newslettera, linki do stron kategorii naszego bloga oraz podgląd naszego kanału na Instagramie.

Zamierzamy zastąpić niektóre z tych elementów. Bloki te zostały zorganizowane w grupy lub wiersze, dzięki czemu możemy usunąć wiele bloków w jednym wierszu jednocześnie, zamiast usuwać je jeden po drugim.

Aby to zrobić, wystarczy najechać kursorem na element, aż nad całą grupą bloków pojawi się ciemnoniebieska linia. Następnie kliknij ikonę kosza „Usuń wiersz” u góry elementu.

Aby utworzyć nowy wiersz, najedź kursorem na element znajdujący się bezpośrednio nad miejscem, w którym ma się pojawić nowy wiersz. Gdy pojawi się ciemnoniebieska linia, kliknij ikonę „+”, która pojawi się pod nią.

Następnie należy kliknąć ikonę „+” poniżej.

Teraz możesz wybrać układ wiersza.

Wybierzemy pierwszą opcję, ponieważ jest ona najbardziej odpowiednia dla naszych potrzeb.

W tym miejscu możesz zacząć się bawić i dodawać wszelkiego rodzaju bloki do paska bocznego.

SeedProd ma mnóstwo opcji do wyboru, od licznika czasu i hotspotu obrazu po pasek postępu i wiele innych. Możesz użyć paska wyszukiwania lub przewinąć w dół na karcie „Bloki”, aby znaleźć blok, którego potrzebujesz.

Po znalezieniu odpowiedniego bloku wystarczy przeciągnąć go i upuścić w rzędzie.

Na potrzeby przykładu zdecydowaliśmy się dodać blok „Referencje”.

Można to wykorzystać do wyświetlenia pozytywnej recenzji od klienta jako dowodu społecznego. Jeśli chcesz dowiedzieć się, jak je dodać, możesz przeczytać nasz przewodnik na temat dodawania obrotowych referencji w WordPress.

W tym momencie możesz dodać więcej rzędów i bloków.

Gdy będziesz zadowolony z wyglądu paska bocznego, po prostu kliknij ikonę strzałki obok przycisku „Zapisz” w prawym górnym rogu strony. Następnie kliknij „Opublikuj”.

Teraz przejdźmy dalej i dodajmy ten nowy pasek boczny do szablonu postu lub strony. Aby to zrobić, wróć do SeedProd ” Theme Builder na swoim kokpicie WordPress.

Zestaw motywów, z którego korzystamy, zawiera 2 szablony motywów z paskiem bocznym: „Pojedynczy post” i „Archiwa, wyniki wyszukiwania”. Pierwszy jest przeznaczony dla postów WordPress, a drugi dla wszystkich stron archiwalnych, w tym archiwów kategorii, a także strony wyników wyszukiwania.

Oba szablony używają obecnie tego samego szablonu paska bocznego.

W tym przypadku chcemy, aby szablon „Archives, Search Results” korzystał z nowego paska bocznego, który właśnie utworzyliśmy. Po prostu znajdź szablon, który chcesz edytować i kliknij „Edytuj projekt”.

W edytorze SeedProd najedź kursorem na obszar z paskiem bocznym, a gdy pojawi się na nim pomarańczowy pasek narzędzi, kliknij go.

W lewym panelu ustawień powinien znajdować się napis „Edycja: Części szablonu”.

W rozwijanym menu Template Part należy wybrać utworzony przed chwilą szablon paska bocznego.

Powinieneś teraz zobaczyć, że nowy pasek boczny został dodany do szablonu strony.

Następnie kliknij „Zapisz”, aby opublikować zmiany.

Na tym etapie możesz utworzyć więcej pasków bocznych i dodać je do innych stron, powtarzając te same kroki, co poprzednio.

Gdy będziesz zadowolony, po prostu wróć do SeedProd ” Theme Builder i przełącz ustawienie „Enable SeedProd Theme”, aż pojawi się „YES”.

I to wszystko!

Oto jak wygląda nasz niestandardowy pasek boczny:

Metoda 2: Wyświetlanie innego paska bocznego na niektórych stronach za pomocą darmowej wtyczki (motywy klasyczne)

Trudną rzeczą w przypadku klasycznych motywów jest to, że każdy z nich obsługuje paski boczne w inny sposób. A przez większość czasu musisz używać tego samego paska bocznego w całej witrynie.

Jeśli chcesz utworzyć wiele pasków bocznych dla swojego motywu, sugerujemy użycie Lightweight Sidebar Manager. Ta niestandardowa wtyczka umożliwia utworzenie dowolnej liczby pasków bocznych, a następnie przypisanie ich do różnych postów i stron.

Możesz także dodać je do niestandardowych typów treści lub przypisać panel boczny do wszystkich różnych stron lub wpisów, które mają określoną kategorię.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Lightweight Sidebar Manager. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść do Wygląd ” Panele boczne. Aby utworzyć pierwszy panel boczny, należy kliknąć przycisk „Dodaj nowy”.

Możesz teraz wpisać tytuł nowego panelu bocznego WordPress. To jest tylko dla twojego odniesienia, więc możesz użyć czegokolwiek chcesz.

Po wykonaniu tej czynności otwórz menu rozwijane „Sidebar To Replace” i wybierz położenie, w którym chcesz wyświetlić panel boczny. Opcje, które zobaczysz, mogą się różnić w zależności od twojego motywu WordPress.

Teraz możesz kontrolować, gdzie pojawia się panel boczny, tworząc reguły włączenia lub wykluczenia.

Aby utworzyć regułę włączania, wystarczy otworzyć menu rozwijane „Wyświetl na” i wybrać strony, wpisy, własne typy treści lub kategorie, w których chcesz używać panelu bocznego.

Na przykład, możesz dodać panel boczny do konkretnej strony, takiej jak twoja strona błędu 404, archiwum autora lub strona bloga.

Inną opcją jest użycie panelu bocznego dla konkretnej strony, wpisu lub kategorii poprzez wybranie opcji „Konkretne strony/posty/taksonomie”.

Spowoduje to dodanie pola, w którym można wpisać stronę, wpis lub kategorię.

Aby utworzyć więcej reguł włączania, wystarczy kliknąć przycisk „Dodaj regułę wyświetlania”.

Spowoduje to utworzenie sekcji, w której można utworzyć nową regułę włączania.

Jeśli wolisz, możesz zamiast tego utworzyć reguły wykluczeń. Na przykład, możesz chcieć wyświetlać panel boczny na każdej stronie z wyjątkiem strony głównej.

Możesz także łączyć reguły włączania i wykluczania, aby dokładnie kontrolować, gdzie pasek boczny pojawia się na Twoim blogu WordPress.

Aby utworzyć regułę wykluczenia dla lokalizacji panelu bocznego, wystarczy kliknąć przycisk „Dodaj regułę wykluczenia”.

W nowej sekcji „Nie wyświetlaj na” otwórz menu rozwijane i wybierz stronę lub wpis, który nie powinien używać tego panelu bocznego.

Możesz również wykluczyć panel boczny ze stron WordPress, które mają określoną kategorię, wykonując ten sam proces opisany powyżej.

Po podjęciu decyzji, gdzie pojawi się pasek boczny, możesz chcieć wyświetlać różne treści różnym użytkownikom.

Na przykład, jeśli masz witrynę członkowską, możesz użyć innego paska bocznego dla odwiedzających niż dla zalogowanych członków.

Aby to zrobić, otwórz menu rozwijane „Użytkownik” i wybierz rolę z menu rozwijanego. Teraz tylko osoby z tą konkretną rolą użytkownika będą widzieć panel boczny.

Na koniec możesz wpisać opcjonalny opis. Pojawi się on tylko w kokpicie WordPress, więc jest to dobry sposób na udostępnienie informacji innym administratorom lub użytkownikom.

Jeśli zamierzasz utworzyć wiele paneli bocznych, możesz również użyć tego pola, aby zostawić sobie notatki i pomocne przypomnienia.

Gdy jesteś zadowolony z informacji, które wpiszesz, po prostu kliknij „Opublikuj”.

Po wykonaniu tej czynności przejdź do Wygląd ” Widżety. Zobaczysz teraz wszystkie obszary widżetów, które twój motyw obsługuje domyślnie, a także nowy panel boczny utworzony w poprzednim kroku.

Możesz teraz przejść dalej i dodać widżety do panelu bocznego, tak jak do każdej innej sekcji widżetów.

Aby uzyskać instrukcje krok po kroku, zapoznaj się z naszym przewodnikiem na temat dodawania i korzystania z widżetów WordPress.

Gdy będziesz zadowolony z konfiguracji panelu bocznego, kliknij „Aktualizuj”.

Teraz, jeśli przejdziesz na twój blog WordPress, zobaczysz nowy panel boczny na żywo.

Aby utworzyć więcej paneli bocznych motywu, wystarczy powtórzyć te kroki.

Metoda 3: Dodawanie różnych pasków bocznych do określonych szablonów w edytorze pełnej witryny WordPress (motywy blokowe)

Jeśli korzystasz z motywu blokowego, takiego jak motyw Twenty Twenty-Four lub Hestia, możesz użyć edytora całej witryny, aby utworzyć niestandardowe paski boczne i umieścić je w dowolnym miejscu. Aby zademonstrować tę metodę, użyjemy motywu Twenty Twenty-Four.

Fajną rzeczą w motywach blokowych jest to, że sposób ich edycji jest taki sam. Nie potrzebujesz więc specjalnej wtyczki paska bocznego WordPress. Możesz po prostu użyć edytora całej witryny, aby dodać inny pasek boczny do określonych stron lub postów.

Najpierw przejdź do Wygląd ” Edytor w panelu administracyjnym WordPress.

Tutaj zobaczysz kilka menu, aby dostosować motyw bloku.

Aby utworzyć nowy pasek boczny, należy wybrać opcję „Wzorce”.

Teraz kliknij „Wszystkie części szablonu”.

Powinieneś teraz zobaczyć część szablonu o nazwie „Sidebar”. Kliknij menu z trzema kropkami, a następnie wybierz opcję „Duplicator”. Spowoduje to utworzenie kopii szablonu paska bocznego, którą można następnie dostosować.

W nowym wyskakującym okienku nadaj nowemu paskowi bocznemu nazwę, aby później łatwo go zidentyfikować.

W sekcji „Obszar” wybierz „Ogólne”. Po zakończeniu kliknij „Duplicator”.

Powinieneś teraz zobaczyć swój nowo zduplikowany pasek boczny na liście części szablonu.

Wystarczy kliknąć miniaturę, aby otworzyć interfejs edycji.

Teraz możesz zacząć dostosowywać swój pasek boczny, dodawać więcej bloków lub konfigurować je tak, aby pasowały do projektu Twojej witryny. Edytor całej witryny działa tak samo jak edytor bloków Gutenberg, ponieważ wystarczy przeciągnąć i upuścić bloki na część szablonu.

W naszym przypadku zdecydowaliśmy się wyświetlić nasze najnowsze posty, przycisk wezwania do działania, aby zapisać się na naszą listę mailingową, oraz dzielnik kształtu, aby oddzielić te elementy.

Gdy będziesz zadowolony z wyglądu paska bocznego, kliknij przycisk „Zapisz”.

Teraz musimy dodać ten nowy pasek boczny do szablonu strony.

Najpierw wróć do menu głównego edytora całej witryny. Następnie kliknij „Szablony”.

Szablon Twenty Twenty-Four ma kilka szablonów stron z paskiem bocznym, ale wszystkie używają tej samej części szablonu paska bocznego. Zmieńmy jeden z nich za pomocą naszego nowo utworzonego paska bocznego.

Aby to zrobić, wybierz szablon strony z paskiem bocznym. W naszym przypadku wybierzemy „Strona z paskiem bocznym”, aby pasek boczny na zwykłych stronach wyglądał inaczej niż na pojedynczych postach WordPress.

W interfejsie edycji kliknij sekcję „Pasek boczny”.

Na pasku narzędzi bloku kliknij menu z trzema kropkami i wybierz „Usuń”, aby usunąć stary pasek boczny.

Następnie kliknij ikonę „+” w tej samej sekcji.

Następnie znajdź i wybierz „Część szablonu”.

Gdy to zrobisz, kliknij przycisk „Wybierz”.

Umożliwi to wybranie właśnie utworzonego paska bocznego.

Pojawi się nowe wyskakujące okienko, pokazujące różne części szablonu.

Tutaj wystarczy kliknąć nowy szablon paska bocznego.

Na tym etapie można kontynuować dostosowywanie szablonu, jeśli zajdzie taka potrzeba.

Następnie kliknij „Zapisz”.

Dostosowałeś teraz szablon strony i dodałeś do niego niestandardowy pasek boczny.

Musimy jednak upewnić się, że szablon ten jest faktycznie używany w witrynie. Aby to zrobić, wróć do menu głównego edytora całej witryny i kliknij „Strony”.

Następnie wybierz stronę, do której chcesz dodać pasek boczny.

Na potrzeby przykładu przejdziemy do naszej strony „Polityka prywatności”.

Teraz kliknij ikonę ustawień w lewym górnym rogu strony i kliknij „Strony” w panelu ustawień strony.

Następnie należy wybrać opcję „Zamień szablon”.

Gdy to zrobisz, pojawi się wyskakujące okienko.

Tutaj wystarczy wybrać szablon strony z nowym paskiem bocznym.

I to wszystko! Możesz powtórzyć te same kroki, aby utworzyć nowy niestandardowy pasek boczny i zaimplementować go na różnych stronach i postach.

Oto jak wygląda nasza przykładowa strona polityki prywatności z nowym paskiem bocznym:

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak wyświetlać różne paski boczne na stronach i w postach w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat zmiany paska bocznego w WordPressie i naszymi eksperckimi propozycjami najlepszych alternatyw Canva dla grafiki internetowej.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.