În primul rând, trebuie să înțelegeți momentul în care înregistrați meniul nostru în structura unui anumit subiect, astfel încât mai târziu să putem face anumiți parametri și stiluri de design. Funcția register_nav_menu () ne va ajuta în acest sens. prin care putem seta proprietățile titlului meniului, precum și locația acestuia pe pagină. Executăm aceste acțiuni în fișierul functions.php:
După această acțiune, specificăm modul în care vor fi localizate elementele din meniul nostru, utilizând opțiunea corespunzătoare.
Acum ar trebui să redăm meniul într-un anumit loc (fișiere index.php, header.php sau altele).
Așadar, ne-am format și afișat meniul nostru, dar nu am făcut nimic altceva cu aspectul său (stil, stil când se deplasează peste elementul de meniu, stilul elementului de meniu activ). Trebuie să ne asigurăm că meniul nostru se încadrează în designul general al blogului sau site-ului web. Puteți face tot ce este necesar pentru acest lucru cu ajutorul cunoștințelor de bază ale limbajelor de markup hipertext CSS și HTML.
Meniul nostru este reprezentat ca o listă a cărei structură este stocată în container, care este creată prin apelarea funcției wp_nav_menu. Putem face acest lucru direct prin schimbarea structurii fișierului style.css. Iată un exemplu de meniu de navigare cu o structură drop-down pe mai multe niveluri:
În acest caz, pagina curentă va fi evidențiată cu secțiunea de meniu evidențiată.
Aplicând funcțiile de clase care sunt utilizate de containerul funcției wp_nav_menu, puteți personaliza designul meniului dvs. în mod special pentru site-ul dvs. sau pentru blog. Aici este lista principală și funcțiile lor, pentru care răspund:
1. Clasa principală, prin care se realizează proiectarea fiecărei secțiuni a meniului.
3. O clasă care se aplică tuturor elementelor de meniu, în care trebuie să utilizați parametrii post_type sau taxonomie (înregistrare sau taxonomie).
4. Clasa care este atribuită paginii curente.
5. Clasa prin care este afișat meniul principal al paginii.
6. O clasă care indică direct un anumit index al paginii, de exemplu, pe ID-ul său
Articole similare
Trimiteți-le prietenilor: