Jak stworzyć składane menu paska bocznego w WordPressie

Obecnie wielu właścicieli witryn WordPress decyduje się na stworzenie składanego menu paska bocznego. A jeśli prowadzisz ogromną witrynę internetową lub sklep eCommerce , może to być dla Ciebie idealne rozwiązanie. Aby pomóc Ci skonfigurować tę funkcję w Twojej witrynie, skonsultowaliśmy się z zespołem ekspertów WordPress i przygotowaliśmy dokładny przewodnik w dalszej części tego artykułu. Ale najpierw wyjaśnimy, co to jest zwijane menu paska bocznego i dlaczego warto je umieścić w swojej witrynie.

Co to jest zwijane menu paska bocznego w WordPress i kiedy należy je utworzyć?

Najbardziej przyjazne dla użytkownika menu umożliwiają odwiedzającym szybki dostęp do wszystkich potrzebnych linków. Jednak w przypadku witryn z dużą liczbą stron lub bardziej skomplikowanym układem może to być dość trudne.

Wyobraź sobie Amazon lub eBay, które są ogromnymi firmami eCommerce ze znaczną liczbą kategorii produktów i podkategorii. Kiedy się nad tym zastanowić – nie byłoby dobrym pomysłem umieszczanie każdej kategorii produktów we wspólnym menu . Musisz przewinąć przez chwilę, aby znaleźć kategorię, której szukasz.

Jest to doskonały przykład tego, kiedy przydają się składane menu na pasku bocznym. Pozwalają organizować treść w relacji rodzic-dziecko, więc gdy klient kliknie link nadrzędny, rozwinie się, aby pokazać wszystkie podkategorie lub dzieci.

Pamiętaj, że menu rozwijane na pasku bocznym są również nazywane menu rozwijanymi . Jeśli natkniesz się na ten termin, warto wiedzieć, że reprezentuje to samo. Nazwa jest oczywiście związana z faktem, że gdy jeden z Twoich odwiedzających kliknie w jedną z sekcji na Twojej stronie, menu się rozwija.

Składane menu na pasku bocznym pomagają uczynić witrynę bardziej przyjazną dla użytkownika, ponieważ ukrywają przed odwiedzającymi wiele treści i złożoności . Pomożesz im uniknąć przeglądania ogromnej listy kategorii i podkategorii, a rosnąca liczba odwiedzających Twoją witrynę pokaże, jak bardzo to doceniają.

Poza fachową opieką nad Twoją stroną internetową, chętnie dzielimy się również naszą wiedzą i doświadczeniem. Oto jak szybko i łatwo utworzyć składane menu paska bocznego w WordPress.

Najprostszy sposób na stworzenie składanego menu paska bocznego w WordPress

Najłatwiejszym i najszybszym sposobem dodania rozwijanego menu paska bocznego do witryny jest użycie wtyczki Bellows Accordion Menu. Ta wtyczka umożliwia dodanie rozwijanego menu paska bocznego do dowolnej lokalizacji strony, posta lub widżetu, w tym do paska bocznego .

Pierwszym krokiem jest oczywiście instalacja i aktywacja wtyczki. Aby rozpocząć tworzenie rozwijanego menu paska bocznego, przejdź do „ Wygląd ” i po aktywacji kliknij stronę „ Menu ” na pulpicie WordPress.

Następnie wypełnij sekcję „ Nazwa menu ”. Pamiętaj, że jest to wyłącznie do Twojego użytku i Twoje wizyty nie będą mogły go zobaczyć. Oznacza to, że możesz wybrać dowolną nazwę, nie musisz łączyć jej z żadną kategorią. Po zakończeniu wystarczy kliknąć przycisk „ Utwórz menu ”.

Następnym krokiem jest wybranie stron, które chcesz umieścić w rozwijanym menu paska bocznego . Domyślnie WordPress wyświetla tylko najnowsze strony, jednak jeśli klikniesz opcję „ Wyświetl wszystko ”, zobaczysz wszystkie swoje posty. Możesz też użyć przycisku „ Zaznacz wszystko ” i automatycznie wypełnić rozwijane menu wszystkimi swoimi stronami.

Gdy zdecydujesz, które strony dodać, kliknij opcję „Dodaj do menu”. Będziesz nawet mógł dodawać niestandardowe linki lub wybierać określone tematy lub kategorie blogów. Więcej na ten temat przeczytasz w naszym artykule o dodawaniu menu nawigacyjnego w WordPressie.

Po dodaniu stron do menu możesz je przesuwać i zmieniać ich kolejność, przeciągając je i upuszczając.

Relacje rodzic-dziecko w zwijanych menu paska bocznego

Menu zwijane koncentruje się na połączeniach rodzic-dziecko . Za każdym razem, gdy odwiedzający najedzie kursorem myszy na kategorię nadrzędną w Twoim menu, rozwinie się ona i da mu możliwość wybrania jednej z kategorii podrzędnych,

Dodawanie stron podrzędnych jest tak proste, jak przeciąganie ich i upuszczanie pod ich stroną nadrzędną w celu utworzenia tej relacji . Teraz będziesz chciał dodać to składane menu do paska bocznego WordPress. Aby to zrobić, musisz użyć krótkiego kodu, który wygeneruje wtyczka Bellows Accordion Menu.

Przejdź do „ Wygląd ”, a następnie kliknij „ Menu miechowe ”, a otrzymasz swój kod, ale upewnij się, że wybrana jest karta „ Pokaż wszystko ”. Teraz możesz wybrać pole Shortcode, które podświetli cały kod. Skopiuj kod, ponieważ musisz go wkleić do widżetu. Przejdź do „ Wyglądy ”, a następnie „ Widżety ” i poszukaj opcji paska bocznego.

Po odkryciu obszaru paska bocznego kliknij go, ponieważ się rozwinie. Będziesz mógł dodawać bloki, ale będziesz chciał znaleźć ten Shortcode. Gdy go znajdziesz, po prostu wklej skopiowany kod i kliknij ikonę „Aktualizuj”. Pomyślnie dodałeś rozwijalne menu do swojej witryny.

Jedną z najlepszych rzeczy w tej wtyczce jest to, że pozwala ona łatwo dostosować domyślne menu. Możesz wybierać różne kolory i bawić się projektem, aż stworzysz coś, co będzie pasować do Twojej witryny. Po prostu przejdź do „ Wyglądy ”, a następnie kliknij „ Dostosuj ” i możesz zacząć.

Najważniejsze!

Mamy nadzieję, że nasz przewodnik pomógł Ci dowiedzieć się, dlaczego i jak stworzyć składane menu paska bocznego w WordPress. Jak widać, jest to dość prosty i łatwy proces, więc nawet jeśli jesteś początkującym, nie powinieneś mieć z nim problemów. Lub po prostu skontaktuj się z zespołem WP Full Care, uzyskaj bezpłatną konsultację i zdecyduj się na zapewnienie swojej witrynie fachowej opieki, na jaką zasługuje.