Cîteodată puteți găsi o temă minunată doar pentru a vă da seama că ar fi grozav dacă ar avea un meniu de navigare suplimentar cu link-uri importante sau utilizate frecvent pentru a crește ușurința de utilizare a site-ului dvs. WordPress.
Cu doar puțină codificare, puteți avea fundația noului dvs. meniu configurată rapid și pregătită pentru a fi stilizată pentru a se potrivi cu tema.
Dacă preferați să nu vă încurcați cu codul, există multe pluginuri care pot face munca grea în locul dumneavoastră și care oferă, de asemenea, opțiuni de stilizare.
Nu contează ce opțiune alegeți, ghidul de mai jos vă va ajuta să o realizați.
Basic Housekeeping
Pentru a crea un nou meniu trebuie să editați fișierele temei dumneavoastră. Înainte de a face modificări la oricare dintre fișierele dvs. de bază, cel mai bine este să faceți o copie de rezervă a întregului dvs. site în cazul în care ceva nu merge bine pe parcurs. Veți putea să vă restaurați site-ul rapid și va fi ca și cum nimic nu s-ar fi întâmplat.
Vă puteți face manual o copie de rezervă a site-ului prin FTP sau folosind un plugin, cum ar fi propriul nostru Snapshot. Doar asigurați-vă că salvați o copie atât a bazei de date, cât și a fișierelor într-o locație separată de site-ul dvs. pentru a minimiza riscul de a pierde copia de rezervă.
Construirea unei teme copil
Pentru a crea noi meniuri cu cod, trebuie să faceți modificări care ar fi pierdute atunci când vă actualizați tema. Crearea unei teme copil are grijă de această problemă.
Puteți găsi detaliile de care aveți nevoie pentru a crea o temă copil verificând alte câteva dintre postările noastre Cum să creați o temă copil WordPress și Cum să creați automat teme copil în WordPress.
De asemenea, puteți alege să creați o temă complet nouă proprie sau să o încercați pe un site local sau de test.
Puteți verifica aceste articole pentru mai multe detalii despre cum să creați o instalare locală a WordPress:
- Cum să dezvoltați WordPress local cu MAMP
- Cum să instalați XAMPP și WordPress local pe PC/Windows
- Cum să configurați WordPress local în 5 minute cu DesktopServer
- Ghid rapid și ușor pentru a migra o instalare locală de WordPress pe un site live
- Cum să mutați WordPress pentru dezvoltare locală cu XAMPP
.
După ce ați configurat una dintre aceste opțiuni, sunteți liber să începeți să vă creați meniurile de navigare suplimentare. Deși, dacă decideți să folosiți un plugin sau o temă cadru, nu este nevoie să creați o temă copil.
Crearea de meniuri noi
Pentru a adăuga o opțiune de amplasare a unui meniu selectabil în tabloul de bord al administratorului, sub Appearance > Menus, trebuie să faceți ceea ce se numește „înregistrarea unui meniu”. Tot ce este nevoie este adăugarea unui fragment de cod în fișierul functions.php situat în wp-content > themes > your-theme.
În cPanel, faceți clic pe pictograma File Manager din secțiunea Files de pe pagina de start. Dacă nu ați setat anterior Managerul de fișiere să se încarce la rădăcina documentului site-ului dvs., navigați acolo acum.
Există un fișier functions.php în folderul dvs. /wp-includes/, dar nu acesta este cel pe care trebuie să-l editați. Asigurați-vă că găsiți fișierul functions.php care se găsește în tema pe care o utilizați. În caz contrar, v-ați trezi cu erori atunci când încercați să adăugați codul găsit mai târziu.
Localizați fișierul functions.php și faceți clic pe el o dată, urmat de clic pe butonul Edit din partea de sus a paginii.
Dacă se deschide un pop-up, faceți clic pur și simplu pe butonul Edit din partea de jos, din dreapta. Este posibil să nu vedeți niciunul dacă l-ați dezactivat anterior.
Derulați până în partea de jos a fișierului. Dacă doriți să adăugați doar un singur meniu, adăugați următorul cod pe o linie nouă:
function register_my_menu() {register_nav_menu('new-menu',__( 'New Menu' ));}add_action( 'init', 'register_my_menu' );
În acest exemplu, New Menu este numele care va apărea în pagina de meniu a tabloului de bord de administrare pentru a-l face ușor de înțeles pentru ochii oamenilor. Numele new-menu este cel pe care WordPress îl va înțelege pentru a executa codul dvs. în mod corespunzător.
Puteți numi meniul dvs. cum doriți, dar asigurați-vă că numai numele lizibil pentru oameni conține spații și majuscule.
Dacă doriți să adăugați mai multe meniuri pe site-ul dvs., adăugați în schimb acest cod pe o linie nouă:
Puteți adăuga oricât de multe meniuri noi doriți cu această metodă. Aceleași reguli se vor aplica atunci când le veți numi.
Salvați modificările pe care le-ați făcut în fișier. Acum tot ce a mai rămas de făcut este să adăugați noul meniu pe site-ul dumneavoastră.
Adaugarea locațiilor meniului în tema dumneavoastră
Aici trebuie să decideți unde doriți să plasați meniul. Dacă doriți ca meniul dvs. să apară în partea de sus a paginii, va trebui să editați fișierul header.php. De asemenea, îl puteți pune în footer, ceea ce înseamnă că veți edita fișierul footer.php.
Puteți chiar afișa un meniu pe o pagină prin editarea fișierului său de șablon sau la o bară laterală, editând fișierul său sidebar.php.
Puteți plasa noul dvs. meniu oriunde doriți. Iată cantitatea minimă de cod pe care trebuie să o adăugați în oricare dintre aceste locații:
<?php wp_nav_menu( array( 'theme_location' => 'new-menu' ) ); ?>
Înlocuiți doar new-menu cu numele lizibil pentru WordPress pe care l-ați ales. Probabil că doriți să vă stilizați meniul cu CSS, astfel încât să depășească funcționalitatea de bază și, de asemenea, să arate foarte bine. Pentru a face acest lucru, va trebui să creați o clasă și să o adăugați la tema dvs. cu următorul cod.
<?php wp_nav_menu( array( 'theme_location' => 'new-menu', 'container_class' => 'new_menu_class' ) ); ?>
La fel ca înainte, înlocuiți new-menu cu numele pe care l-ați ales. În acest exemplu, am numit clasa pe care am creat-o new_menu_class. Puteți schimba acest lucru, dar asigurați-vă că actualizați acest cod pentru a reflecta ajustarea.
Apăsați butonul Save și mergeți la Appearance > Menusuri din tabloul de bord. Veți observa că noile dvs. meniuri vor fi listate sub Theme Locations în secțiunea Menu Settings.
Acum veți putea vedea noile dvs. locații de meniu listate. Atunci când adăugați un meniu, puteți selecta una sau toate locațiile.
Pentru ca legăturile să fie afișate în locațiile de meniu nou create, faceți clic pe creați un meniu nou în partea de sus a paginii.
Dacă nu aveți deja un meniu, puteți introduce un nume pentru meniul dumneavoastră în câmpul de pe pagină, apoi faceți clic pe Creare meniu. Dacă aveți deja un meniu creat anterior, puteți face clic pe link-ul Create a new menu (Creează un nou meniu) din partea de sus a paginii.
După ce ați creat un nou meniu, puteți, de asemenea, să gestionați locațiile în care sunt afișate sub fila „Manage Locations” (Gestionează locații).
Styling, Plugins and Responsive Menus
Noul dvs. meniu este acum pregătit pentru a fi stilizat folosind CSS. Codificarea necesară este specifică temei pe care o folosiți, așa că nu voi intra în această postare, dar avem o altă postare pe care o puteți consulta în acest sens, intitulată How to Create an Awesome Responsive Menu for Your WordPress Theme. Acesta vă arată, de asemenea, cum să creați meniuri responsive care sunt pregătite pentru mobil.
Dacă doriți o opțiune mai ușoară, există multe pluginuri care vor crea meniuri responsive pe baza stilurilor temei dvs. Unul dintre cele mai bune pe care le-am găsit este Responsive Menu.
Câteva mențiuni notabile pe care le puteți găsi, de asemenea, utile sunt ShiftNav, WP Responsive Menu și Max Mega Menu.
Resurse pentru a merge mai departe
Acum aveți fundația solidă de care aveți nevoie pentru a crea meniuri suplimentare pentru tema dvs. și resurse pentru a vă ajuta să mergeți mai departe. Fie că îl codificați singur, fie că folosiți un plugin sau un cadru de temă, aveți acum un nou meniu pe site-ul dvs. WordPress.
Dacă întâmpinați probleme, mergeți mai departe și întrebați-i pe eroii noștri de suport. Ei vă pot oferi sfaturi de specialitate și asistență pentru a vă ajuta să rezolvați aproape orice problemă. Puteți deschide un bilet pe forumul nostru de asistență și vom veni imediat să vă ajutăm.
Pentru mai multe informații despre cum să stilizați noua dvs. temă, există multe resurse pe care le puteți verifica și le puteți găsi pe toate în postarea noastră A Mega Guide to Learning and Referencing CSS for WordPress: 150+ Resources.
Puteți verifica, de asemenea, unele dintre celelalte postări ale noastre 10 Simple Tips for Learning CSS for WordPress, 25 Expert Tips for Cleaner CSS Coding for WordPress, 25 Pro Tips for Improving Your CSS Workflow și 5 Free CSS Plugins for Live Editing Your WordPress Site pentru mai multe detalii despre codificarea unor CSS pentru tema dvs.
Tags:
- meniuri
- navigație
.