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

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

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

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

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

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

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

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

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

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

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

आगे सड़क ...

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

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

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

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

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

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

$ 20

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

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