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

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

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

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

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

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

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

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

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

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

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