सही मेनू के लिए क्वेस्ट ...

इस भाग 1 है ट्यूटोरियल
इस ट्यूटोरियल के भाग 2 एक ऊर्ध्वाधर क्षैतिज मेनू + काले रंग पैलेट के लिए बनाने के लिए सिखाता है कि कैसे

मैं करने का फैसला करने के लिए थीसिस थीम , क्योंकि एक ग्राहकों की जानकारी दी और मेरी थीसिस के बीच संगतता मुद्दों पर मेरे बारे में WordPress सदस्यता साइट प्लगइन MemberWing. मैं यह तय करने का निर्णय लिया और फिर घड़ी पर एक करीब देखो लेने के लिए थीसिस और वास्तव में परवाह Diythemes.com - पृष्ठ मुख्य के सामने वीडियो पर थीसिस साइट .
क्या सबसे मुझे प्रभावित किया है ध्यान विस्तार करने के लिए, उपयोगकर्ता मित्रता और सभी के अधिकांश - एसईओ सुविधाओं है कि इतनी अच्छी तरह से सोचा था की हैं.
प्लगइन MemberWing सदस्यता सदस्यता साइटों है कि जितना संभव हो एसईओ रस खींचने की आवश्यकता होगी के लिए भूमि ऊपर से बनाया गया था. तो मैं एसईओ संवर्द्धन और MemberWing में perfections की भीड़ को ध्यान के बहुत सारे भुगतान किया. मेरे अपने ग्राहकों के कई अलग अलग विषयों के बारे में पूछ रहे हैं उपयोग करने के लिए और होने विषय यह है कि इतनी अच्छी तरह से एसईओ था गहरे अंदर से अनुकूलित सदस्यता के लिए एक उत्कृष्ट फिट हो पोर्टल उद्यमियों होगा.

संयोजन शक्तियों का एसईओ के साथ MemberWing शक्तियों का एसईओ थीसिस थीम के अवसरों के लिए अपने ग्राहकों को सर्वश्रेष्ठ रैंकिंग होता दे. इसलिए मैं थीसिस मिल गया और एक दिन के लिए इसके साथ खेला.

