Kërkimi i menu të përsosur ...

Kjo është Pjesa 1 e tutorial
Pjesa 2 e këtij tutorial mëson se si të ndërtojnë menynë vertikale + paleta të errët ngjyrë për një horizontale

I vendosur për të marrë theme Teza , sepse një nga klientët e mi më informoi rreth çështjeve të përputhshmërisë në mes tezës dhe im faqen wordpress plugin anëtarësimit MemberWing. I fiksuar atë dhe pastaj vendosi të marrë një vështrim nga afër Thesis dhe në fakt shqetësuar për të parë video në faqen e parë të faqes Thesis kryesore - Diythemes.com .
Çfarë përshtypje më së shumti është e vëmendje në detaje, mirëdashësi përdoruesit dhe mbi të gjitha - karakteristika SEO që janë aq të mirë menduar.
Anëtarësim MemberWing plugin është projektuar nga toka për faqet e anëtarësimit që do të duhet të tërheqë sa më shumë lëng SEO jetë e mundur. Kështu që unë kushtuar shumë vëmendje për numër të përmirësimeve SEO dhe perfections në MemberWing. Shumë nga klientët e mi janë pyetur për tema të ndryshme për të përdorur dhe të kesh temë që ishte aq mirë SEO optimizuar nga brenda të thellë do të jetë një përshtatje të shkëlqyer për sipërmarrësit portali anëtarësim.

Kombinuar fuqitë SEO e MemberWing me kompetenca SEO e theme Thesis do të japë më të mirë të mundësive të lartë për klientët e mi. Kështu që unë kam Thesis dhe ka luajtur me të për një ditë.

Kjo është një temë e shkëlqyer në të gjitha rrugët. Pjesa navigacion e tij edhe pse është pak e kufizuar në funksion. Duke filluar nga teza 1,5 + ajo është një menu të nivelit të vetëm. Dëshira ime e zakonshme është të jetë në gjendje të rregulloje navigacion sa më shumë të nevojshme. Disa vende kanë faqe vetëm pak, shumë të tjerë kanë ton të faqeve statike + zillions e artikujve / postimet e + shumë kategori.
Pra, në botën ideale të paturit e një shans për të krijuar nice looking organizuar hierarkike miqësore përdorues menu navigacion është një domosdoshmëri. Teza e drejtë off the bat ka navigacion mirë në kërkim, por kam vënë re se të gjitha Thesis bazuar faqet e internetit janë në kërkim si binjakë. Customizing navigacion menu teza nuk është me të vërtetë e lehtë kështu që shumica e njerëzve vetëm lënë atë siç është. Nuk ka asnjë mënyrë për të ndryshuar rendin e kategorive në menu apo pozita e tyre në mes të faqeve. Dhe përsëri, aftësia për të krijuar struktura të mbivendosur menu mungon. Kështu që unë vendosur për të parë se çfarë mund të bëhet për këtë.
Pas duke u përpjekur për gjysmë duzinë menu / plugins navigacion lidhje kam vendosur zgjedhjen time mbi Wordpress Plugin NAVT Lista Navigation .
NAVT plugin është në thelb parenditur gjenerator listën me dashuroj super dhe pak vështirë të kuptoj ndërfaqe untraditional admin. Çfarë mashtruese në lidhje me atë është se ai nuk ka të vërtetë të krijuar menu dashuroj kërkim në vetvete. Ai e bën pjesa më e vështirë e punës edhe pse - ju jep një aftësi për të visually tërhequr së bashku, dhe të gjenerojë Listë e paorganizuar - skeletin e juaj menu-të-të. Dhe ju mund të krijojë shumë menu shumë. Ju mund të tërheqë të gjitha llojet e stuff Wordpress në menynë e navigimit: faqet, mesazhe, artikuj, kategori, përdoruesit, blloqe kodi, lidhjet e jashtme, kompas, ndarësit dhe përzierje dhe ndeshjen dhe fole dhe të koordinojë dhe të rregulloje ato në çdo strukturë pemë, si ju doni.
NAVT gjeneron për ju rezultuar HTML Listë e paorganizuar. Bukuria e dytë të NAVT është se kjo ju ndihmon për të futur menu tuaj të re në temën tuaj me anë të logjikës jQuery bazë të famshëm, por pa nevojë për të ndryshuar ndonjë kodi! NAVT ju lejon te specifikoni: "zëvendësojë këtë element # me menu tim të ri NAVT". # Element mund të jetë një id apo klase rrugën e menysë ekzistuese ose element div tag që është duke u prodhuar nga tema tuaj të tanishme. Pra, e bën këtë zëvendësim NAVT për ju, pa e detyruar që të shkoni në kodin temë dhe të bëjë 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 së shpejti. Pjesa sfiduese e NAVT për të gjithë është se ju do të keni për të dalë me aktuale CSS + images + kodi javascript per menune veten tuaj. Dhe kjo është deri në ju të kuptoj se ku dhe si të integrohen këto fotografi dhe e bëjnë këtë gjë duhet të merrni të lidhur së bashku.
Sinqerisht pa e ditur jQuery + disa + + PHP CSS që ka 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ë kafshimit plumb dhe njerëzimit udhëzues për lirinë në ndërtimin e mirë të menu navigacion mirë për Wordpress. Unë vetëm e nevojshme për të gjetur burime për disa nice looking menu horizontale CSS. I zgjedhur faqe interneti dinamike makinë për zgjedhje të mirë të tyre, popull dhe burimet.

