A keni qenë ndonjëherë në një faqe në internet dhe keni zbuluar se një menu navigimi është gjithmonë e dukshme në krye?

Në parim, menutë e navigimit shfaqen në një mënyrë të tillë që ato të zhduken kur lëvizni në faqe. Menutë e navigimit gjithnjë të dukshme notojnë dhe janë aq të mëdha, pavarësisht sesi përdoruesi lëviz poshtë.Si të krijoni menunë lundruese wordpress 1

Në këtë tutorial, ne do t'ju tregojmë se si të krijoni me lehtësi një menu lundruese në blogun tuaj WordPress.

Nëse nuk keni krijuar ende një faqe interneti ose një blog në WordPress, ju ftojmë të konsultoni Si të instaloni një blog WordPress në 7 hapa, atëherë, Si të kërkoni, instaloni dhe aktivizoni një temë WordPress në blogun tuaj

Nëse është bërë, le të futemi në atë që na shqetëson sot.

Metoda 1: Si të shtoni një menu lundruese në WordPress duke përdorur një prizë

Kjo metodë është më e lehtë dhe është e shpejtë. Nëse nuk keni vendosur menutë e navigimit, mundeni mësoni si ta bëni atë.

Shtojcë ngjitëse e menysë ngjitëse

Gjëja e parë që duhet të bësh është të instalosh dhe aktivizosh shtojcën " Menu ngjitëse (ose Çdo gjë!) Në Shkoni ". Nëse nuk dini si të instaloni një plugin, ju mund të lexoni tutorialin tonë.

Pas aktivizimit, duhet të vizitoni " Cilësimet »Menuja Ngjitëse Për të konfiguruar cilësimet e kësaj shtojce.

Shtojcë ngjitëse e menysë ngjitëse

Së pari, duhet të futni ID-të CSS të menusë së navigimit që dëshironi të notoni.

Do të duhet të përdorni mjetin "inspektoni" të shfletuesit tuaj për të gjetur CSS të përdorur.

Shkoni në faqen tuaj të internetit dhe lëvizni miun në menunë e navigimit. Pas kësaj ju duhet të klikoni me të djathtën dhe zgjidhni "Inspekto".

Shkoni më tej duke zbuluar Si të rregulloje një temë WordPress me Yellow Pencil

Kontrolloni një kod WordPress tutorial

Kjo do të ndajë (si parazgjedhje) ekranin e shfletuesit tuaj, dhe do të keni mundësi të shihni kodin burimor të menusë tuaj të navigimit. Ju duhet të gjeni një linjë të ngjashme me këtë:

Në këtë shembull, CSS ID e menusë tonë të lundrimit është " Site Navigation '.

Shkoni përpara dhe futni ID-në CSS të menusë në cilësimet e shtojcës si më poshtë "# site-navigacion".

Opsioni tjetër në cilësimet e shtojcave është të vendosni hapësirën midis pjesës së sipërme të ekranit dhe menusë lundruese të lundrimit. Mund ta përdorni këtë cilësim nëse menuja juaj mbivendoset me një artikull që nuk dëshironi të fshihet. Përndryshe, injoroni këtë cilësim.

Pas kësaj ju duhet të klikoni në kutinë pranë opsionit: "Check Bar Admin". Kjo lejon që shtojca të shtojë hapësirë ​​për shiritin e veglave WordPress e cila shtohet për përdoruesit e regjistruar.

Opsioni tjetër në faqen e cilësimeve ju lejon të fshehni menunë e navigimit nëse një përdorues po viziton faqen tuaj në internet duke përdorur një ekran më të vogël, siç është një pajisje e lëvizshme.

Ju mund të provoni se si shfaqet kjo menu në pajisjet mobile dhe tablet. Nëse nuk ju pëlqen, mund të shtoni 780px në këtë opsion.

Zbuloni gjithashtu Si të krijoni një meny të lëvizshme në WordPress

Mos harroni të klikoni në " Ruani cilësimet Për të ruajtur ndryshimet tuaja.

Tani mund të vizitoni uebfaqen tuaj për të parë në veprim menunë tuaj të lundrimit të lundrimit.

Menu WordPress noton

Metoda 2: Si të shtoni një menu navigimi manualisht

Kjo metodë kërkon shtimin e kodit të personalizuar CSS në tuaj WordPress theme.

Së pari duhet të vizitoni " Pamja> Personalizo Për të nisur Customizer WordPress.

Përshtatës shtesë wordpress për css

Klikoni mbi CSS shtesë Në panelin e majtë, atëherë shtoni këtë kod CSS.

