Për kërkimin e përsosur menu ...

Kjo është pjesa 1 nga tutorial
Pjesa 2 të këtij studimi mëson se si të ndërtojë menu + vertikale paleta ngjyrë të errët për atë horizontale

I vendosur për të marrë temë teza , sepse një nga klientët e mi më të informuar në lidhje me çështjet e përputhshmërisë ndërmjet teza dhe tim wordpress plugin site anëtarësimit MemberWing. I fiksuar atë dhe pastaj vendosi të marrë një vështrim nga afër teza dhe të shqetësuar në fakt për të parë video në faqen e parë të Teza kryesore site - Diythemes.com .
Çfarë përshtypje mua më është vëmendje në detaje, mirëdashësi përdorues dhe tiparet më të gjithë - SEO që janë aq edhe e menduar.
plugin MemberWing anëtarësimit është projektuar nga toka për faqet e anëtarësimit që do të ketë nevojë për të tërhequr sa më shumë lëng SEO të jetë e mundur. Kështu që unë kushtuar shumë vëmendje për grumbull i enhancements SEO dhe perfections në MemberWing. Shumë nga klientët e mi janë pyetur në lidhje me tema të ndryshme për të përdorur dhe të kesh temë që ishte aq e mirë SEO optimizuar nga brenda thellë do të jetë një përshtatje të shkëlqyer për anëtarësimin sipërmarrësit portalit.

Kombinuar kompetencat SEO të MemberWing me kompetenca SEO e theme teza do të japë më të mirë të mundësive të rangut të klientëve të mi. Kështu që unë kam teza dhe luajtur me atë për një ditë.

Kjo është një temë e shkëlqyer në të gjitha rrugët. Pjesa navigacion, e kjo edhe pse është pak e kufizuar në funksion. Duke u nisur nga teza 1,5 + kjo është një nivel menu vetëm. Dëshira ime e zakonshme është që të jetë në gjendje të rregulloje navigacion sa duhet. Disa vende kanë vetëm disa faqe, shumë të tjerë kanë ton të faqeve statike + zillions e artikujve / postimet + shumë kategori.
Pra, në botën ideale që ka një shans për të krijuar nice looking organizuar hierarkike përdorues miqësore menu navigacion, është një domosdoshmëri. Teza e drejtë të fjalës ka të mira në kërkim navigacion, por kam vënë re se të gjitha faqet e internetit teza bazë janë në kërkim si binjakët. Customizing menu Teza navigacion, nuk është me të vërtetë e lehtë që njerëzit të më lënë vetëm atë si është. Nuk ka asnjë mënyrë për të ndryshuar renditjen e kategorive në menynë apo pozitën e tyre në mes të faqeve. Dhe përsëri, aftësia për të krijuar strukturat e mbivendosur meny është e zhdukur. Kështu që vendosa të shoh se çfarë mund të bëhet për këtë.
Pas duke u përpjekur për gjysmë duzinë menu / plugins navigacion, lidhur me zgjedhjen time kam vendosur mbi Navigation Wordpress Plugin NAVT List .
plugin NAVT është e renditura në thelb gjenerator listë me dashuroj super dhe pak e vështirë-të kuptoj-untraditional admin interface. Çfarë mashtruese për këtë është se ajo nuk ka të vërtetë krijojnë menu dashuroj kërkoni vetë. Ai e bën pjesa më e vështirë e punës pse - ju jep vizualisht një aftësi për të tërhequr së bashku, dhe të gjenerojë lista të renditura - skeleti i juaj menu-të-të. Dhe ju mund të krijojë shumë menu too. Ju mund të tërheqë të gjitha llojet e stuff Wordpress në menynë navigacion: faqe, postimet, artikuj, kategori, përdoruesit, blloqe kodin, lidhjet e jashtme, kompas, ndarësit dhe përzierje e ndeshjes dhe fole dhe të koordinojë dhe rregulloje ata në çdo strukturë pemë si ju duan.
NAVT gjeneron për ju rezultoi HTML lista të renditura. bukurinë e dytë e NAVT është se ajo ju ndihmon për të futur menu tuaj të re në temë tuaj nëpërmjet logjikës së famshme të bazuar jQuery por pa nevojë për të ndryshuar ndonjë kodi! NAVT ju lejon te specifikoni: "zëvendësuar ky element # me menu NAVT tim të ri". # Element mund të jetë një id ose klasë të rrugën e menysë ekzistuese ose element div tag që është duke u prodhuar nga tema tuaj të tanishme. Pra NAVT bën këtë zëvendësim për ju, pa i detyruar që të shkoni në kodin temë dhe të bëjnë atë më të çrregullt se ajo tashmë është. Në qoftë se të gjitha tingëllon si dërdëllisje - mos u bëni merak - unë do t'ju udhëheq hap pas hapi shpejt. Pjesa sfiduese e NAVT për të gjithë është se ju do të keni për të dalë me CSS aktuale + images + kod javascript per menune tuaj veten tuaj. Dhe është e deri tek ju të kuptoj se ku dhe si për të integruar këto dosje dhe këtë e bëjnë gjëra duhet të marrë të lidhura së bashku.
Sinqerisht pa e ditur jQuery + disa + PHP + CSS kanë përvojë të mirë me Wordpress - kjo gjë është e vështirë për të tërhequr.
Gëzim Unë e di këtë stuff pak kështu që vendosa të kafshoj plumbi dhe njerëzimit udhëzues për lirinë në ndërtimin më të mirë të menutë navigacion më të mirë për Wordpress. Unë vetëm e nevojshme për të gjetur burime për një kërkim menutë e bukur CSS horizontale. I zgjedhur përzënë website dinamike për zgjedhje më e mirë e tyre, popull dhe burimet.