I përkushtuar në ditë për të studiuar tezës dhe të luajë me plugin NAVT. Në fund unë krenari krijuar me porosi, fleksibël, SEO optimizuar, shumë nivele, struktura e mbivendosur nagivation për web faqen time + teza Wordpress bazuar.

Lista e tiparet e nivele, mbivendosur Wordpress navigacion menu për Theme Thesis
(Ju mori në dashuri këtë stuff):

• Profesionale, të duket i pastër dhe të ndjehen.
• Mbështetje për të gjithë shfletuesit modern, duke përfshirë MSIE 6.7, Opera, Safari, Firefox 3.x, Google Chrome në të dy JavaScript dhe jo-javascript modes.
• Gracefully downgradable për jo-javascript shfletues. Ju menu do të jetë i përdorshëm, me sy të ngjashme dhe duke punuar edhe për shfletuesit JavaScript me aftësi të kufizuara (edhe pse vetëm navigacion nivelit të lartë do të jetë i dukshëm dhe nuk ka flyouts do të ndodhë natyrisht si ato janë bërë nga javascript).
• SEO features miqësore - parenditur lista e menu Kodi është gjeneruar në HTML. Google dhe merimangat e tjera motor kërkimi do të jetë në gjendje të indeksit strukturën tuaj navigimit dhe të gjeni lidhje për faqet e brendshme.
• Mbështetje për nivele të pakufizuar shturë dhe sublevels.
• Mbështetje për ndonjë urdhër apo faqet, postimet (nëpërmjet përdorues përcaktuar URI-ve), kategori, përdoruesit, blloqe custom code dhe lidhjet e jashtme në menu.
• Mbështetja e tekstit, si dhe të imazhit bazuar në elemente menu. (Unë kam ende për të provoni këto pse).
• Menu Struktura dhe përmbajtja është vizualisht i rregullueshëm me anë të zonë NAVT admin.
• Compact: flyouts jQuery bazë për nivelet e mbivendosur.
• Fast: jQuery për menu është ngarkuar nga serverat e Google (unë do të duan vetë teza të bëjë të njëjtën në vend që të tërhequr atë në nivel lokal). Kjo do të përshpejtojë gjërat pak.
• Scalability - Ky lloj i meny është editable dhe configurable në çdo kohë nëpërmjet settings plugin NAVT pa ndonjë nevojë për kodim kudo.

I përdorur këtë menu e shkëlqyer nga hard dinamike portali si një bazë. Unë kisha për të rregulloje kodin javascript pak, si dhe të përfshijë copë e PHP në custom_functions.php ta bërë atë punë me teza. Gjithashtu numri i faqeve të para-ekzistuese, kategoritë dhe mesazhe nga web faqen time u përdorën për të mbledhur strukturën e menu. Specifikat faqen tuaj do të jenë të ndryshme - por koncepteve do të jetë e njëjtë.
Pra, le të vazhdojë, do të kemi?

Udhëzime hap pas hapi për të setup NAVT bazuar mbivendosur, i përshtatshëm, shumë nivele, SEO miqësore
dhe thjesht cool looking menu navigacion për Wordpress dhe Thesis Theme

1. Shko tek Wordpress panel admin. Plugins-> Shto të re, kërko për "NAVT". Plugin do të tregohet. Kliko [Install], [Instalo tani], "Aktivizo Plugin".
2. Tools-> Listat NAVT, Brenda "Navigation Group" zonë të gjetur "emri i grupit" dhe shkruani: "menu1" në fushë, shtypni [Krijo] button. "Menu1" zonë drejtkëndësh u krijuar.
   Kjo "menu1" fushë do të jetë shesh lojërash kryesore për ndërtimin menu. Ju do të zvarritur dhe duke rënë këtu elementet tuaj menu.
