JQuery लोड का उपयोग करके WordPress मेनू के माध्यम से श्रेणी के द्वारा नवीनतम पोस्ट लोड करें

jQuery

यदि आपने कुछ बड़े ब्लॉग देखे हैं जैसे Mashable, आप देख सकते हैं कि उनके पास एक बहुत अच्छा मेनू सिस्टम है जो नीचे गिर जाता है और आपको प्रत्येक श्रेणी से नवीनतम ब्लॉग पोस्ट में दृश्यता प्रदान करता है। यह सुनिश्चित करने के लिए कि पृष्ठ लोड होने में हमेशा के लिए नहीं लेता है, वे उस सामग्री को अजाक्स का उपयोग करके लोड करते हैं ... और पृष्ठ को पूरी तरह लोड होने के बाद ही इसे प्रीलोड करते हैं।

वर्डप्रेस अजाक्स सबमेनू

हम यहां भी ऐसा ही करना चाहते थे Martech Zone. हमारे पास मौजूद श्रेणियों में कुछ अंतर्दृष्टि प्रदान करने के लिए, मैं प्रत्येक के भीतर कुछ पोस्ट दिखाना चाहता था। हम वर्डप्रेस, वर्डप्रेस से अच्छी तरह वाकिफ हैं एपीआई (API) और jQuery लेकिन यह तब तक नहीं था जब तक मुझे एक लेख नहीं मिला JQuery का उपयोग करके श्रेणी द्वारा पोस्ट ला रहा है हमारा अच्छा समाधान था।

नोट: उनकी पद्धति का एक पहलू जिस पर मुझे विश्वास नहीं है कि एक अच्छा समाधान जावास्क्रिप्ट के माध्यम से संपूर्ण query_post स्ट्रिंग को पास कर रहा है ... मुझे ऐसा लगता है कि आप खुद को हैकिंग के लिए खोल रहे हैं! मैंने इस साइट के लिए स्क्रिप्ट को संशोधित किया है ताकि मैं केवल query_posts कमांड के भीतर आवश्यक पैरामीटर पास कर सकूं।

ट्यूटोरियल पोस्ट में गतिशील रूप से खींचने के लिए टेम्पलेट बनाने के माध्यम से उपयोगकर्ता को कदम उठाता है, और फिर लिंक कैसे बनाया जाए जो अनुरोध शुरू कर सके। यह आसान होता अगर हम कुछ लिंक बनाना चाहते थे, लेकिन हम वास्तव में वर्डप्रेस के नेविगेशन मेनू में निर्मित का उपयोग करना चाहते थे। दुर्भाग्य से हमारे लिए, वर्डप्रेस के मेनू लिंक ने आपके द्वारा मेनू आइटम जोड़ने और हटाने के लिए संख्याएँ उत्पन्न की हैं… लेकिन वास्तव में उनके पास उस श्रेणी के बारे में कोई जानकारी नहीं है जिसे आप अपने अजाक्स कॉल में खींचना और पास करना चाहते हैं।

मेनू सूची आइटम को ठीक से लेबल करने के लिए, हमने WPreso से कोड को शामिल किया, मेनू आइटम कक्षाओं में पेज / पोस्ट स्लग क्लास जोड़ें.

केवल एक ही समस्या... यह पेज या पोस्ट के लिए काम करती है, लेकिन वास्तव में कैटेगरी के लिए काम नहीं करती है! इसलिए हमने स्लग के अनुरोध को इसके साथ अपडेट किया:

$ स्लग = get_cat_slug ($ id);

और WPRecipes से फ़ंक्शन को जोड़ा, वर्डप्रेस ट्रिक: श्रेणी आईडी का उपयोग करके श्रेणी स्लग प्राप्त करें, नेविगेशन मेनू में डेटा विशेषता में श्रेणी के स्लग को वापस खींचने के लिए।

तो ... 3 वर्डप्रेस साइटों और हमारे jQuery गुरु द्वारा कुछ ठीक ट्यूनिंग के सहयोगात्मक प्रयासों के लिए धन्यवाद DK New Media, स्टीफन कोली (मेनू को सुचारू करने के लिए), हमारे पास एक बहुत अच्छा सबमेनू सिस्टम है!

सभी काम हमारी थीम फाइलों के भीतर पूरा किया गया था। हमने फंक्शन्स.php में नेविगेशन मेनू फिल्टर लोड किए, सबमेनू डिव को हमारी थीम के हेडर.php फाइल में जोड़ा, हमारे लिए एक सबमेनू टेम्प्लेट जोड़ा, और हमारे हेडर में एक सबमेनू जावास्क्रिप्ट फाइल लोड की - यह सुनिश्चित करना कि jQuery पहले से ही हमारे थीम में लोड है भी। आशा है कि आप काम की सराहना करेंगे, यह साइट के लिए एक मजेदार अपडेट था!

8 टिप्पणियाँ

  1. 1

    क्या आप इस कोड को कहीं दिखाते या बेचते हैं? मैं इसे बनाने की कोशिश कर रहा हूं, लेकिन मैं यह नहीं पता लगा सकता कि कैसे एक वॉकर के साथ wp_nav_menu में डाल दिया जाए ...

    • 2

      @ facebook-526543707: disqus मैंने अपने द्वारा उपयोग किए गए कोड से लिंक किया। आप क्या संशोधित करने की कोशिश कर रहे हैं?

      • 3

        जवाब के लिए धन्यवाद :)। वैसे यह मेरी पहली श्रेणी के लिए ठीक काम कर रहा है, लेकिन केवल इस एक के लिए, मुझे यह पता नहीं लग सकता है कि प्रत्येक उपश्रेणियों (मेरे मेनू के स्तर 2) के लिए प्रक्रिया को कैसे दोहराया जाए, और इसे स्तर 1 पर काम करने से रोकने के लिए मेरा मेनू: /

  2. 6
  3. 8

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.