# site-navigation {background: #fff; lartësi: 60px; z-indeks: 170; diferencë: 0 auto; fundja e kufirit: 1px solid #dadada; gjerësi: 100%; pozicion: fiksuar; lart: 0; majtas: 0; drejtë: 0; text-align: qendra; }

Zëvendëso " # Site Navigation Me identifikuesin e menusë tuaj të navigimit dhe klikoni në butonin « Regjistrohem '.

Tani mund të vizitoni uebfaqen tuaj për të parë në veprim menunë tuaj të lundrimit të lundrimit.

Nëse menuja juaj e navigimit normalisht shfaqet pas titullit të faqes në internet, ky kod CSS mund të mbivendoset me titullin dhe titullin e faqes në internet.

Kjo mund të rregullohet lehtësisht duke shtuar një diferencë në zonën tuaj të kokës duke përdorur kodin e mëposhtëm:

.site-branding {margin-top: 60px; }

Këtu përfundon udhëzimi ynë, tani do të jeni në gjendje të krijoni ose shtoni një menu lundruese në faqen tuaj të internetit.

Nëse jeni duke kërkuar për të tjera WordPress plugins të cilat do t'ju lejojnë të menaxhoni menutë, këtu janë disa WordPress plugins premium i dedikuar për këtë detyrë. 

1. Menyja e Heroit

Kjo shtojcë ju lejon të krijoni menunë tuaj të personalizuar të WordPress në disa hapa mjaft të thjeshtë. Në veçanti, ju lejon të krijoni lehtësisht dhe në mënyrë intuitive një menu elegante dhe profesionale të WordPress. Nga mega menuja më komplekse e pasur me veçori, deri te menyja më e thjeshtë rënëse, plugin WordPress HeroMenu vendos çdo lloj menuje dhe e funksionon atë brenda disa minutave.

Menu hero heroinë përgjegjës wordpress plugin mega

Për sa i përket karakteristikave, ai ofron ndër të tjera: funksionale në mënyrë perfekte në PC, tablet dhe smartphone, përdorim i lehtë, përmbajtje e personalizueshme, CSS me porosi për të shtuar stilet tuaja të menusë, stilisti mega mega, shfletuesit e mbështetur: Chrome, Firefox, Safari , Opera, IE9 dhe më shumë.

Shkarko | DEMO | web hosting

2. Mençur shkëlqyeshëm

Mençur shkëlqyeshëm nuk është vetëm një shtesë menuje për WordPress. Mund të përdoret për të krijuar nivele të shumëfishta të menusë në një mënyrë të pakufizuar, si dhe shirita anësorë me përmbajtje të pasur, mundësi të shumta stili dhe efekte të animuara.

Menu e shkëlqyeshme menu vertikale e përgjegjshme për wordpress

Secili nivel i menusë është i përshtatshëm me ngjyrat e sfondit, imazhet, videot, shkronjat e personalizuara etj. Kjo shtojcë është plotësisht e përgjegjshme dhe ka mbi 45 animacione për artikujt e menusë.

Shkarko | DEMO | web hosting

3. 8Degree Fly Menu

Menuja e fluturimit 8 gradë është një plugin WordPress premium i cili ju lejon të shtoni një menu kanavacë në faqen tuaj të internetit, në mënyrë që t'i jepni një pamje që nxjerr në pah informacionin tuaj në një mënyrë të thjeshtë. Ai përdor veçorinë e parazgjedhur të menusë së WordPress për të krijuar menutë e tij.

8 shkallë menu fluturuese e përgjegjshme jashtë shtojcë menu kanavacë për wordpress

Do të keni mundësi të shtoni elemente shtesë në artikujt e parazgjedhur të menusë, të tilla si ikonat, parullat e menusë, një kokë pseudo-grupimi dhe një përshkrim të gjatë. Ajo gjithashtu vjen me një redaktor WYSIWYG për t'ju ndihmuar të kuptoni përshkrimin tuaj të gjatë në një mënyrë miqësore për përdoruesit. Me këtë redaktues mund të përdorni gjithashtu kode të shkurtra.

Shkarko | DEMO | web hosting

Burime të tjera të rekomanduara

Nëse dëshironi të shkoni më tej në krijimin ose rregullimin e menusë së blogut tuaj ose të faqes tuaj, ne gjithashtu ju sugjerojmë të këshilloheni me lidhjet më poshtë.

Përfundim

Këtu! Kjo është e gjitha për këtë manual, shpresoj se do t'ju lejojë të shtoni një menu lundruese në blogun tuaj WordPress. Ne ju ftojmë të ndajeni këtë artikull me miqtë tuaj në rrjetet tuaja sociale.

Nëse keni ndonjë sugjerim ose vërejtje, ato do të jenë të mirëseardhura. Dhe nëse jeni i ri në WordPress, këshillohu për këtë burime.

...