संपूर्ण सूची के लिए क्वेस्ट ...

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

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

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

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

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

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

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

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

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

1. WordPress व्यवस्थापक पैनल के पास जाओ. Plugins के लिए नई खोज जोड़ें> "navt". प्लगइन दिखाया जाएगा. पर क्लिक करें [स्थापित], [अब स्थापित], "प्लगइन को सक्रिय करें".
2. उपकरण> NAVT सूचियाँ, "नेवीगेशन समूह क्षेत्र 'के अंदर मिल" समूह का नाम' और दर्ज करें: "क्षेत्र में menu1", प्रेस [बनाएँ] बटन. "Menu1" आयताकार क्षेत्र बनाया है.
   इस 'menu1 क्षेत्र "मेनू निर्माण के लिए मुख्य खेल का मैदान हो जाएगा. तुम और खींच सकता हूँ यहाँ अपने मेनू तत्वों को छोड़ने के.
3. "संपत्ति" क्षेत्र में "पर गृह विकल्प" "अन्य listbox" और खोजें पर क्लिक करें. 'होम' के भीतर प्रदर्शित 'होगा असाइन नहीं की गई' क्षेत्र thingie. अजीब है, हां? कोई चिंता नहीं, जैसे ही यह काम करता है लंबी - और यह हमारे लिए होगा.
4. "संपत्ति" क्षेत्र से इस 'होम thingie "में खींचें" menu1 "आयताकार क्षेत्र. यह हो "होम आइटम 'मेनू में होगा.
   • "से पेज क्षेत्र" कुछ पन्नों के लिए दोहराएँ कदम 3-4, साथ ही साथ के लिए श्रेणियों "श्रेणियों" क्षेत्र में. किसी भी अन्य मदों आप "अंदर menu1 अपने मेनू पर आयत" बनना चाहते खींचें. पन्नों पर आप क्लिक कर सकते हैं, श्रेणियों, और कुछ उपयोगकर्ताओं को कस्टम तत्वों जैसे "सूची में विभक्त 'और' कोड खंड". कोड खंड ठंडा है मेनू के अंदर कस्टम टुकड़े जोड़ने के रास्ते.
   • आप "अंदर menu1 मेनू आइटम क्षेत्र" खींचें को अपने आदेश पुनर्व्यवस्थित कर सकते हैं.
   • आप "से एक मेनू आइटम के श्रेणीबद्ध स्थिति समायोजित <" सकते हैं और ">" तीर.
   • प्रत्येक मेनू आइटम के पाठ के नाम पर क्लिक करना - इस मद के लिए मन boggling अतिरिक्त अनुकूलन संवाद खुल जाता है. मैं ज्यादातर चूक जाता है लेकिन तकनीकी रूप से तुम पागल हो जा सकते हैं और छवि बनाने मीनू विकल्पों पर आधारित है और इसमें HTML code का हिस्सा जोड़ने के शुरू करते हैं. सावधानी के साथ हालांकि आगे बढ़ो.
   • के लिए linkless unclikable submenus कि अन्य उप 'के लिए' माता पिता के "बच्चों" मैं प्रयोग "कोड खंड" प्रकार के रूप में काम करेंगे. उदाहरण के लिए जब ऐसी कोड ब्लॉक आइटम मैं 'के लिए मेनू आइटम उर्फ प्रवेश "=" MemberWing "और" के लिए कोड खंड को अनुकूलित दर्ज करें: "<a =" href='#'> <MemberWing / a> ". होने href = "" # यह नहीं क्लिक करने योग्य बनाने पर एक मान्य "मूल" मेनू विकल्प के रूप में कार्य करेंगे.
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 सेटिंग्स पर वापस जा सकते हैं और कुछ का स्थान या विकल्प के साथ अपने मेनू को अनुकूलित. यह जीना स्वतः साइट पर प्रदर्शित किया जाएगा.

आगे सड़क ...

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

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

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

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

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

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

$ 20

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

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