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ë.
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ë.
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.
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
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.
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.
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.
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.
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.
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ë.
- Si të stilizoni menytë tuaja të lundrimit
- Si të shtoni një atribut të titullit në menytë WordPress
- 8 WordPress plugins për të krijuar një megamenu në blogun tuaj
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.
...
Bonjour,
Së pari, faleminderit për këtë tutorial që bën punën në mënyrë perfekte!
Por sado që të kërkoja në rrjetë, nuk munda të gjeja përgjigjen e pyetjes sime:
Si të veprohet, pasi të krijohet menuja lundruese (në CSS ose me shtrirjen çfarëdo), në mënyrë që seksionet e mia të shfaqen pas menusë dhe jo pas menusë?
Particularlyshtë veçanërisht e bezdisshme në rastin tim, sepse është një faqe e parë dhe artikujt e menusë sime u referohen pjesëve të faqeve, të cilat çdo herë ngjiten prapa menusë sime ...
a flet ajo me ju?
Thank you in advance!
Po pyesja nëse ishte e mundur që përmbajtja e një faqe të ishte "ngjitëse" ...
Bonjour,
Kurrë testuar ende. Nuk mund t'ju përgjigjem.
Përshëndetje; hi
Unë u përpoqa me një temë të shkarkuar (wallstreet) por, ndërsa ndiqja udhëzimet tuaja, asgjë nuk ndryshon… Nuk e di se çfarë po mungon
Më pëlqen dhe do të doja ta përdorja ...
falemnderit
Raul
hi,
Provoni të çaktivizoni të gjitha shtojcat e tjera të WordPress dhe shikoni shfaqjen tjetër.
Big thank you për tutorial tuaj, thjeshtë si hello gjithçka është për të dini!
Bonjour,
Gëzuar që isha i dobishëm.