Kam dedikuar një ditë për të studiuar teza dhe të luajë me plugin NAVT. Në fund unë me krenari krijuar me porosi, fleksibël, SEO optimizuar, shumë nivele, struktura mbivendosur nagivation për web faqen time Wordpress + teza bazë.

Lista e tiparet e mbivendosur multilevel Wordpress menu navigacion, për teza Theme
(Ju mori të love this stuff):

• Profesionale, duken të pastër dhe të ndjehen.
• Mbështetje për të gjithë shfletuesit modern, duke përfshirë Shëno 6,7, Opera, Safari, Firefox 3.x, Google Chrome në të dy javascript dhe regjimet jo-javascript.
• Gracefully downgradable për shfletuesit jo-javascript. Ju menu do të jetë i përdorshëm, vizualisht të ngjashme dhe duke punuar edhe për shfletuesit javascript disabled (megjithëse vetëm navigacion nivelit të lartë do të jetë i dukshëm dhe nuk do të ndodhë flyouts sigurisht pasi ato janë bërë nga javascript).
• karakteristika SEO miqësore - renditura menu lista Kodi HTML është krijuar brenda. Google dhe merimangat e tjera search engine do të jetë në gjendje të indeksit tuaj navigacion strukturës dhe të gjeni lidhje për faqet e brendshme.
• Asistenca për nivelet e pakufizuar fole dhe sublevels.
• Asistenca për ndonjë qëllim apo faqe, postimet (nëpërmjet përdorues përcaktuar URI), kategoritë, përdoruesit, bllokon porosi kodin dhe lidhjet e jashtme në menu.
• Mbështetja e tekstit-si elemente bazë menu imazh. (Unë kam ende për të provoni këto pse).
• Menu Struktura dhe përmbajtja është visually rregullueshme me anë të zonë NAVT admin.
• Compact: flyouts jQuery bazë për nivelin e mbivendosur.
• Fast: jQuery për menu është ngarkuar nga serverat e Google (Unë do të dua teza veten për të bërë të njëjtën gjë në vend të tërhequr atë në nivel lokal). Kjo do të shpejtojë gjërat pak.
• Scalability - Ky lloj i menysë është editable dhe configurable në çdo kohë nëpërmjet plugin settings NAVT pa ndonjë nevojë për kodim kudo.

