Cum să construiți un mega meniu uimitor pe un site web WordPress în 2022

Publicat: 2022-03-10

Mega meniurile sunt alegerea evidentă dacă doriți să vă actualizați navigarea pe site.

Nu numai că arată grozav, mega meniurile pot face, de asemenea, mai ușor pentru vizitatori să găsească mai mult din conținutul tău. Acest lucru poate avea apoi un impact pozitiv asupra ratelor de conversie, conform cercetării experților UX Jakob Nielsen și Angie Li.

Un instrument bun de mega meniu WordPress facilitează adăugarea unei game de conținut în zonele de meniu derulant sau extensibile. Acestea pot include mai multe link-uri, imagini, butoane și chiar produse.

De asemenea, puteți folosi meniurile pentru a genera trafic către anumite pagini de pe site-ul dvs., pentru a crește numărul de conversii și pentru a promova oferte.

Dacă doriți să creșteți nivelul meniurilor, citiți mai departe pentru a afla cum să construiți un mega meniu pe un site web WordPress.

Cuprins
  1. Ce este un mega meniu?
    • Ce caracteristici au Mega Meniurile?
    • Cum să adăugați funcționalitatea WordPress Mega Meniu pe site-ul dvs
  2. Cum să construiți un mega meniu WordPress cu Astra Pro
    • Instalați tema Astra
    • Instalați pluginul Astra Pro
    • Activați modulul Nav Menu
    • Creați Mega Meniul WordPress
  3. rezumat

Ce este un mega meniu?

Pentru ca toți să fim pe aceeași pagină, iată o explicație rapidă a ceea ce ne referim când vorbim despre mega meniuri.

De obicei, un mega meniu este un meniu derulant sau o zonă de navigare extensibilă care conține de obicei mai mult decât link-uri text.

Ce este un mega meniu

Credit imagine www.next.co.uk

Ele pot veni în toate formele și dimensiunile. Unele se întind pe toată lățimea zonei dvs. de conținut, în timp ce altele sunt suficient de largi pentru a conține ceea ce a fost adăugat la ele.

Un instrument bun de mega meniu WordPress facilitează, de asemenea, personalizarea aspectului prin adăugarea de culori personalizate, imagini de fundal și etichete.

Un instrument bun vă va permite să inserați pictograme, imagini și aproape orice alt conținut la care vă puteți gândi în meniurile dvs. derulante.

Cele mai bune instrumente de mega meniu WP vă vor permite, de asemenea, să afișați widget-uri în zonele de navigare extensibile, mărind opțiunile în mod semnificativ.

Unul dintre principalele avantaje ale mega meniurilor este că vă oferă posibilitatea de a organiza legăturile din meniurile dvs. într-un mod mai ușor de utilizat.

De exemplu, puteți folosi diferite culori și formatare pentru a separa elementele de meniu pentru a ajuta vizitatorii să găsească ceea ce caută.

Adăugarea de etichete, pictograme și imagini la mega meniuri poate atrage atenția asupra elementelor cheie ale conținutului.

Dacă înțelegeți bine, veți putea transforma navigarea pe site într-un activ captivant, informativ și de conversie!

Ce caracteristici au Mega Meniurile?

Cea mai importantă caracteristică de căutat atunci când alegeți un instrument care vă va permite să construiți un mega meniu pe un site web WordPress este cât de mult control vă oferă.

De asemenea, doriți ca instrumentul dvs. de mega meniu WordPress să vă faciliteze personalizarea aspectului.

Nici ușurința de utilizare nu trebuie trecută cu vederea!

Cum să adăugați funcționalitatea WordPress Mega Meniu pe site-ul dvs

În mod implicit, WordPress nu are funcționalitate mega meniu. Cu toate acestea, datorită bibliotecii sale uriașe de suplimente de la terți, este foarte ușor să adăugați mega meniuri la un site web WordPress, cu condiția să alegeți instrumentul potrivit.

Astra Pro este un astfel de instrument.

Are toate funcțiile de care veți avea nevoie pentru a adăuga mega meniuri pe site-ul dvs. WordPress.

După cum urmează să vedem, este și foarte ușor de utilizat.

Cum să construiți un mega meniu WordPress cu Astra Pro

Astra Pro este un supliment premium pentru tema Astra WordPress gratuită. Instalarea pluginului Astra Pro pe un site web WordPress folosind tema Astra adaugă toate funcționalitățile necesare pentru a construi un mega meniu, plus multe altele.

Utilizarea Astra Pro înseamnă că nu aveți acces doar la o temă puternică pentru site-ul dvs. web. De asemenea, beneficiați de toate funcțiile unui plugin premium pentru mega meniu WordPress.

Dacă sună atrăgător, iată o prezentare a modului de a construi un mega meniu pe un site web WordPress cu Astra Pro.

Instalați tema Astra

Deoarece tema Astra este disponibilă gratuit, poate fi adăugată pe site-ul dvs. direct din interiorul tabloului de bord WordPress.

Pentru a începe, pur și simplu conectați-vă la tabloul de bord WordPress și apoi faceți clic pe elementul de meniu Aspect > Teme din panoul din bara laterală din stânga.

Meniul de aspect al tabloului de bord WordPress

Apoi, faceți clic pe butonul Adăugați nou din pagina Teme.

Adăugați o nouă temă în WordPress

Acum căutați Astra și apoi faceți clic pe butonul Instalare .

După ce tema este instalată, faceți clic pe Activare .

Instalați tema Astra din tabloul de bord WordPress