यह सभी मायनों में एक उत्कृष्ट विषय है. यह नेविगेशन हिस्सा हालांकि एक समारोह में सीमित सा है. 1.5 + थीसिस से शुरू यह एक स्तर मेनू ही है. मेरी हमेशा इच्छा करने के लिए नेविगेशन अनुकूलित करने में सक्षम हो के रूप में ज्यादा के रूप में की जरूरत है. कुछ साइटें केवल कुछ पृष्ठों है, कई अन्य लोगों स्थैतिक पृष्ठों के टन है लेख के zillions + / पदों श्रेणियों के बहुत से +.
इतने में आदर्श दुनिया के लिए एक अच्छा hierarchically आयोजित तलाश उपयोगकर्ता के अनुकूल नेविगेशन मेनू बनाने का मौका होने के एक चाहिए. बल्ले से सही थीसिस अच्छी लग रही है नेविगेशन, लेकिन मुझे लगता है कि सभी थीसिस आधारित वेबसाइटों जुड़वां की तरह लग रहे हैं. अनुरूपण थीसिस नेविगेशन मेनू वास्तव में आसान नहीं है, इसलिए अधिकांश लोगों को सिर्फ यह छोड़ के रूप में है. वहाँ कोई मेनू में श्रेणियों के क्रम को बदलने या उन्हें पृष्ठों के बीच में स्थिति तरीका है. और फिर, के लिए मेनू नीडिंत संरचना बनाने की क्षमता की कमी है. तो मैं देखने के लिए इसके बारे में क्या किया जा सकता है फैसला किया.
पर विकल्प सेट करने की कोशिश कर के बाद मेरे बारे में मेनू आधा दर्जन / मैं नेविगेशन संबंधित plugins Wordpress Plugin नेविगेशन सूची NAVT .
NAVT प्लगइन मूलतः सुपर फैंसी और एक बिट के साथ है सूची जनरेटर untraditional व्यवस्थापक इंटरफ़ेस मुश्किल से समझ unordered. इसके बारे में भ्रामक है कि यह वास्तव में स्वयं द्वारा फैंसी लग मेनू पैदा नहीं करता है. हालांकि यह काम का सबसे कठिन हिस्सा है - आप एक नेत्रहीन एक साथ खींच करने की क्षमता देता है, और unordered सूची उत्पन्न - अपने मेनू-होने का कंकाल. और आप कई मेनूज़ भी बना सकते हैं. तुम तुम नेविगेशन मेनू में Wordpress के सामान के सभी प्रकार खींचो: पृष्ठों, पोस्ट, लेख, श्रेणियों, उपयोगकर्ताओं, कोड ब्लॉक, बाहरी लिंक, डिवाइडर, विभाजक और मिश्रण और मैच और घोंसला और व्यवस्था है और उन्हें किसी भी पेड़ की तरह संरचना में अनुकूलित कर सकते हैं चाहते हैं.
NAVT आप के लिए उत्पन्न HTML unordered सूची के परिणामस्वरूप. NAVT की दूसरी सौंदर्य यह है कि इसे आप अपने विषय में डालने के लिए अपने नए मेनू में मदद करता है प्रसिद्ध JQuery के आधार पर तर्क के माध्यम से, लेकिन किसी कोड को बदलने की जरूरत के बिना! NAVT आपको यह निर्दिष्ट करने की अनुमति देता है: "मेरी नई NAVT" मेनू के साथ इस # तत्व की जगह ले. # तत्व एक आईडी या मौजूदा मेनू या div तत्व टैग कि आपके वर्तमान विषय द्वारा किया जा रहा है उत्पन्न होता है के पथ के वर्ग हो सकता है. तो आप NAVT विषय कोड में जाने के लिए और इसे और अधिक गन्दा तुलना में यह पहले से ही मजबूर कर के बिना आप के लिए इस प्रतिस्थापन नहीं करता है. अगर है कि जैसे सभी अस्पष्ट लगता है - चिंता मत करो - मैं तुम्हें जल्द ही कदम से कदम मार्गदर्शन करेंगे. सभी के लिए NAVT का चुनौतीपूर्ण हिस्सा है कि आप अपने खुद के लिए वास्तविक मेनू + + छवियाँ जावास्क्रिप्ट कोड सीएसएस के साथ आना होगा. और इसे आप बाहर निकालने के लिए कहाँ और कैसे इन फ़ाइलों को एकीकृत करने और यह ठीक से एक साथ जुड़े पाने के सामान बनाने के लिए निर्भर है.
JQuery जानने कुछ PHP + + सीएसएस + Wordpress के साथ अच्छा अनुभव करने के लिए बिना साभार - इस बात को खींचने के लिए मुश्किल है.
ख़ुशी से मैं यह सब एक सा पता है तो मैं बुलेट और गाइड मानवता सर्वश्रेष्ठ Wordpress के लिए नेविगेशन मेनू का सबसे अच्छा निर्माण में स्वतंत्रता काटने का फैसला किया. मैं बस कुछ अच्छी लग क्षैतिज सीएसएस मेनू के लिए स्रोत खोजने की जरूरत है. मैं उठाया गतिशील ड्राइव वेबसाइट स्रोतों के लिए अपना सर्वश्रेष्ठ चयन, क़ौम और.

मैं एक दिन के लिए समर्पित है और थीसिस NAVT प्लगइन के साथ खेलने के लिए अध्ययन. अंत में मैं गर्व कस्टम बनाया, लचीली, उत्तमीकृत एसईओ, बहुस्तर, मेरे Wordpress + थीसिस आधारित साइट के लिए नेस्टेड Nagivation संरचना.

मेनू नेविगेशन के लिए Wordpress सूची के बहुस्तरीय, नेस्टेड सुविधाओं थीसिस थीम
(आप) मिल गया इस प्यार करने के लिए सामग्री:

