Afișarea unui meniu folosind funcția wp_nav_menu. CSS și HTML5: meniu de navigare receptiv

Bună ziua, astăzi vom vorbi din nou despre crearea unui meniu (vertical și orizontal) în wordpress prin intermediul panoului de control, precum și despre cum să-l afișați oriunde pe site-ul dvs. folosind funcția wp_nav_menu, totul va fi mult mai ușor decât ghidurile mele scrise anterior la crearea meniurilor.

Puteți descărca sursele articolului de mai jos

Ghidul de mai jos se bazează pe articolul meu anterior -

Totuși, aici vom face totul mai simplu (nu vom atinge fișierul functions.php și nici nu vom folosi scripturi pentru a face meniul drop-down), și anume, vom învăța cum să facem meniu vertical sau un meniu orizontal non-derulant.

Să începem!

1. Accesați panoul de control al site-ului WordPress, în meniul din stânga selectați „ Aspect” și sub-elementul său „Meniu”.

Aici creăm meniul de care avem nevoie.

De exemplu, să creăm un meniu din categorii, dar nu din toate, ci doar din cele de care avem nevoie și de care le denumim acest meniu– „rubrici”, așa va arăta:

2. Pentru a afișa meniul în WordPress vom folosi următoarea funcție:

Este simplu, în codul de mai sus, în loc de „numele meniului” înlocuiți numele meniului creat și lipiți codul oriunde pe site-ul dvs.

Pentru meniul creat în exemplul nostru, această funcție va arăta astfel:

3. Introduceți meniul în locul dorit de pe site-ul nostru.

Să inserăm, de exemplu, meniul nostru „rubrici” în antet, în partea de sus.

De exemplu, să luăm tema standard wordpress – Twenty Twelve.

Pentru a face acest lucru, în panou management wordpress accesați elementul – „Vizualizare cap” și subelementul său „Editor”, din dreapta în lista de șabloane selectați – header.php.

În codul său găsim deschiderea eticheta corporală, iar imediat după ea există o etichetă care deschide blocul „pagină” - după aceasta vom introduce ieșirea meniului nostru „rubrici” folosind funcția - wp_nav_menu:

... >