Adăugarea unui buton în meniul de navigare antet

Meniul de navigare din antet este WordPress este o bucată adesea neutilizată a site-ului imobiliar. În timp ce majoritatea managerilor web îl folosesc numai pentru navigare, puteți adăuga și o bară de căutare sau chiar conținut promoțional. Dar, pentru a face acest lucru eficient, ar trebui să luați în considerare adăugarea unui buton în meniul de navigare din antet . În acest articol vom detalia de ce este benefic să faceți acest lucru și cum să faceți acest lucru corect.

Avantajul adăugării unui buton în meniul de navigare din antet

A avea un buton în meniul de navigare din antet poate părea un lucru banal. La urma urmei, nu pare să existe o mare diferență între un hyperlink standard și un buton. Ei bine, de fapt, a avea un buton în loc de text simplu poate da rezultate surprinzătoare . Acest lucru se datorează în mare parte modului în care funcționează atenția umană și cât de notabile sunt butoanele dvs.

Cum experimentează oamenii de obicei meniul de navigare în antet

Meniul de navigare din antet este de obicei al doilea lucru pe care oamenii îl observă. Dacă ți-ai proiectat bine site-ul web și ai adăugat corect meniul de navigare, titlul postării tale ar trebui să fie primul lucru care atrage privirea spectatorului. Dar, după aceea, privirea lor ar trebui să se îndrepte în mod firesc către meniul de navigare pentru a vedea ce este disponibil. Dacă decid să rămână pe pagina curentă, așa să fie. Dar, dacă există și alte puncte de interes pe site-ul dvs., acestea ar trebui să fie clar vizibile în meniul de navigare din antet.

La urma urmei, scopul tău ar trebui să fie să păstrezi oamenii cât mai mult timp posibil pe site-ul tău . Și a avea un meniu ușor de înțeles poate fi de mare ajutor. Deci, unde vin butoanele în toate acestea?

Avantajul adaugarii unui buton

Ideea principală de a adăuga un buton este de a sublinia ceva important. Deși meniul antet conține link-uri interesante, nu toate au aceeași importanță. Unele sunt instrumente simple de navigare pentru a ajuta la citire. Iar altele sunt conținut promoțional mai direct, care servește să vă ghideze cititorii către conversie. Ei bine, când vine vorba de conținutul din urmă, butoanele ar trebui să fie alegerea ta . Deoarece le puteți modifica în orice mod doriți, ele vor ieși în evidență în mod natural și vor atrage atenția. Așadar, dacă înțelegeți călătoria clientului dvs. prin site-ul dvs. web, puteți utiliza cu ușurință butoanele pentru a-i atrage pe rețelele sociale sau către o conversie de succes.

Sfaturi de personalizare

Personalizarea butoanelor pentru a avea efectul potrivit poate fi puțin dificilă. Pe de o parte, nu doriți ca acestea să iasă prea mult în evidență, deoarece vor strica aspectul paginii web. Dar, nici nu vrei să se amestece prea mult, deoarece nu vor atrage atenția. Deci, ceea ce trebuie să găsiți este calea de mijloc, care este mai ușor de spus decât de făcut. Sfatul nostru este să căutați site-uri web care folosesc cu succes butoanele din meniul de navigare din antet și să vedeți cum folosesc culorile. Rețineți că puteți schimba forma, conturul, fontul și culoarea butonului. Deci, utilizați această varietate în personalizare în avantajul dvs. În mod ideal, veți găsi stilul care se potrivește bine cu estetica generală a site-ului dvs. În timp ce atrage atenția.

Cum să adăugați un buton în meniul de navigare din antet

Din fericire, adăugarea unui buton în meniul de navigare din antetul WordPress este surprinzător de simplă. În primul rând, trebuie să mergeți la meniul de navigare și să adăugați linkul pe care doriți să îl convertiți într-un buton. Puteți face acest lucru în pagina Aspect -> Meniu . După ce ați făcut acest lucru, faceți clic pe butonul Opțiuni ecran din partea de sus. Procedând astfel, veți obține un meniu cu câteva opțiuni. În acest caz, trebuie doar să bifați opțiunea „Clase CSS” .

După ce ați trecut prin asta, derulați în jos și faceți clic pe extindeți elementul de meniu pe care doriți să îl convertiți într-un buton. Acolo veți obține o nouă opțiune de clasă CSS în setările articolului. În ea, puteți introduce numele clasei. Teoretic, vă puteți denumi clasa în orice mod considerați potrivit. Dar, pentru acest articol, vom da numele clasei „buton-meniu” pentru o înțelegere mai ușoară. După ce ați introdus numele, nu uitați să faceți clic pe butonul „Salvați meniul” .

Adăugarea codului CSS

După adăugarea clasei noastre CSS personalizate, putem continua să adăugăm codul CSS. Aici trebuie să mergeți la Aspect -> Personalizare și să lansați personalizarea temei WordPress. Procedând astfel, veți obține o previzualizare a site-ului dvs. și o listă de setări ale temei. Ceea ce trebuie să faceți este să faceți clic pe fila CSS suplimentară și să o extindeți. Aici veți primi o casetă în care puteți adăuga codul CSS personalizat. Pentru început, vă sugerăm să lipiți pur și simplu următorul cod:

.buton-meniu {
culoare de fundal:#eb5e28;
chenar: 1px;
chenar-raza:3px;
-webkit-box-shadow:1px 1px 0px 0px #2f2f2f;
-moz-box-shadow:1px 1px 0px 0px #2f2f2f;
box-shadow:1px 1px 0px 0px #2f2f2f;
}
.buton de meniu a, .buton de meniu a:hover, .buton de meniu a:activ {
culoare:#fff !important;
}

După ce adăugați codul CSS, personalizarea temei îl va aplica previzualizării site-ului dvs. Acest lucru vă va permite să vedeți modificările pe care le-ați făcut. Și nu vă faceți griji, schimbările nu sunt permanente. Dacă simțiți nevoia, continuați și experimentați cu CSS și vedeți ce puteți face. Pentru a salva modificările, faceți clic pe butonul Publicare.

Și cu aceasta, ați terminat de adăugat un buton în meniul de navigare antet.

Gânduri finale

Toate lucrurile luate în considerare, butoanele pot fi un supliment grozav pentru meniul de antet. Dar, este esențial să găsiți designul potrivit . De fapt, unul dintre motivele principale pentru care oamenii evită să adauge un buton este că pur și simplu nu pot potrivi butonul cu designul site-ului web. Dacă rămâneți blocat, vă sugerăm insistent să vă consultați cu un designer grafic profesionist și să apreciați contribuția acestuia. După cum puteți vedea, chiar nu este nevoie de mult pentru a adăuga un buton, odată ce ați stabilit designul.