• पेशेवर, साफ देखो और महसूस करते हैं.
• 6,7 MSIE, ओपेरा, सफारी, फ़ायरफ़ॉक्स 3.x, दोनों जावास्क्रिप्ट और गैर जावास्क्रिप्ट मोड में गूगल क्रोम सहित सभी आधुनिक ब्राउज़रों, के लिए सहायता.
• इनायत गैर जावास्क्रिप्ट ब्राउज़रों के लिए downgradable. तुम उपयोगी हो जाएगा मेनू पर, नेत्रहीन समान और केवल शीर्ष स्तर नेविगेशन यद्यपि जावास्क्रिप्ट अक्षम (ब्राउज़रों के लिए भी काम कर दिखाई देगा और कोई flyouts पाठ्यक्रम का क्या होगा के रूप में वे जावास्क्रिप्ट द्वारा किया जाता है).
• एसईओ दोस्ताना विशेषताएं - unordered सूची मेनू HTML कोड के भीतर उत्पन्न होता है. गूगल और अन्य खोज इंजन मकड़ियों के लिए सक्षम करने के लिए अपने नेविगेशन संरचना सूचकांक होगा और आंतरिक पृष्ठों की लिंक्स ढूँढें.
• असीमित नेस्टिंग स्तर और sublevels के लिए सहायता.
• किसी भी क्रम या पृष्ठों, URIs प्रयोक्ता परिभाषित के माध्यम से पदों के लिए (सहायता), श्रेणियों, उपयोगकर्ताओं, कस्टम कोड ब्लॉक और मेनू के भीतर बाहरी लिंक.
• पाठ के रूप में छवि मेनू आधारित तत्व के रूप में अच्छी तरह से समर्थन. (मैंने अभी तक प्रयास करने के लिए इन हालांकि).
• मेनू संरचना और सामग्री नेत्रहीन NAVT व्यवस्थापक क्षेत्र के माध्यम से समायोज्य है.
• कॉम्पैक्ट: नेस्टेड स्तरों के लिए JQuery आधारित flyouts.
• : JQuery मेनू के लिए फास्ट गूगल सर्वरों (मैं प्यार थीसिस था खुद को भी ऐसा ही करने की बजाय इसे स्थानीय रूप से खींच) से भरा हुआ है. ये चीजें एक बिट की गति होगी.
• Scalability - मेनू के इस प्रकार NAVT प्लगइन सेटिंग्स के माध्यम से किसी भी समय संपादन विन्यास और कहीं भी कोडिंग के किसी भी ज़रूरत के बिना है.

मैं प्रयोग किया जाता से गतिशील ड्राइव मेनू इस उत्कृष्ट आधार एक पोर्टल के रूप में. मैं थोड़ा जावास्क्रिप्ट कोड को अनुकूलित के रूप में अच्छी तरह के रूप में custom_functions.php PHP का हिस्सा शामिल करने के लिए यह थीसिस के साथ काम किया था. इसके अलावा पहले से मौजूद पृष्ठों की संख्या, श्रेणियों और अपनी साइट से पदों के लिए मेनू संरचना को इकट्ठा इस्तेमाल किया गया. आपकी साइट के अलग अलग हो जाएगा बारीकियों - लेकिन अवधारणाओं ही किया जाएगा.
इसलिए आगे बढ़ना है, क्या हम?

कदम से कदम निर्देश सेटअप NAVT आधारित नेस्टेड, अनुकूलन, बहुस्तर, एसईओ दोस्ताना
और सिर्फ सादा और Wordpress के लिए नेविगेशन मेनू शांत दिख थीसिस थीम