I përdorur këtë meny të shkëlqyera nga drive dinamike Portali si një bazë. Unë kisha për të rregulloje kod javascript pak, si dhe përfshijnë copë e PHP në custom_functions.php për të bërë atë punë me teza. Gjithashtu numri i faqeve të para-ekzistuese, kategoritë dhe postimet nga faqja e mia ishin përdorur për të mbledhë strukturën menu. Site juaj specifikat do të jenë të ndryshme - por koncepteve do të jetë e njëjtë.
Pra, le të vazhdojë, do të kemi?

Hap pas hapi instruksionet të setup NAVT bazë mbivendosur, i përshtatshëm, multilevel, SEO miqësore
dhe thjesht cool looking menu navigacion, për Wordpress dhe teza Theme

1. Shko tek Paneli i Wordpress admin. Shtojca-> Shto të re kërkimi, për "navt". The plugin do të shfaqet. Klikoni [Install], [Instaloje tani], "Aktivizo Plugin".
2. Tools-> NAVT Listat, Brenda "Navigation Grupi" zonë të gjeni "Emri i grupit" dhe shkruani: "menu1" në këtë fushë, shtypni [Krijo] button. "Menu1" zonë drejtkëndësh mori krijuar.
   Ky "menu1" zonë do të jetë i lojrave kryesor për ndërtimin e menusë. Ju do të tërhequr e lënë këtu elementet tuaj menu.
3. Në "pasuritë" zonë të gjeni "të tjera ListBox" dhe kliko tek "Home zgjedhje". "Home" thingie do të shfaqet në brendësi të "unassigned" zonë. Çuditshëm, eh? Nuk ka shqetësime, për sa kohë që punon - dhe kjo do të për ne.
4. Drag këtë "Shtëpi thingie" nga "mjetet" zonë në "zonë menu1" drejtkëndësh. Ajo do të bëhet "Home" item në menu.
   • Përsërit hapat 3-4 për të disa faqe nga "Pages" zonë, si dhe për kategoritë në "kategoritë" zonë. Drag gjitha sendet e tjera që duan të jenë në menynë tuaj brenda "menu1" drejtkëndësh. Ju mund të klikoni mbi faqet, kategori, përdoruesit dhe disa elemente me porosi të tilla si "ai që ndan listë" dhe "bllok kodi". Kodi bllok është e ftohtë mënyrë për të shtuar copra porosi brenda menu.
   • Ju mund të zvarritet brenda menu items "menu1" zonë të korrigjoj me qëllim të tyre.
   • Ju mund të rregullojë pozicionin hierarkik e çdo elementi menu me "<" dhe ">" shigjeta.
   • Duke klikuar mbi emrin tekstin e çdo element menuje - hap mendjen boggling customization dialog shtesë për këtë artikull. I përdorur më së shumti standarte, por teknikisht ju mund të shkoni të çmendur dhe të fillojnë të bëjnë zgjedhje të imazhit me bazë në menu dhe shtoni chunks i kodit të HTML në të. Të proceduar me kujdes pse.
   • Për nënmenutë linkless unclikable që do të shërbejë si "prindër" të tjera "sub-fëmijë" I përdorur "Kodi i bllokut" lloji. Për shembull kur customizing tilla bllok pika kodin kam hyrë për "alias Menu item" = "MemberWing" dhe për "Shkruaj kodin e bllokut:" = "<a href='#'> MemberWing </ a>". Duke href = "#" do ta bëjë atë nuk e klikueshme por duke vepruar si një "prind i vlefshëm" zgjidhje menu.
5. Ja se si struktura menu1 'ndërtuar NAVT tim "dukej si e përfunduar pothuajse:
   
6. Mbaro ndërtimin fillestar dhe pastaj klikoni në "marshin" Ikona të rregulloje strukturës tuaj menu:
   
