वर्डप्रेस मेनूद्वारे वर्गवारीनुसार नवीनतम पोस्ट लोड करा

jquery

जर आपण काही मोठ्या ब्लॉग्जना भेट दिली असेल तर मॅशेबल, आपणास लक्षात येईल की त्यांच्याकडे एक अतिशय छान मेनू सिस्टम आहे जी खाली पडते आणि आपल्याला प्रत्येक श्रेणीमधील नवीनतम ब्लॉग पोस्टमध्ये दृश्यमानता प्रदान करते. हे पृष्ठ लोड होण्यास कायमचा वेळ लागणार नाही हे सुनिश्चित करण्यासाठी ते अजॅक्स वापरुन ती सामग्री लोड करतात… आणि पृष्ठ पूर्णपणे लोड झाल्यानंतरच ते प्रीलोड करतात.

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

आम्हालाही तेच इथे करायचे होते Martech Zone. आमच्याकडे असलेल्या श्रेणींमध्ये काही अंतर्दृष्टी प्रदान करण्यासाठी, मला प्रत्येकामध्ये काही पोस्ट दर्शवायच्या आहेत. आम्ही वर्डप्रेस, वर्डप्रेस वर चांगली जाण आहे API आणि jQuery पण मला यावर एक लेख सापडल्याशिवाय नव्हता JQuery वापरून श्रेणीद्वारे पोस्ट आणत आहे आमच्याकडे एक चांगला तोडगा होता.

सुचना: मला विश्वास नाही अशा त्यांच्या पद्धतीचा एक पैलू म्हणजे जावास्क्रिप्टद्वारे संपूर्ण क्वेरी_पोस्ट स्ट्रिंग पुरवणे म्हणजे एक चांगला उपाय आहे… असे दिसते आहे की आपण हॅकिंगसाठी स्वतःला उघडत आहात! मी या साइटसाठी स्क्रिप्ट सुधारित केली आहे जेणेकरून मी केवळ क्वेरी_पोस्ट आदेशामध्ये आवश्यक पॅरामीटर्स पास करतो.

ट्यूटोरियल पोस्टमध्ये गतिकरित्या खेचण्यासाठी टेम्पलेट तयार करुन वापरकर्त्यास चरणात आणते आणि मग विनंती सुरू करू शकेल असे दुवे कसे तयार करावे. आम्हाला फक्त काही दुवे करायचे असल्यास हे सोपे झाले असते, परंतु आम्हाला नेव्हिगेशन मेनूमध्ये अंगभूत वर्डप्रेस वापरण्याची इच्छा होती. दुर्दैवाने आमच्यासाठी, आपण मेनू आयटम जोडता आणि काढता तसे वर्डप्रेसच्या मेनू दुव्यांनी क्रमांक व्युत्पन्न केले आहेत ... परंतु आपल्या अ‍ॅजॅक्स कॉलमध्ये आपण खेचू आणि पास करू इच्छिता त्या प्रकारात त्यांच्याकडे प्रत्यक्षात काही माहिती नाही.

मेनू सूची आयटम योग्यरित्या लेबल करण्यासाठी, आम्ही डब्ल्यूप्रेसो कडील कोड अंतर्भूत केला, मेनू आयटम वर्गात पृष्ठ / पोस्ट स्लग वर्ग जोडा.

केवळ एक समस्या ... हे पृष्ठ किंवा पोस्टसाठी कार्य करते, परंतु प्रत्यक्षात श्रेणीसाठी कार्य करत नाही! म्हणून आम्ही यासह स्लगची विनंती अद्यतनित केलीः

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

आणि डब्ल्यूपीआरसीपीस मधील फंक्शन जोडले. वर्डप्रेस युक्ती: श्रेणी आयडी वापरून श्रेणी स्लग मिळवा, नेव्हिगेशन मेनूमधील डेटा विशेषता मध्ये श्रेणी स्लग मागे खेचण्यासाठी.

तर… 3 वर्डप्रेस साइट्सच्या सहयोगी प्रयत्नांचे आणि आमच्या jQuery गुरू येथे काही उत्कृष्ट-ट्यूनिंगचे आभार DK New Media, स्टीफन कोली (मेनू गुळगुळीत करण्यासाठी), आमच्याकडे खूप छान सबमेनू सिस्टम आहे!

सर्व थीम आमच्या थीम फायलींमध्ये पूर्ण झाली. आम्ही फंक्शन्स.पीपीपी मधील नेव्हिगेशन मेनू फिल्टर्स लोड केले, आमच्या थीमच्या हेडर.एफपीपी फाईलमध्ये सबमेनू डीव्ही जोडला, त्यामध्ये सबमेनू टेम्पलेट जोडला आणि आमच्या हेडरमध्ये सबमेनू जावास्क्रिप्ट फाइल लोड केली - जेक्यूरी आधीपासूनच आमच्या थीममध्ये लोड केलेली आहे याची खात्री करुन सुद्धा. आपण या कामाचे कौतुक करता अशी आशा आहे, ते साइटवर एक मजेदार अद्यतन होते!

8 टिप्पणी

  1. 1

    आपण हा कोड कुठेतरी दर्शविला किंवा विकला आहे? मी ते कार्य करत आहे यासाठी प्रयत्न करीत आहे परंतु डब्ल्यूपी_ना_मेनूमध्ये कसे फिरवायचे हे समजू शकत नाही…

  2. 6
  3. 8

    नमस्कार! मी नवीन प्रकल्प शोधत आहे हेच आहे. कोड सामायिक करण्याची कोणतीही संधी?

तुला काय वाटत?

ही साइट स्पॅम कमी करण्यासाठी अकिस्मेट वापरते आपल्या टिप्पणी डेटावर प्रक्रिया कशी केली जाते ते जाणून घ्या.