3. Në "asetet" zonë të gjejnë "të tjera" listbox dhe kliko në zgjedhje "Home". "Home" thingie do të shfaqet brenda e zonës "Unassigned". Pazakontë, eh? Nuk shqetësohet, për aq kohë sa ajo punon - dhe do të për ne.
4. Drag këtë thingie "Home" nga "mjetet" zonë në "menu1" zonë drejtkëndësh. Ai do të bëhet "Home" item në menu.
   • Përsërit hapat 3-4 për disa faqe nga "Pages" zonë, si dhe për kategoritë në "kategori" zonë. Drag çdo sende të tjera që ju duan të jenë në menynë tuaj brenda "menu1" drejtkëndësh. Ju mund të klikoni në faqet, kategorive, përdoruesit dhe disa elemente me porosi të tilla si "ndan listën e" dhe "bllokut të kodit". Bllok Kodi është mënyrë të ftohtë për të shtuar copra porosi brenda menu.
   • Ju mund të tërhiqni menu items brenda "menu1" zonë të korrigjoj rendin e tyre.
   • Ju mund të rregullojë pozitën hierarkike të çdo artikull menu me "<" dhe ">" shigjetat.
   • Duke klikuar mbi emrin tekstin e çdo send menu - hap mendje boggling ekstra customization dialog për këtë artikull. Unë më së shumti përdorur standarte, por teknikisht ju mund të shkoni çmendur dhe të fillojnë të bëjnë image-bazuar zgjedhje menu dhe shtoni chunks e kodit HTML në të. Të vazhdojë me kujdes pse.
   • Për Submenus linkless unclikable që do të shërbejë si "prindër" të tjera "sub-fëmijë" I përdorur "bllok Code" lloji. Për shembull, kur customizing tilla bllok pika kodi kam hyrë për "alias Menu item" "MemberWing" = dhe për "Shkruani bllokut të kodit:" = "href='#'> <a MemberWing </ a>". Duke href = "#", do të bëjë të klikueshme, por nuk vepron si një zgjedhje e vlefshme "prind" menu.
5. Ja se si struktura 'menu1' NAVT e mia të ndërtuar dukej si përfunduar pothuajse:
   
6. Përfunduar ndërtimin fillestar dhe pastaj klikoni në ikonën "veshje" për të rregulloje menu strukturën tuaj:
   
7. Kjo do të hapë dialogun me 4 skeda: Opsionet, Ekrani, CSS, Theme.
   1. Shko tek "Options" tab dhe sigurohuni që çdo gjë është e pakontrolluar dhe "Emri i grupit" thotë: "menu1"
   2. Go to "Display" tab dhe të bëjnë çdo gjë sigurt mbi "grupin Trego lundrimin në ..." zonë është e kontrolluar [x]. Të lënë pjesën tjetër në standarte.
   3. Shko tek "CSS" tab dhe zgjidhni butonin e radios (x) "Mos aplikoni klasa CSS".
   4. Shko tek tab "Tema" 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ë "tags Shto pas ..." zonës këtë kod:
      <br style='clear: left' /></div>
   5. Shtypni [kursejnë / të ngushtë] button
8. Në këtë ndërtesë menu pikë nga brenda plugin opsione NAVT është e plotë.
   Tani është koha për të bërë një mendje pak për temën Thesis për të marrë atë gati. Për këtë ne kemi nevojë të shtoni një fotografi të disa porosi - CSS dhe javascript që i përket menu dhe custom_functions.php Thesis freskimi '
9. Shkarko seri të plotë të dosjeve këtu .
10. Unzip arkiv. Nëse keni përditësuar custom_functions.php tuaj me Përshtatje tuaj - ju duhet të bashkojë ata me bagazhin tim. Unë do të lënë atë deri te ju.
    Nëse ju nuk e kanë prekur atë - të ndjehen të lirë të prishësh atë me minave. Ju lutemi vini re: I preferuar për pozicionin menu nën header internetit (default është më lart) - kështu që rregullimit ime përfshirë këtë preferencë si.
11. Ngarko arkiv duke përfshirë të gjitha subdirectories dhe dosjet sipas tuaj temë Thesis directory 'me porosi', si kjo:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Unë nuk e kanë prekur custom.css - Unë preferoj për të mbajtur menu-e të Caktuar CSS nën vendet e tyre për të shmangur krijimin e rrëmujë brenda custom.css
12. Në këtë pikë ju mund të rifreskoni faqen tuaj dhe shikoni të re të bukur të reja nivele, mbivendosur menu, SEO optimizuar.
13. Ju mund gjithmonë të kthehem në NAVT settings dhe rregulloje menu tuaj me më shumë zgjedhje ose reposition asgjë. Ajo do të pasqyrohen në faqen e jetojnë automatikisht.

Rruga përpara ...

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

Tema e tezës - nivele mbivendosur CSS menu - paleta të errët

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

Menus Dynamic Drive 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 tezën e - që është dhënë kohë dhe dëshirë për ta bërë atë të ndodhë.

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

20 $

Dhe sigurisht, nëse ju jeni të deri në ndërtimin e super SEO optimizuar anëtarësimit premium wordpress portal - zgjidhja më e mirë për këtë:
Theme teza e + anëtarësimit MemberWing plugin + vetë priti Wordpress natyrisht.

comments } { 15 komente }