Kiedy system menu nawigacji został wydany wraz z WordPress 3.0, był to jeden z czynników, który przekształcił WordPress z platformy blogowej w potężny CMS.
Oznaczało to, że do menu nawigacyjnych witryny można dodawać dowolne treści, w tym łącza niestandardowe. Interfejs „przeciągnij i upuść” oznaczał, że każdy mógł stworzyć swoje własne menu bez umiejętności programowania.
Ale czasami nie chcesz na tym polegać. Jeśli tworzysz witrynę internetową dla klienta, który ma zamiar dodawać strony do swojej witryny, jest mało prawdopodobne, aby zaktualizował menu nawigacyjne, gdy mają umiejętności lub ich brakuje. .
Tutaj przydaje się automatyczne menu nawigacyjne.
W tym samouczku pokażę, jak utworzyć zautomatyzowane menu nawigacji, które wyświetla wszystkie strony witryny, a także strony podrzędne wyświetlane jako pozycje drugiego poziomu w menu nawigacji.
Następnie możesz dodać ten kod do nagłówka strony, paska bocznego lub stopki motywu, jeśli chcesz, a to pokaże użytkownikom linki, które automatycznie aktualizują się, gdy nowa zawartość zostanie dodana do Twojej witryny.
Ale jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu
Wróćmy do tego, dlaczego tu jesteśmy.
Oto, czego potrzebujesz, aby zautomatyzować menu nawigacyjne WordPress:
- Programowanie lub instalacja testowa WordPress z dodanymi kilkoma stronami i podstronami
- Edytor kodu.
Konfiguracja kodu
Dodam ten kod do wtyczki, aby był trwały, nawet jeśli zmienię motyw WordPress. W ten sposób mogę dodać funkcję mojej wtyczki do motywu, aby dodać menu nawigacyjne tam, gdzie chcę. Jeśli Twój motyw WordPress ma „ haczyki Możesz użyć jednego lub więcej do wstrzyknięcia tego kodu.
Zobacz także naszą listę Wtyczki 10 WordPress do tworzenia odliczania
Jeśli pracujesz z motywem WordPress innej firmy, który nie ma hooków, będziesz musiał dodać kod do motywu. Nie koduj go bezpośrednio w motywie: zamiast tego utwórz motyw potomny i dodaj do niego swój kod. Po prostu utwórz kopię pliku szablonu motywu z motywu głównego, który chcesz edytować, dodaj go do motywu podrzędnego i edytuj.
pierwszym krokiem
Pierwszym krokiem jest utworzenie wtyczki. Tworzę folder w „ wp-content/plugins ”. Utworzenie folderu oznacza, że w przyszłości mogę dodać więcej plików do wtyczki, jeśli zajdzie taka potrzeba, na przykład arkusz stylów lub dołączone pliki.
Najpierw musisz dodać kod logowania do swojej wtyczki w komentarzach, aby powiedzieć WordPressowi, co to jest:
<?php
/**
*Nazwa wtyczki:Wtyczka
* URI wtyczki: http://blogpascher.com
* Opis: Wtyczka WordPress
* Wersja: 1.0
* Autor: Herve
* URI autora: http://blogpascher.com
*
*/
Aktywuj teraz wtyczkę.
Następnie, jeśli używasz motywu potomnego, skonfiguruj go. Używam motywu potomnego z motywu Twenty Seventeen - oto mój arkusz stylów:
<?php
/**
*Nazwa wtyczki:Wtyczka
* URI wtyczki: http://blogpascher.com
* Opis: Wtyczka WordPress
* Wersja: 1.0
* Autor: Herve
* URI autora: http://blogpascher.com
*
*/
@import url( "../twentyseventeen/style.css" );
Gdy już to zrobisz, jeśli Twoja witryna nie ma jeszcze żadnych stron, dodaj kilka. Muszą mieć strukturę na kilku poziomach. Tak wyglądają moje fałszywe strony:
Teraz zacznijmy dodawać kod do wtyczki.
Utwórz funkcję, aby wyświetlić hierarchicznie wszystkie strony
Użyjemy funkcji « wp_list_pages () Aby pobrać wszystkie strony i wyświetlić je z linkami. Ale najpierw musimy zdefiniować kilka argumentów za tym. Zacznij od utworzenia swojej funkcji i dodaj następujące argumenty:
wpmu_list_pages () {wpmu_list_pages () {$ args = array ('głębokość' => 2); }
Argumenty są bardzo proste - jest tylko jeden na poziom stron, które chcemy zrobić. Ustawienie „2” oznacza, że strony najwyższego poziomu i ich podstrony będą wyświetlane, ale nie więcej.
Odkryj Połączenie 5 typowe błędy i ich rozwiązania na WordPress
Teraz dodajmy funkcję „wp_list_pages ()” po argumentach:
wp_list_pages ($ args);
Oto pełna funkcja:
wpmu_list_pages () {wpmu_list_pages () {$ args = array ('głębokość' => 2); wp_list_pages ($ args); }
Dodanie funkcji do motywu
W tej chwili funkcja nie wyświetla niczego na mojej stronie. Aby to zmienić, musimy dodać kopię głównego nagłówka motywu do motywu potomnego i edytować to.
Zobacz także: Jak chronić swoją pracę WordPress na stronach internetowych klientów
Zacznij od skopiowania pliku nagłówkowego do motywu potomnego i otwórz go. W grze Twenty Seventeen kod menu nawigacji można znaleźć w „ templates-parts / navigation / navigation-top.php Co oznacza, że muszę dodać kopię tego pliku w to samo miejsce w motywie potomnym.
Odkryj, aby przejść dalej Jak zainstalować WordPress tematu dziecka
W Twoim motywie może to być plik header.php to musi zostać skopiowane.
W zależności od motywu kod menu będzie inny. W tym, którego używam, jest to kod, który muszę zastąpić:
'top', 'menu_id' => 'top-menu',)); ?>
Zmodyfikuj kod menu nawigacyjnego, aby dodać nową funkcję, dodając istniejący kod w deklaracji „else {}”:
'top', 'menu_id' => 'top-menu',)); }?>
Instrukcje warunkowe są ważne: najpierw sprawdza, czy funkcja dodana do wtyczki jest obecna (tzn. czy wtyczka jest aktywna), a jeśli tak, to wykonuje z tego funkcję. W przeciwnym razie działa normalnie.
Zobacz także nasz przewodnik na temat Jak wyświetlić bloków reklamowych na WordPress
Teraz spójrzmy na moją stronę:
Linki pojawiają się, ale są pewne problemy. Nie chcę, aby „Strony” były wyświetlane u góry (który jest domyślny dla funkcji wp_list_pages () ) i chcę efektywniej porządkować strony. Zobaczysz, że strona główna znajduje się na środku listy, co nie jest idealne.
Popraw funkcję
Wróćmy do kodu wtyczki i dostosuj go, aby rozwiązać te problemy.
Znajdź argumenty, które już zdefiniowałeś wp_list_pages ():
$ args = array ('głębokość' => 2);
I edytuj to:
$ args = array ($ args = array ('depth' => 2, 'title_li' => ' ”. __ („Menu”, „bpc”). ' ',' sort_column '=>' kolejność menu ');
Dodaje to dwa dodatkowe argumenty:
- Znacznik przed listą, który teraz mówi „ Menu Zamiast O Nas ".
- Kolejność, w jakiej są wyświetlane strony.
Musisz powrócić do ekranów edycji swoich stron i określić kolejność stron dla każdej z nich. Nadaj swojej stronie głównej wartość „0”, a inne strony najwyższego poziomu są wyższe niż te.
Przeczytaj także nasz przewodnik na temat : Jak stopniowo ładować komentarze na Facebooku i Disqus
Teraz, kiedy wyświetlisz menu, będzie wyglądać następująco:
Możesz także zmienić kolejność menu na stronach drugiego poziomu. To nigdy nie pojawi się nad stronami najwyższego poziomu, więc możesz zacząć od 0 lub 1 dla każdego zestawu podstron.
Odkryj także niektóre wtyczki premium WordPress
Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować połączenie z Twoim blogiem lub stroną internetową.
Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.
1. Gravity Forms
Jeśli jesteś właścicielem firmy, Twoim priorytetem powinno być umożliwienie klientom kontaktu z Tobą. Formy Gravity jest wtyczką formularz kontaktowy najpopularniejszy na WordPressie.
Możesz go użyć do utwórz dowolny typ formularza, takie jak formularz wyceny, ankiety i nie tylko.
2. eForm
eForm to zaawansowany i elastyczny program do tworzenia formularzy, który można zintegrować z istniejącą witryną WordPress. Jest to kompletne rozwiązanie do zarządzania formularzami. Dotyczy to między innymi quizów, ankiet, zbierania danych, szacowania płatności i komentarzy użytkowników.
Za pomocą takiego projektanta formularzy możesz projektować formularze w nieograniczony sposób i zarządzać nimi z poziomu pulpitu nawigacyjnego. Wszystkie żądania są przechowywane w Twojej bazie danych, będziesz mógł zobaczyć, śledzić, analizować i działać na podstawie zapisanych danych.
Przeczytaj także nasz artykuł na temat Jak zawartość marketing wpływa SEO bloga
Ponadto portal użytkownika umożliwia zarejestrowanym użytkownikom przeglądanie i śledzenie ich wniosków.
3. Mailster
Mailster to WordPress Plugin łatwy w użyciu premium, który pomoże Ci zintegrować biuletyn z Twoją witryną. Dzięki temu drugiemu będziesz mógł tworzyć, wysyłać i śledzić swoje kampanie bez zbytniego wysiłku.
Jego główne cechy to: możliwość śledzenia otwartych wiadomości e-mail, kliknięć, subskrypcji i współczynników odrzuceń, możliwość kierowania kampanii, zarządzanie kampanią i planowanie, obsługa 6 rodzajów automatycznych odpowiedzi, nieograniczone tworzenie formularze rejestracyjne, przyjazny interfejs, dostosowanie tła, wsparcie dla wielojęzycznościI wiele więcej.
Polecane zasoby
Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.
- Wtyczki 8 WordPress do tworzenia megamenu na swoim blogu
- Jak wyświetlić najnowsze artykuły na WordPress
- Jak stworzyć pokaz slajdów za pomocą Slider Revolution w WordPress
- Jak wyświetlić bloków reklamowych na WordPress
Wnioski
Tutaj jest ! To wszystko w tym samouczku, mam nadzieję, że pozwoli ci to automatycznie dodawać strony do menu. Jeśli masz jakieś obawy lub sugestie w tej dziedzinie, znajdźmy się sekcja komentarzy do omówienia.
Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
Witam,
Dzięki za artykuł
Mój problem polega na tym, że tak naprawdę nie rozumiem procedury, którą należy wykonać w części „Dodawanie funkcji do motywu”, czy muszę bezpośrednio modyfikować plik „navigation-top.php”? Czy powinienem go powielić w moim motywie podrzędnym? Czy powinienem zmodyfikować wskazaną część i dodać ją do mojego pliku function.php?
Lub inne rozwiązanie x)
Dziękuję za wyjaśnienie mi tej kwestii
PS: link github przenosi nas do pustego katalogu
Dobry wieczór, rzeczywiście chodzi o powielenie pliku w motywie potomnym. WordPress zajmie się resztą. Ponieważ spróbuje sprawdzić, czy plik istnieje w motywie potomnym i dlatego załaduje plik motywu nadrzędnego, jeśli nie istnieje.