बिना Plugins के WordPress Related Posts कैसे जोड़ें

WordPress का उपयोग करने के बड़े लाभों में से एक प्लगइन्स हैं। वर्डप्रेस प्लगइन्स लगभग कुछ भी आप कल्पना कर सकते हैं, अपने ब्लॉग को सीएमएस में विस्तारित करने से लेकर, निफ्टी सुविधाओं को जोड़ने और खोज इंजन के लिए अपने ब्लॉग का अनुकूलन करने तक - संभावनाएं अनंत हैं (और चलो वहाँ से बाहर सभी विभिन्न विषयों को नहीं भूलना चाहिए).

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

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

यह लेख आपको सब कुछ सरल, हल्का और सुलभ रखते हुए, बिना किसी प्लग इन के अपने ब्लॉग में थंबनेल के साथ संबंधित पोस्ट जोड़ना सिखाएगा। आएँ शुरू करें!

लेकिन पहले, क्यों प्लगइन्स से बचें?

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

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

आरंभ करना: थंबनेल के साथ संबंधित पोस्ट

यह "संबंधित पोस्ट" सुविधा, अन्य लोगों की तरह, आपके मुख्य लेख पृष्ठ (single.php) पर रखी गई है, लेकिन आप इसे लगभग कहीं भी उपयोग कर सकते हैं, जब तक आप इसे वर्डप्रेस लूप के भीतर रखते हैं। संबंधित पोस्ट प्राप्त करने के लिए, हम उन पोस्ट टैग का उपयोग करेंगे जो व्यक्तिगत लेखों को दिए गए हैं.

थंबनेल

वर्डप्रेस में अब बिल्ट-इन थंबनेल सिस्टम है, जिसकी हमें यहाँ आवश्यकता होगी। इसे सक्षम करने के लिए, इस कोड को अपने कार्य फ़ोल्डर में जोड़ें। अपने थीम फ़ोल्डर में फ़ाइल करें (ज्यादातर मामलों में, यह पहले से ही है).

 add_theme_support ('पोस्ट-थंबनेल'); 

आप कोड में एक और पंक्ति जोड़कर थंबनेल की चौड़ाई और ऊंचाई भी निर्धारित कर सकते हैं:

 add_theme_support ('पोस्ट-थंबनेल'); set_post_thumbnail_size (100, 50, सच); 

जरूरी: थम्बनेल बनाने के लिए, पोस्ट में चित्र जोड़ने पर, आपको छवि अपलोड पैनल में, चयन करना होगा “चित्रित छवि के रूप में उपयोग करें”. यह पोस्ट के लिए थंबनेल बनाएगा.

कोड

 
 
संबंधित पोस्ट
 आईडी); if ($ टैग) $ tag_ids = array (); foreach ($ टैग्स के रूप में $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, // संबंधित पोस्ट की संख्या प्रदर्शित करने के लिए। 'caller_get_posts' => 1)। ; $ my_query = new wp_query ($ args); जबकि ($ my_query-> has_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

कोड का टुकड़ा the_post_thumbnail (सरणी (150,100) थम्बनेल का आकार सेट करता है जो प्रदर्शित किया जाएगा, इस स्थिति में, 150px चौड़ाई, 100px ऊँचाई.

सीएसएस

हमारे यहाँ दो divs कक्षाएं हैं, “.संबंधित पोस्ट”, जो समग्र div कंटेनर है, और “.relatedthumb” जो .relatedposts के भीतर अलग-अलग थंबनेल और लिंक है। हम मान लेंगे कि पोस्ट की चौड़ाई मानक 640px है। सीएसएस:

 .संबंधित स्थान चौड़ाई: 640px; मार्जिन: 0 0 20px 0; बाईंओर तैरना; फ़ॉन्ट-आकार: 12px;; .relatedposts h3 फ़ॉन्ट-आकार: 20px; मार्जिन: 0 0 5px 0;  .relatedthumb मार्जिन: 0 1px 0 1px; बाईंओर तैरना;  .relatedthumb img मार्जिन: 0 0 3px 0; गद्दी: 0; .relatedthumb a color: # 333; पाठ-सजावट: कोई नहीं; प्रदर्शन क्षेत्र; गद्दी: 4 पीएक्स; चौड़ाई: 150px;; .relatedthumb a: होवर बैकग्राउंड-कलर: #ddd; रंग: # 000; 

ऊपर दिए गए CSS में पोस्ट थंबनेल को 150px चौड़ाई के साथ प्रस्तुत किया जाएगा, जिसका अर्थ है कि हमें पोस्ट की 640px चौड़ाई (उनके बीच मार्जिन सहित) को भरने के लिए 4 थंबनेल की आवश्यकता होगी। आप अपनी इच्छानुसार इसे समायोजित कर सकते हैं; यदि आप 5 थंबनेल चाहते हैं, तो आपको लगभग 125px की .relatedthumb चौड़ाई की आवश्यकता होगी.

जरूरी: अपने वर्डप्रेस मीडिया सेटिंग्स में उत्पन्न थंबनेल की चौड़ाई को सीएसएस में सेट किए गए लोगों से मिलान करने के लिए सुनिश्चित करें। इसके अतिरिक्त, इसे php कोड में निर्दिष्ट आकार से मेल खाना है: the_post_thumbnail (सरणी (150,100).

उदाहरण

संबंधित पोस्ट कुछ इस तरह दिखाई देनी चाहिए, जैसा कि गेमिंग ब्लॉग DigitalBattle (जो इस लेख में वर्णित सटीक तकनीक का उपयोग करता है) द्वारा किया गया है:

इसी तरह की तकनीकें

यह प्लगइन्स के बिना संबंधित पोस्ट करने का एकमात्र तरीका नहीं है - वहाँ बहुत सारी तकनीकें और गाइड हैं जो आपको दिखाते हैं कि प्लगइन्स के बिना संबंधित पोस्ट कैसे जोड़ें, यहां उनमें से कुछ हैं:

]
• संबंधित पोस्ट वर्डप्रेस / प्लगइन के बिना थंबनेल (TechWalz)
• कैसे करें: प्लगइन के बिना वर्डप्रेस में थंबनेल के साथ संबंधित पोस्ट (WPBeginner)
• प्लगइन के बिना थंबनेल के साथ संबंधित पोस्ट कैसे जोड़ें (WPCode)

निष्कर्ष

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