सही कार्यक्षेत्र मेनू के लिए खोज ...
इस ट्यूटोरियल के भाग 1 क्षैतिज के लिये बहुस्तरीय नेस्टेड मेनू के निर्माण के कदम प्रक्रिया द्वारा कदम से WordPress थीसिस विषय . भाग 2 पर जारी रखने के लिए इस कार्यक्षमता में वृद्धि होगी. यहाँ हम क्षैतिज नेविगेशन मेनू के "अंधेरे" संस्करण जोड़ सकते हैं और मैं तुम्हें सिखाने "उज्ज्वल" और "अंधेरे" संस्करण के बीच स्विच करने के लिए कैसे होगा. भाग 2 के भाग 1 के superset है. यह भाग 1 से सभी शामिल हैं + अधिक शांत सामान कहते हैं.
मुख्य विचार है कि मैं पेश करना चाहता था ऊर्ध्वाधर मेनू जोड़ने थीसिस विषय (और सामान्य रूप में WordPress करने के लिए). मैं वास्तव में लचीला के लिए देख रहा था, एसईओ दोस्ताना और बहु ब्राउज़र संगत ऊर्ध्वाधर मेनू है कि करने के लिए असीमित नेस्टिंग स्तर का बनाने के लिए अनुमति होगी.
वेब इस विषय पर पृष्ठों की टन है, लेकिन जब मैं इन सभी नमूनों की कोशिश शुरू कर दिया है - वे या तो टूट गया, अलग से गिर गया, केवल स्तर की सीमित संख्या का समर्थन या गेट्स + बाल्मर 6 junksplorer में दुर्व्यवहार किया. मैं अंत में करने की कोशिश की और विश्वसनीय वापस मिल गया गतिशील ड्राइव मेनू के रूप में उनकी खड़ी नमूने के लिए एक अच्छा मामला है कि मेरे कड़े आवश्यकताओं फिट बैठता है साबित. मैं काफी हालांकि यकीन है कि यह थीसिस मॉडल फिट बैठता है बनाने के लिए उन्हें संशोधित किया था.
पूर्णता के लिए खोज जारी है ...
मैं 16 घंटे के खर्च के बारे में खोज, कोडांतरण, परीक्षण, फिक्सिंग, चमकाने और ऊर्ध्वाधर मेनू सीएसएस और जे एस कोड और 3/4 समय की MSIE में 6 काम करने के लिए खर्च किया गया था ट्यूनिंग.
वैसे भी, मैं अंतिम परिणाम के साथ खुश थी. परिणामस्वरूप ऊर्ध्वाधर नेविगेशन मेनू है सभी एक ही लाभ है कि क्षैतिज मेनू है.
ऊर्ध्वाधर मेनू को जोड़ने की क्षमता करने के बाद वेब पर पोर्टल के बारे में 70-80% के लिए बहुत महत्वपूर्ण है. क्षैतिज मेनू "अंतरिक्ष" सीमित है के लिए कई मेनू विकल्पों लेकिन ऊर्ध्वाधर मेनू यह सीमा नहीं है और काफी मदद करेगा को समायोजित कर सकते हैं. तो यहाँ हम चले.
ऐसा होने बनाने के कदम के बहुत पहले से वर्णित हैं ट्यूटोरियल के भाग 1 है तो यह एक बिट से कम एक के लिए कर देगा, लेकिन अधिक सुविधा संपन्न परिणाम के साथ.
तो यहाँ यह जाता है:
बिल्डिंग एसईओ दोस्ताना, खड़ी, बहुस्तर, WordPress और थीसिस विषय के लिए पदानुक्रम नेस्टेड मेनू. कदम से कदम
(... तुम सोचा था कि संभव नहीं है क्या ...)
- Exec php प्लगइन स्थापित और यह सक्रिय है. हम इसे की जरूरत है क्योंकि मैं पाठ विजेट के अंदर PHP का उपयोग करने के लिए ऊर्ध्वाधर मेनू HTML कोड फेंकना होगा.
- 1 - 6 से उपाय करने के लिए ट्यूटोरियल के भाग 1 . मूल रूप से आप स्थापित करने के लिए और सक्रिय NAVT प्लगइन का उपयोग करें + नेत्रहीन अपने मेनू बनाने की जरूरत है. सुनिश्चित करें कि आपके मेनू समूह नाम है 'menu1' है. इस नाम custom_functions.php में hardcoded है
- यह गुण संपादित 'गियर' अपने 'menu1' समूह के लिए आइकन पर क्लिक करें:
- 7.1 -7.3 भाग 1 ट्यूटोरियल के कदम इस प्रकार "विकल्प", "प्रदर्शन" और "सीएसएस" टैब सेटिंग्स सेट.
- अब इस संवाद के "थीम" टैब पर क्लिक करें. हम वहाँ सेटिंग्स की संख्या अधिलेखित (यदि आप चरण 1 के बाद किया गया है). यह ठीक है - आप कुछ नहीं खो देंगे लेकिन इन परिवर्तनों की जरूरत है क्योंकि मैं चरण 1 से कुछ कोड बदल दिया है.
यहाँ है कि कैसे इस संवाद में भरा होना चाहिए:- के अंदर "थीम xpath:" इस क्षेत्र कोड (यह करने के लिए इन वर्गों के साथ किसी भी टैग की जगह आज्ञा) दर्ज करें:
.jquerycssmenu, .jqueryslidemenu - "क्रिया" सेट "के साथ बदलें"
- अंदर के क्षेत्र में इस कोड को दर्ज नेविगेशन समूह से पहले टैग जोड़ें "
<div class='jquerycssmenu' style='margin-top:5px;'> - अंदर का क्षेत्र "जोड़ें टैग नेविगेशन समूह के बाद इस कोड को दर्ज करें:
<br style='clear: left' /></div> - पर [/ बचाने के बंद करें] बटन पर क्लिक करें.
- के अंदर "थीम xpath:" इस क्षेत्र कोड (यह करने के लिए इन वर्गों के साथ किसी भी टैग की जगह आज्ञा) दर्ज करें:
- अब WordPress व्यवस्थापक पैनल के लिए जाने -> प्रकटन -> विजेट.
- सही पर 1 साइडबार "क्षेत्र में" पाठ "विजेट बड़ा" विगेट्स "क्षेत्र से खींचें. हम हैं कि हमें ऊर्ध्वाधर मेनू को अमल में लाना करने में मदद मिलेगी पाठ विजेट में कोड जोड़ने होगा.
नोट: मुझे आशा है की आप अस्तित्व में 1 साइडबार ". थीसिस विकल्प आप इसे बंद करने के लिए अनुमति देता है, लेकिन इस ट्यूटोरियल के लिए यह हो सकता है. - एक बार जब आप घसीटा और इस विजेट को गिरा दिया - यह (मैं रोमांटिक लग रहा है कि अब MSIE संघर्ष खत्म हो गया है) एक फूल की तरह खुलती है.
- "शीर्षक" क्षेत्र में "विश्व के सर्वश्रेष्ठ ऊर्ध्वाधर मेनू में प्रवेश ... खैर, अपनी रचनात्मकता का उपयोग करने के लिए स्वतंत्र लग रहा है कि पाठ अपने नए जन्म ऊर्ध्वाधर मेनू ऊपर जाना होगा.
- पाठ के लिए बड़ा क्षेत्र में इस PHP कोड दर्ज करें:
<?php
if (function_exists('navt_getlist'))
$menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
else
$menu_html = "";
$menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
echo $menu_html;
?> - प्रेस [सहेजें] बटन, "बंद करें" लिंक पर क्लिक करें.
- डाउनलोड अद्यतन यहाँ फ़ाइलों का सेट .
इस संग्रह में शामिल हैं:- "उज्ज्वल" क्षैतिज मेनू कोड का अद्यतन संस्करण
- क्षैतिज मेनू के संस्करण "अंधेरे"
- ऊर्ध्वाधर मेनू कोड
- Custom_functions.php के अद्यतित संस्करण
- अब तुम इस संग्रह खोलना और अपने थीसिस विषय के कस्टम निर्देशिका में अपलोड की जरूरत है.
नोट: अगर आप custom_functions.php अंदर कोई भी अनुकूलन किया है - आप उन्हें मर्ज करना चाहते हैं. यदि नहीं, तो यह अपने संस्करण के साथ अधिलेखित करने के लिए स्वतंत्र लग रहा है. - देखा! अब आप अपनी वेबसाइट पुनः लोड और "उज्ज्वल" एक ही क्षैतिज + मेनू neato बाएं साइडबार में ऊर्ध्वाधर मेनू देख सकते हैं.
- बोनस कार्य: "उज्ज्वल" "अंधेरे" रंग योजना पर क्षैतिज मेनू बदल.
- Custom_functions.php फ़ाइल के अंदर:
इस कोड की जगह:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
इस कोड के साथ:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
असल में हम एक पंक्ति टिप्पणी कर रहे हैं और एक दूसरे uncommenting. - अब WordPress व्यवस्थापक> उपकरण> NAVT सूचियाँ और abovementioned "गियर" आइकन पर क्लिक करने के लिए अपने 'menu1 समूह के गुण संपादित करें.
- "थीम" टैब पर क्लिक करें.
- अंदर के क्षेत्र में इस कोड को दर्ज नेविगेशन समूह से पहले टैग जोड़ें "
<div class='jqueryslidemenu' style='margin-top:5px;'> - अब अपने पृष्ठ पुनः लोड और अपने मुख्य क्षैतिज नेविगेशन मेनू "जादुई" अंधेरे बन गया है, ऐसा कुछ:
काले रंग पैलेट प्रकाश रंग एक से कुछ साइटों के लिए अधिक उपयुक्त हो सकता है. तो अब आप अपने जीवन में पसंद की स्वतंत्रता है!
- "उज्ज्वल" रंग योजना को वापस मिल - "बोनस" कदम ऊपर पूर्ववत.
- Custom_functions.php फ़ाइल के अंदर:
- निष्कर्ष:
मैं थीसिस थीम प्यार करता हूँ, मैं WordPress प्यार करता हूँ और मैं तथ्य यह है कि हम हमारे पोर्टल के लिए सभ्य नेविगेशन मेनू जोड़ने तरीके हैं प्यार करता हूँ.
$ 20
आनंद लें!
Gleb Esman
{इस प्रविष्टि पर टिप्पणियाँ बंद कर रहे हैं}