7. Ajo do të hapë dialog me 4 tabs: Mundësitë e zgjedhjes, Ekrani, CSS, Theme.
   1. Shko tek "Options" tab dhe sigurohuni që çdo gjë është e pakontrolluar dhe "Emri i grupit" thotë: "menu1"
   2. Shko tek "Shfaq" tab dhe të bëjë çdo gjë të sigurt në "grupin Trego navigacion më ..." zonë është i kontrolluar [x]. Lemë ne të tjerat në standarte.
   3. Shko tek "CSS tab" dhe butonin zgjidhni radio (x) "A nuk vlen klasat e CSS".
   4. Shko tek "Tema" tab dhe plotëso atë në si kjo:
      
      Fut në "Shto tags para ..." zonë këtë kod:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Fut në "Shto tags pas ..." zonë këtë kod:
      <br style='clear: left' /></div>
   5. Shtypni [ruajtur / ngushtë] button
8. Në këtë ndërtesë menu pikë nga brenda NAVT opsionet shtojcë është e plotë.
   Tani është koha për të bërë një mendje pak për temë teza për të marrë atë gati. Për këtë ne kemi nevojë të shtoni një fotografi pak me porosi - CSS dhe JavaScript që i takon në menynë dhe përditësimin custom_functions.php teza '
9. Shkarko komplet e fotografi këtu .
10. Arkivi i Unzip. Nëse keni përditësuar custom_functions.php tuaj me Përshtatje tuaj - ju duhet të bashkojë ata me sende tim. Unë do të të lërë atë për ju.
    Nëse ju nuk e ka prekur atë - të ndjehen të lirë për të prishësh atë me minave. Ju lutemi vini re: I preferuar ne menyn pozitën nën kokë internetit (default është më lart) - kështu që rregullimi im përfshirë këtë preferencë si.
11. Arkivi i Ngarko duke përfshirë të gjitha subdirectories dhe fotografi sipas tuaj teza temë 'me porosi "dosjen, si kjo:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Unë nuk i ka prekur custom.css - Preferoj të mbaj CSS menu-e të Caktuar nën vende e tyre për të shmangur krijimin e rrëmujë brenda custom.css
12. Në këtë moment ju mund të rifreskoni faqen tuaj dhe shikoni të re të bukur të reja multilevel, mbivendosur, SEO optimizuar menu.
13. Ju mund gjithmonë të kthehemi në settings NAVT dhe rregulloje menu tuaja me më shumë zgjedhje apo reposition asgjë. Ajo do të pasqyrohet në faqen jetojnë automatikisht.

Rruga përpara ...

Ky tutorial përfshirë shembull krijues i një lloji të menusë. Kam luajtur me një tjetër - vetëm për të parë se si me ngjyrë të errët menu do të duken si:

Teza temë - multilevel CSS e mbivendosur menu - errët paleta

Unë mendoj se është shumë e bukur. Ka më shumë shembuj për navigim në dispozicion në Dynamic Drive - të gjitha prej tyre janë të mundshme për të rregulloje për teza dhe Wordpress tema të tjera me disa përpjekje:

Dynamic Drive Menus horizontale

Unë shpresoj që ju do të gjeni këtë tutorial të dobishme dhe të dobishme. Siç thashë, është e mundur që të rregulloje ndonjë nga këto menu për Teza - që është dhënë kohë dhe dëshira për të bërë atë të ndodhë.

Unë mund të bëjë këtë punë për ju në një bazë të kontratës. Vetëm të vini menu ju pëlqen, kontaktoni mua dhe unë do të punojnë në kodin dhe udhëzimet për faqen tuaj te internetit.

$ 20

Dhe natyrisht në qoftë se ju jeni deri në ndërtimin SEO super e optimizuar wordpress anëtarësimit Premium portali - zgjidhja më e mirë për këtë:
Teza Theme + anëtarësimit plugin MemberWing + priti vetë Wordpress natyrisht.

Tagged si: menu CSS e wordpress , theme teza , temë tezës menutë hierarkike , temë tezës menu multilevel , temë tezës nagivation , temë tezës menutë e mbivendosur , temë tezës tutorial , wordpress css menu , wordpress mbivendosur menu