Vrei să știi cum să adaugi un meniu de navigare personalizat în WordPress? Implicit, multe Teme WordPress oferă locații predefinite pentru meniuri și aspecte.
În acest tutorial, vă vom arăta cum să adăugați alte meniuri de navigare în tema dvs. WordPress.
Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs.
Apoi înapoi la motivul pentru care suntem aici.
Când va trebui să adăugați un meniu personalizat pe tema dvs. WordPress?
cele mai multe Teme WordPress oferă cel puțin o locație în care puteți afișa linkurile de navigare ale site-ului dvs. într-un meniu.
Puteți gestiona elementele de meniu dintr-o interfață ușor de utilizat în tabloul de bord WordPress.
Descoperiți și noi Pluginuri WordPress 10 premium concepute pentru a crea meniuri
Acest tutorial este destinat utilizatorilor cărora le place să facă bricolaj sau celor care au nevoie să adauge un slot suplimentar Teme WordPress.
Acestea fiind spuse, să aruncăm o privire la cum să adăugați meniuri de navigare personalizate într-o temă WordPress.
Crearea unui meniu personalizat pe WordPress
Meniurile de navigare sunt o caracteristică a temelor WordPress. Fiecare temă WordPress își poate defini locațiile proprii ale meniului.
Pentru a adăuga un meniu de navigare personalizat, primul lucru pe care trebuie să-l faceți este să vă înregistrați noul meniu de navigare adăugând acest cod la fișier funcții.php din tema dvs. WordPress.
function bpc_custom_new_menu () {register_nav_menu ('meniul meu personalizat', __ ('Meniul meu personalizat')); } add_action ('init', 'bpc_custom_new_menu');
Puteți merge la " Aspect> Meniuri "În Panoul de control WordPress și încercați să creați sau să editați un nou meniu. Vei vedeaMeniul meu personalizatCa opțiune în locația meniului.
Dacă doriți să adăugați mai multe locații noi în meniul de navigare, atunci trebuie să utilizați un cod ca acesta:
function bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('My Custom Menu'), 'extra-menu' => __ ('Extra Menu')))); } add_action ('init', 'bpc_custom_new_menu');
După ce ați adăugat locația meniului, testați-vă meniul și adăugați câteva elemente în tabloul de bord WordPress.
Acest lucru ne va permite să trecem la pasul următor, care este afișarea meniului pe site-ul nostru WordPress.
Vizualizarea unui meniu personalizat pe WordPress
Acum trebuie să afișăm noul meniu de navigare în tema dvs. WordPress. Cel mai frecvent loc în care sunt plasate de obicei meniurile de navigare este în secțiunea antet a unui site web imediat după titlul sau sigla site-ului web.
Cu toate acestea, puteți adăuga meniul dvs. de navigare oriunde doriți.
Trebuie să adăugați acest cod în fișierul șablon al temei dvs. WordPress unde doriți să vă afișați meniul.
'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>
Locația temei WordPress este numele pe care l-am ales în pasul anterior.
Clasa container este clasa CSS care va fi adăugată în meniul dvs. de navigare. Meniul dvs. va apărea ca o simplă listă de puncte pe site-ul dvs.
Puteți utiliza clasa CSS " custom_menu_class Pentru stilul meniurilor tale. Iată un exemplu de cod CSS pentru a vă începe:
div.custom-meniu -class ul {list-style-type: none; listă: nu există; listă-stil-imagine: nici unul; } div.custom-meniu-clasa li {padding: 20px; afișare: inline; }
Dacă aveți nevoie de ajutor cu CSS și aspectul meniului, vă recomandăm să utilizați una dintre aceste teme WordPress de început pentru a vă construi temele personalizate.
Creați meniuri mobile
Am detaliat acest lucru într-un tutorial anterior, cum să faceți meniuri mobile.
Am văzut cât de convenabile pot fi aceste meniuri pentru traficul dvs. mobil.
Descoperiți și câteva teme și plugin-uri premium WordPress
Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.
Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.
1. Woocommerce Donation
Acceptați prin această extensie donații pe site-ul dvs. WooCommerce cu sume specificate de clienți. Vor putea să ofere cât vor. Fiecare donație poate fi prezentată ca orice produs obișnuit WooCommerce.
Dacă clientul trece de pagina coșului sau merge direct la casă fără a dona, va apărea un link deasupra paginii de casă, astfel încât să poată dona.
Fiecare pas al utilizării donației WooCommerce este explicat într-o documentație cu capturi de ecran. Doar activați pluginul și veți găsi câmpul „Adăugați donație” pe coș.
Descarca | Demo | web hosting
2. Calendarați-l!
Cu WordPress plug-in Calendarize It! personalizarea designului calendarului este deosebit de ușoară cu Editorul vizual gratuit. Pluginul include filtrare avansată, bazată pe multe taxonomii, cum ar fi timpul, organizatorul și locația. Puteți lista evenimente în funcție de zile, luni sau ani și puteți viziona evenimentele viitoare prin widgeturi.
Pluginul acceptă, de asemenea, gestionarea rolului utilizatorului, tipuri de post personalizate, coduri scurte multiple și câmpuri personalizate pentru evenimente. De asemenea, are un număr de module plătite la $ 15 fiecare, care include opțiuni de plată, opțiuni de publicitate, punctaj pentru evenimente și rezervări, recenzii și multe altele.
Caracteristicile sale includ: Importul evenimentelor în format CSV, afișarea evenimentelor pe an, numărarea inversă a evenimentelor, acceptarea mai multor opțiuni de plată, acceptarea opțiunilor de publicitate, partajarea pe rețelele sociale, formularul de rezervare intuitiv, etc….
Descarca | Demo | web hosting
3. Director final PRO
Directory ultimate PRO este un WordPress plug-in premium care vă permite să creați orice tip de director pe internet. Poate fi integrat în orice temă WordPress și poate fi personalizat în funcție de nevoile dvs. Își prezintă funcția de căutare personalizată, care este una dintre principalele caracteristici ale site-urilor web din această nișă.
Bara de căutare vă permite să adăugați filtre personalizate și să alegeți stilul de căutare și, în cele din urmă, să se adapteze perfect site-ului dvs. web.
Ca caracteristici, oferă printre altele: un aspect 100% receptiv, o căutare personalizabilă, 3 moduri de afișare a directorului dvs., optimizare pentru navigare mobilă, SEO excelent, compatibilitate cu majoritatea browserelor moderne, și altele
Descarca | Demo | web hosting
Resurse recomandate
Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.
- Cum să integrați formularele Google pe WordPress
- Cum să ștergeți corect o pagină de pe WordPress
- Pluginurile 8 WordPress pentru a crea un megamenu pe blogul tău
- Plugin-uri 6 WordPress pentru a asigura conformitatea GDPR a unui blog
Concluzie
Voila! Asta e pentru acest tutorial. Sperăm că acesta din urmă vă va permite să adăugați un meniu de navigare personalizat pe blogul sau site-ul dvs. WordPress.
Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.
Spune-ne ce părere ai despre acest tutorial și nu ezita să împărtășiți cu prietenii de pe rețelele de socializare preferate.
...