1. WordPress व्यवस्थापक पैनल के पास जाओ. Plugins-> "" navt के लिए नए खोज, जोड़ें. प्लगइन दिखाया जाएगा. पर क्लिक करें] [स्थापित, [अब स्थापित करें] प्लगइन, "सक्रिय".
2. "अंदर नेविगेशन समूह" क्षेत्र Tools-> NAVT सूचियाँ, प्रेस [बनाएँ] बटन "समूह का नाम" और दर्ज करें: "फ़ील्ड में" menu1 पाते हैं. "Menu1" आयत क्षेत्र बनाया गया.
   इस "menu1" क्षेत्र मेनू निर्माण के लिए मुख्य खेल का मैदान हो जाएगा. आप और खींच हो जाएगा यहाँ अपने मेनू तत्वों छोड़ने.
3. "" संपत्ति क्षेत्र "अन्य" और "होम" विकल्प पर क्लिक करें listbox खोजने. "" क्षेत्र असाइन नहीं की गई होम "thingie के अंदर दिखाई देगा". अजीब है, ना? कोई चिंता नहीं, जब तक यह काम करता है - और यह हमारे लिए होगा.
4. "" संपत्ति क्षेत्र से menu1 "आयत क्षेत्र में इस" होम "thingie खींचें. यह मेनू में "होम" आइटम बन जाएगा.
   • "पेज" क्षेत्र है, साथ ही के लिए "श्रेणियों क्षेत्र में श्रेणियों से कुछ पृष्ठों के लिए चरण 3-4 दोहराएँ. किसी भी अन्य मदों आप अंदर अपने मेनू पर रहना चाहता हूँ खींचें menu1 "आयत. आप पृष्ठों पर क्लिक करें, श्रेणियों सकता है, उपयोगकर्ताओं और "सूची" भाजक और "कोड" ब्लॉक के रूप में कुछ कस्टम तत्वों. कोड खंड शांत करने के लिए मेनू के अंदर कस्टम टुकड़े जोड़ने रास्ता है.
   • आप मेनू आइटम के अंदर खींच सकता है "menu1" क्षेत्र उनके आदेश पुनर्व्यवस्थित करने के लिए.
   • आप के साथ प्रत्येक मेनू आइटम के पदानुक्रमित स्थिति को समायोजित कर सकते हैं "और" <">" तीर.
   • प्रत्येक मेनू आइटम के पाठ के नाम पर क्लिक करना - इस आइटम के लिए अतिरिक्त अनुकूलन संवाद boggling दिमाग खोलता है. मैं ज्यादातर चूक करते थे, लेकिन तकनीकी रूप से तुम पागल हो जाना और छवि आधारित मेनू विकल्प बनाने शुरू कर सकते हैं और इसे में HTML code के विखंडू जोड़ें. हालांकि सावधानी के साथ आगे बढ़ें.
   • linkless unclikable submenus कि अन्य "उप" मैं बच्चों के "कोड खंड के प्रयोग" प्रकार के लिए "" माता पिता के रूप में काम करेगा के लिए. जब इस तरह के उदाहरण कोड खंड मैं आइटम के लिए "मेनू मद उर्फ प्रवेश =" "MemberWing" और "ब्लॉक के लिए कोड दर्ज करें:" अनुकूलित करने के लिए = "<a href='#'> MemberWing </> एक". href = के बाद "" मेनू विकल्प होगा एक वैध बनाने के रूप में अभिनय नहीं clickable लेकिन "माता पिता".
5. यहाँ है कैसे मेरे NAVT menu1 'संरचना का निर्माण लगभग पूरा तरह से देखा:
   
6. "" गियर आइकन पर समाप्त प्रारंभिक निर्माण और तब क्लिक करें अपने मेनू संरचना को अनुकूलित करने के लिए:
   
7. यह 4: टैब के साथ संवाद खुलेगा विकल्प, प्रदर्शन, सीएसएस, थीम.
   1. पर जाएँ "विकल्प" टैब और सुनिश्चित करें कि सब कुछ अनियंत्रित है और "समूह" नाम कहते हैं: "menu1"
   2. पर जाएँ "प्रदर्शन" टैब और "दिखाएँ नेविगेशन समूह पर यकीन है कि सब कुछ बनाने पर ..." क्षेत्र [x जाँच की है.] चूक पर आराम छोड़ दें.
   3. "सीएसएस" टैब का चयन करें और रेडियो बटन (करने के लिए जाओ x) "सीएसएस वर्गों लागू मत".
   4. पर जाएँ "टैब थीम" और यह पसंद है कि भरने के लिए:
      
      पहले "में टैग जोड़ें डालें ..." इस कोड को क्षेत्र:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      बाद में "टैग जोड़ें डालें ..." इस कोड को क्षेत्र:
      <br style='clear: left' /></div>
   5. प्रेस [/ बटन] पास बचा
8. NAVT भीतर से प्लगइन विकल्प मेनू में इस बिंदु पर निर्माण पूरा हो गया है.
   अब इसके लिए धुन करने के लिए है एक छोटे से समय थीसिस थीम के लिए तैयार हो जाओ इसे. इसके लिए हमें कुछ कस्टम फ़ाइलें जोड़ - सीएसएस और जावास्क्रिप्ट कि मेनू के अंतर्गत आता है और 'थीसिस custom_functions.php अद्यतन की आवश्यकता है
9. यहाँ पूरा सेट फ़ाइलें डाउनलोड की .
10. खोल संग्रह. यदि आप अपने अनुकूलन के साथ अपने custom_functions.php अद्यतन किया है - आप उन्हें अपने सामान के साथ विलय करने की आवश्यकता है. मैं तुम्हें छोड़ता हूँ.
    अगर आप इसे नहीं छुआ है - यह मेरे साथ अधिलेखित स्वतंत्र. कृपया ध्यान दें: मैं इस वेबसाइट हैडर (डिफ़ॉल्ट के तहत स्थिति मेनू पर पसंद से ऊपर है) - तो मेरे साथ समायोजन के रूप में इस वरीयता शामिल थे.
11. अपलोड अपने अधीन संग्रह सहित सभी फ़ाइलें और subdirectories थीसिस थीम 'कस्टम निर्देशिका इस तरह से:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    मैं custom.css छुआ तक नहीं है - मैं अपने स्थानों मेनू के तहत विशेष सीएसएस रखने के लिए custom.css अंदर गंदगी बनाने से बचने के लिए पसंद करते हैं
12. इस बिंदु पर आप अपनी वेबसाइट पुनः लोड और नई सुंदर नए बहुस्तर, नेस्टेड, एसईओ अनुकूलित मेनू देख सकते हैं.
13. तुम हमेशा NAVT सेटिंग्स करने के लिए वापस जाने के लिए कर सकते हैं और अधिक पसंद है या कुछ भी reposition के साथ अपने मेनू को अनुकूलित. यह लाइव साइट पर स्वचालित रूप से परिलक्षित होगा.

आगे सड़क ...

इस ट्यूटोरियल मेनू का एक प्रकार के रचनात्मक उदाहरण शामिल मैं एक दूसरे के साथ खेला जाता है - बस को देखने के लिए गहरे रंग का कैसे मेनू की तरह दिखेगा:.

शोध विषय - बहुस्तर नेस्टेड सीएसएस - मेनू अंधेरे पैलेट

मुझे लगता है कि यह बहुत अच्छा है. वहाँ पर हैं कई और अधिक उपलब्ध नमूनों navigational गतिशील ड्राइव - उनमें से हर संभव प्रयास कर रहे हैं कुछ के लिए अनुकूलित Wordpress विषयों के साथ अन्य थीसिस और:

क्षैतिज मेनू गतिशील ड्राइव

मुझे आशा है कि आप इस ट्यूटोरियल लाभकारी और उपयोगी मिल जाएगा. जैसा कि मैंने कहा, यह संभव है करने के लिए शोध के लिए इन मेनू में से किसी को अनुकूलित - उस समय और ऐसा करने की इच्छा दी गई है.

मैं तुम्हारे लिए एक अनुबंध के आधार पर यह काम कर सकता है. बस, लेने के मेनू आप की तरह मुझसे संपर्क और मैं अपने कोड की वेबसाइट पर काम करेंगे के लिए निर्देश.

$ 20

और निश्चित रूप से अगर आप कर रहे हैं सुपर प्रीमियम Wordpress सदस्यता पोर्टल उत्तमीकृत एसईओ - इस के लिए सबसे अच्छा समाधान का निर्माण करने के लिए:
थीसिस थीम + MemberWing सदस्यता प्लगइन + आत्म होस्ट Wordpress बिल्कुल.

के रूप में टैग की गईं: सीएसएस मेनू के लिए WordPress , थीसिस थीम , थीसिस थीम पदानुक्रमित मेनू , शोध विषय बहुस्तर मेनू , शोध विषय Nagivation , थीसिस थीम नेस्टेड मेनू , शोध विषय ट्यूटोरियल , WordPress के सीएसएस मेनू , मेनू नीडिंत WordPress