Instalați pluginul Astra Pro

Pentru a adăuga funcția de mega meniu pe site-ul dvs., va trebui să instalați și pluginul Astra Pro.

Puteți achiziționa și descărca Astra Pro aici.

După ce este descărcat pe computer, îl puteți încărca în tabloul de bord WordPress.

Pentru a face acest lucru, faceți clic pe Plugins > Add New din meniul din bara laterală.

Adăugarea unui plugin nou în WordPress

Apoi faceți clic pe butonul Încărcare plugin și localizați locația fișierului plugin Astra Pro.

Încărcați pluginul în WordPress

Acum faceți clic pe butonul Instalați acum .

Odată ce pluginul este instalat, faceți clic pe Activare și introduceți licența pentru a activa complet pluginul.

Încărcați pluginul Astra pro

Activați modulul Nav Menu

Funcționalitatea Astra Pro mega meniu se găsește în modulul Nav Menu. Pentru a vă crea primul mega meniu, activați acest modul din pagina Opțiuni Astra.

Faceți asta făcând clic pe Aspect > Opțiuni Astra .

Tabloul de bord WordPress Meniul Opțiuni Astra

Apoi, din pagina Opțiuni Astra, faceți clic pe linkul Activare pentru modulul Nav Menu.

Activați modulul Astra Nav Menu

Creați Mega Meniul WordPress

Acum este timpul să începem construirea mega-meniului. Mai întâi, faceți clic pe elementul Aspect > Meniuri din meniul barei laterale.

Element de meniu din meniurile tabloului de bord WordPress

Dacă site-ul dvs. nu are deja meniuri configurate, introduceți un nume în câmpul Nume meniu și selectați locația de afișare a meniului principal .

Apoi faceți clic pe butonul Creare meniu .

WordPress creează un meniu nou

Apoi, adăugați unul sau mai multe elemente în meniu selectând pagini sau postări din panoul din stânga și făcând clic pe Adăugați în meniu .

WordPress adaugă elemente în meniu

Acum extindeți unul dintre elementele pe care tocmai le-ați adăugat, cum ar fi o pagină, și faceți clic pe butonul Setări meniul Astra .

Setări pentru meniul Astra

Din ecranul Opțiuni de meniu Astra care apare, bifați caseta pentru a activa mega meniuri.

Activați mega meniul folosind Astra

După ce faceți acest lucru, puteți selecta o lățime pentru mega meniul din meniul drop-down.

Mega setări pentru lățimea meniului

De asemenea, puteți seta imaginea de fundal sau culoarea mega-meniului.

Dacă activați o imagine de fundal, puteți defini și modul în care este afișată.

Astra Pro vă permite, de asemenea, să controlați modul în care sunt afișate linkurile din mega-meniul dvs., oferindu-vă opțiunea de a înlocui culorile implicite ale meniului site-ului dvs.

Dacă doriți ca elementul de meniu să iasă în evidență, îi puteți oferi și o etichetă de text personalizată, cu propriile setări de culoare.

Setări de culoare de fundal pentru mega meniu

O altă opțiune este utilizarea etichetelor de evidențiere pentru a adăuga rapid text suplimentar la elementele din meniu.

Mega setări pentru etichete de meniu

Dacă adăugați o etichetă, aceasta va fi afișată lângă elementul de meniu la care ați adăugat-o.

Exemplu de etichetă mega meniu

Setările avansate vă permit să personalizați marginea și umplutura elementelor de meniu.

Mega meniu setări avansate

Adăugarea de submeniuri la Mega Meniu

Fiecare element adăugat în meniul dvs., cum ar fi un link către o pagină, va fi o nouă coloană în zona mega meniului drop-down.

Cu toate acestea, puteți adăuga și sub-articole la acele elemente de nivel superior, după cum se arată mai jos:

Exemplu de mega meniu

Pentru a face acest lucru, adăugați mai multe elemente în meniul dvs. selectându-le dintre opțiunile disponibile.

Setări pentru structura meniului mega

După ce faceți clic pe butonul Adăugați în meniu pentru a adăuga elementele în meniu, le puteți aranja astfel încât să fie un subelement al unuia dintre elementele de top.

Ar trebui să ajungeți cu o structură similară cu cea din captura de ecran de mai jos.

Exemplu de structură de mega meniu

Puteți personaliza meniurile mutând elemente, modificându-le proprietățile de afișare și adăugând etichete.

Adăugarea de conținut personalizat la Mega Menu

Funcționalitatea mega meniului Astra Pro nu se oprește aici. Dacă doriți să fiți și mai creativ, puteți adăuga o gamă largă de conținut la mega-meniiurile dvs., inclusiv text personalizat, widget-uri și șabloane.

Setări widget pentru mega meniu

Puteți adăuga orice widgeturi la mega-meniu care sunt active pe site-ul dvs., indiferent dacă face parte din WordPress, Astra sau alt plugin.

Exemplu de widget mega meniu

rezumat

După cum puteți vedea, adăugarea unui mega meniu la un site web WordPress este destul de simplă dacă alegeți instrumentul potrivit.

În doar câteva clicuri, puteți începe să vă îmbunătățiți meniurile WordPress, astfel încât acestea să funcționeze așa cum doriți.

Indiferent dacă doriți ca meniurile dvs. să arate mai bine sau să vă îndepliniți mai bine obiectivele, mega meniurile vă pot ajuta.

Există mai multe informații despre această funcție pe pagina de meniu Astra Pro a site-ului nostru web.