WordPress में बॉक्स / फैन बॉक्स की तरह फेसबुक को कैसे जोड़ें

WordPress में बॉक्स / फैन बॉक्स की तरह फेसबुक को कैसे जोड़ें

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

WordPress के लिए आधिकारिक फेसबुक प्लगइन का उपयोग कर बॉक्स की तरह जोड़ना

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

बॉक्स / प्रशंसक बॉक्स विजेट सेटिंग्स की तरह फेसबुक

विजेट के लिए वेबसाइटों के लिए फेसबुक सोशल प्लगिन के समान विकल्प हैं। आप एक स्ट्रीम दिखाने, चेहरे दिखाने, हेडर हटा सकते हैं, सीमा रंग बदल सकते हैं। वर्तमान में केवल दो थीम उपलब्ध हैं जो कि प्रकाश और अंधेरे हैं।

किसी भी प्लगइन का उपयोग किए बिना मैन्युअल रूप से बॉक्स को जोड़ना

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

वर्डप्रेस में मैन्युअल रूप से बॉक्स की तरह फेसबुक को जोड़ने के लिए कोड प्राप्त करना

दबाएं कोड प्राप्त करें बॉक्स कोड की तरह पाने के लिए बटन।

फेसबुक आपको अपनी वेबसाइट पर बॉक्स बॉक्स को जोड़ने के कई तरीके प्रदान करता है। आप एचटीएमएल 5, एक्सएफबीएमएल, और आईफ्रेम से चुन सकते हैं। हम आपको दिखाएंगे कि कैसे उनमें से प्रत्येक को जोड़ना है लेकिन आपको एक को चुनना होगा हमारी राय में HTML5 सबसे वर्डप्रेस संचालित वेबसाइटों के लिए एक अच्छा विकल्प है। XFBML अन्य फेसबुक प्लग इन का उपयोग करने वाले लोगों के लिए अच्छा है जो फेसबुक बटन प्रदर्शित करने के लिए XFBML का उपयोग करता है। Iframe का उपयोग करें यदि पहले दो विकल्प आपके लिए काम नहीं करते हैं

बॉक्स की तरह फेसबुक कई कोड स्वरूपों में उपलब्ध है

वर्डप्रेस में बॉक्स कोड की तरह एचटीएमएल 5 फेसबुक जोड़ना

कोड विंडो से एचटीएमएल 5 टैब पर क्लिक करें और कोड का पहला भाग कॉपी करें। वे अनुशंसा करते हैं कि आप इसे सही बाद पेस्ट करें टैग जो आमतौर पर आपके header.php फ़ाइल में पाया जाता है हालांकि, यह शरीर में कहीं भी काम करेगा। चीजों को अपने आप में आसान बनाने के लिए, आप इसे हमारे शीर्ष लेख और पाद लेख प्लगइन का उपयोग करके बस इसे पाद लेख में जोड़ सकते हैं। कोड का पहला भाग ऐसा दिखेगा:


यह जावास्क्रिप्ट आपकी वेबसाइट को फेसबुक की जावास्क्रिप्ट लाइब्रेरी से जोड़ता है। अब कोड के दूसरे भाग की प्रतिलिपि बनाएँ, जो कुछ ऐसा दिखाई देगा:


कोड का यह हिस्सा आपको इस स्थान पर इस बॉक्स पर और इन पैरामीटर के साथ प्रदर्शित करने के लिए जो जावास्क्रिप्ट को लोड किया है उसे बताता है। इस उदाहरण के लिए, हम इस कोड को साइडबार विजेट में पेस्ट कर देंगे। के लिए जाओ प्रकटन »विजेट्स । खींचें और अपनी साइडबार पर एक पाठ विजेट ड्रॉप करें और उसके अंदर कोड पेस्ट करें। अपना विजेट सहेजें और अपनी वेबसाइट की जांच करें।

यह आपकी साइट के किसी भी अन्य क्षेत्र में भी काम करेगा। यदि आप कोड के साथ प्रेमी हैं, तो आप इसे अपने पाद लेख, पोस्ट के बाद, आदि में पेस्ट कर सकते हैं।

अपने स्वयं के पृष्ठ यूआरएल पर फेसबुक फैन पेज यूआरएल बदलने के लिए मत भूलना।

WordPress में बॉक्स कोड की तरह एक्सएफबीएमएल फेसबुक को जोड़ना

बॉक्स की तरह XFBML फेसबुक के लिए कोड प्राप्त करने के लिए XFBML टैब पर क्लिक करें एक एक्सएफबीएमएल फेसबुक बॉक्स को जोड़ने के लिए आपको वर्डप्रेस में तीन छोटे टुकड़े जोड़ने होंगे

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


यह छोटा जावास्क्रिप्ट समारोह आपकी वेबसाइट को फेसबुक की जावास्क्रिप्ट लाइब्रेरी से जोड़ता है।

कोड की दूसरी पंक्ति एक XML नामस्थान घोषणा है, और आपको इसमें जोड़ना होगा आपकी साइट का टैग सबसे आसान तरीका अपने विषय को खोलना होगा functions.php फ़ाइल, निम्न कोड पेस्ट करें:

// भाषा विशेषताओं में ओपन ग्राफ़ को जोड़ना
 फ़ंक्शन add_opengraph_doctype ($ आउटपुट) {
 वापसी $ आउटपुट  'एक्सएमएलएनः ओग = "http://ogp.me/ns#" xmlns: fb = "http://ogp.me/ns/fb#"';
 }
 add_filter ('language_attributes', 'add_opengraph_doctype'); 

अन्त में, कोड की तीसरी पंक्ति की प्रतिलिपि बनाएँ, जो कुछ ऐसा दिखाई देगा:

इस कोड को जावास्क्रिप्ट बताता है कि आपने इस स्थान पर इस तरह के बॉक्स को प्रदर्शित करने और इन पैरामीटर के साथ पहले चरण में लोड किया है। के लिए जाओ प्रकटन »विजेट्स । खींचें और अपनी साइडबार पर एक टेक्स्ट विजेट ड्रॉप करें और उस पाठ विजेट के अंदर कोड की तीसरी पंक्ति चिपकाएं। अपने परिवर्तन सहेजें और अपनी वेबसाइट का पूर्वावलोकन करें

WordPress में Facebook Likebox iframe को जोड़ना

Iframe कोड की प्रतिलिपि बनाने के लिए IFRAME टैब पर क्लिक करें। के लिए जाओ प्रकटन »विजेट्स और अपनी साइडबार पर एक टेक्स्ट विजेट खींचें और ड्रॉप करें पाठ विजेट में आइफ्रेम कोड चिपकाएं और परिवर्तन सहेजें। फेसबुक प्रशंसक बॉक्स का पूर्वावलोकन करने के लिए अपनी साइट खोलें।

हमें उम्मीद है कि इस लेख ने आपको अपने WordPress साइट पर बॉक्स / फैन बॉक्स की तरह फेसबुक को जोड़ने में मदद की। प्रश्न और प्रतिक्रिया के लिए कृपया एक टिप्पणी छोड़ दें आप हमे फेसबुक पर भी अनुसरण कर सकते हैं।