वर्डप्रेस पोस्ट में एक लेखक जानकारी बॉक्स कैसे जोड़ें

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

वर्डप्रेस में क्यों एक लेखक जानकारी बॉक्स की आवश्यकता क्यों और जब

सामग्री के पीछे एक वास्तविक व्यक्ति को देखकर विश्वसनीयता के निर्माण में मदद करता है और उपयोगकर्ताओं के बीच आपकी साइट के अधिकार को मजबूत करता है।

एकल लेखक वेबसाइटों के लिए, आप बस मेरे बारे में एक पेज जोड़ सकते हैं लेकिन बहु-लेखक WordPress साइट्स के लिए, आपको प्रत्येक पोस्ट के नीचे एक लेखक जानकारी बॉक्स जोड़ने की आवश्यकता होगी

लेखक बॉक्स पाठकों के साथ बातचीत करने के लिए लेखकों को प्रोत्साहित करता है यह लेखकों को अपने स्वयं के अनुसरण करने के लिए एक अतिरिक्त प्रोत्साहन प्रदान करता है।

यदि आप अपनी वेबसाइट पर अन्य ब्लॉगर्स की अतिथि पोस्ट स्वीकार करते हैं, तो एक लेखक का जानकारी बॉक्स आपको आपकी साइट पर अधिक कर्षण प्राप्त करने में मदद करेगा।

ऐसा करने के बाद, आइए देखें कि वर्डप्रेस पोस्ट्स में आसानी से एक लेखक जानकारी बॉक्स कैसे जोड़ सकते हैं।

WordPress पोस्ट में लेखक जानकारी बॉक्स जोड़ना

हालांकि यदि आप पाठ-निर्देशों का पालन करना चाहते हैं, तो आप वर्डप्रेस में एक लेखक जानकारी बॉक्स कैसे जोड़ सकते हैं, यह कदम ट्यूटोरियल के द्वारा हमारे चरण का अनुसरण कर सकते हैं।

ऐसे कई अलग-अलग तरीके हैं जो आप एक लेखक जानकारी अनुभाग जोड़ने के लिए उपयोग कर सकते हैं। हम आपको दो अलग-अलग प्लग-इन और साथ ही कोड विधि दिखाएंगे। इस तरह से आप अपनी साइट के लिए सर्वोत्तम तरीके से काम करने वाली कोई विधि चुन सकते हैं।

विधि 1: प्लगइन का उपयोग कर WordPress पोस्ट के नीचे लेखक बॉक्स

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

आपको सबसे पहले ज़रूरत है गुरिल्ला के लेखक बॉक्स प्लगइन को स्थापित करना और सक्रिय करना। अधिक जानकारी के लिए

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

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

अब आप अपनी साइट पर किसी भी वर्डप्रेस पोस्ट पर जा सकते हैं, और आप पोस्ट के नीचे लेखक जानकारी बॉक्स देखेंगे।

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

लेखक जानकारी बॉक्स का स्वरूप अनुकूलित करना

गोरिल्ला का लेखक बॉक्स प्लगइन बहुत बुनियादी सीएसएस के साथ आता है। यह आपके वर्डप्रेस थीम से लिंक और टेक्स्ट रंगों को प्राप्त करता है

हालांकि, अगर आप इसे कस्टमाइज़ करना चाहते हैं, और आप सीएसएस के साथ काम कर रहे हैं, तो आप प्लगइन की डिफ़ॉल्ट सीएसएस कॉपी कर सकते हैं और इसे अपनी थीम या बाल थीम के स्टाइलशीट में पेस्ट कर सकते हैं।

यहां एक नमूना सीएसएस है जिसे आप प्रारंभ बिंदु के रूप में उपयोग कर सकते हैं। हमने पृष्ठभूमि का रंग बदल दिया है और स्क्वायर के स्थान पर लेखक तस्वीर दौर बना दिया है।

.गुरिल्लावाप {
     पृष्ठभूमि: # ईईसीईईसी;
     -webkit-बॉक्स आकार: सीमा बॉक्स;
     -moz बॉक्स-आकार: सीमा बॉक्स;
     एमएस बॉक्स-आकार: सीमा बॉक्स;
     बॉक्स-आकार: सीमा बॉक्स;
     सीमा: 1 पीएक्स ठोस # d0d0d0;
     बाईंओर तैरना;
     पैडिंग: 2%;
     चौड़ाई: 100%;
 }

 .गुरेलाग्रातार {
     बाईंओर तैरना;
     मार्जिन: 0 10px 0 0;
     चौड़ाई: 10%;
 }

 .गुरेलाग्रावतर आईएमजी {
 बॉर्डर-त्रिज्या: 50%;
 सीमा: 1 पीएक्स ठोस # बीई;
 }

 .guerrillatext {
     बाईंओर तैरना;
     चौड़ाई: 84%;
 }

 .guerrillatext h4 {
     फ़ॉन्ट-आकार: 20px;
     रेखा-ऊंचाई: 20px;
     मार्जिन: 0 0 0 0;
     पैडिंग: 0;
 }

 .guerrillatext p {
     मार्जिन: 10px 0 15px 0;
     फ़ॉन्ट शैली: इटैलिक;
 }

 .guerrillasocial {
     बाईंओर तैरना;
     चौड़ाई: 100%;
 }

 .guerrillasocial a {
     सीमा: 0;
     मार्जिन-दाएं: 10px;
 } 

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

विधि 2: एकल पोस्ट के लिए साइडबार विजेट में लेखक जानकारी

उपरोक्त विधि बहुत बढ़िया है यदि आप पदों के नीचे लेखक की जानकारी प्रदर्शित करना चाहते हैं हालांकि, आप में से कुछ साइडबार या किसी भी विजेट तैयार क्षेत्र में लेखक जैव प्रदर्शित करना चाहते हैं।

यहां बताया गया है कि आप एक साइडबार विजेट में लेखक की जानकारी कैसे दिखा सकते हैं।

सबसे पहले आपको ऐसा करने की ज़रूरत है Iks स्मार्ट लेखक विजेट प्लगइन को स्थापित और सक्रिय करें।

सक्रियण पर, आपको यात्रा की आवश्यकता है प्रकटन »विजेट्स पृष्ठ। वहां आपको उपलब्ध विजेट्स की सूची के तहत मेक्स स्मार्ट लेखक मिलेगा। साइडबार पर इस विजेट को जोड़ें जहां आप लेखक की जानकारी प्रदर्शित करना चाहते हैं।

विजेट कई विकल्पों के साथ आता है सबसे महत्वपूर्ण विकल्प जिसे आप चेक करना चाहते हैं वह अगला चेकबॉक्स है ‘स्वचालित रूप से लेखक का पता लगाएं’ विकल्प।

अपनी विजेट सेटिंग को स्टोर करने के लिए सहेजें बटन पर क्लिक करें। अब आप कार्रवाई में लेखक जानकारी विजेट को देखने के लिए अपनी वेबसाइट पर जा सकते हैं।

यह प्लगइन उपयोगकर्ता की जानकारी को उनके WordPress प्रोफ़ाइल से भी लाता है। आपके लेखकों को उनकी जीवनी जानकारी भरने की आवश्यकता होगी

विधि 3: कोड का उपयोग करते हुए लेखक जानकारी बॉक्स जोड़ना

ऊपर वर्णित दोनों तरीकों प्लगइन्स पर भरोसा करते हैं। यदि किसी कारण से आपको मैन्युअल रूप से लेखक जानकारी बॉक्स जोड़ने की जरूरत है, तो यहां बताया गया है कि आप इसे कैसे कर सकते हैं।

पहले आपको इस कोड को अपने विषय के functions.php फ़ाइल या साइट-विशिष्ट प्लग इन में जोड़ना होगा।

फ़ंक्शन wpb_author_info_box ($ सामग्री) {

 ग्लोबल $ पोस्ट;

 // पता लगाएँ कि यह एक पोस्ट लेखक के साथ एक ही पोस्ट है
 यदि (is_single () और & isset ($ post-> post_author)) {

 // लेखक का प्रदर्शन नाम प्राप्त करें
 $ display_name = get_the_author_meta ('display_name', $ post-> post_author);

 // यदि प्रदर्शित नाम उपलब्ध नहीं है तो उपनाम के रूप में उपनाम का उपयोग करें
 अगर (खाली ($ display_name))
 $ display_name = get_the_author_meta ('उपनाम', $ post-> post_author);

 // लेखक की जीवनी जानकारी या विवरण प्राप्त करें
 $ user_description = get_the_author_meta ('user_description', $ post-> post_author);

 // लेखक का वेबसाइट URL प्राप्त करें
 $ user_website = get_the_author_meta ('url', $ post-> post_author);

 // लेखक संग्रह पृष्ठ पर लिंक प्राप्त करें
 $ user_posts = get_author_posts_url (get_the_author_meta ('आईडी', $ post-> post_author));
 
 यदि (! खाली ($ display_name))

 $ author_details = ' 
के बारे में ' ।  $ display_name  ' 
';

 यदि (! खाली ($ user_description))
 // लेखक अवतार और जैव

 $ author_details। = ' 
'  get_avatar (get_the_author_meta ('user_email'), 90)।  nl2br ($ user_description)  ' 
';

 $ author_details। = ' 
इनके सभी पोस्ट देखें ' ।  $ display_name  '';

 // चेक करें कि लेखक की प्रोफ़ाइल उनके प्रोफ़ाइल में है या नहीं
 अगर (! खाली ($ user_website)) {

 // प्रदर्शन लेखक वेबसाइट लिंक
 $ author_details। = '|  वेबसाइट 
';

 } अन्य {
 // अगर कोई लेखक वेबसाइट नहीं है तो बस पैराग्राफ को बंद करें
 $ author_details। = '';
 }

 // सामग्री पोस्ट करने के लिए यह सब जानकारी पास करें
 $ content = $ सामग्री  ' ';
 }
 वापसी $ सामग्री;
 }

 // पोस्ट सामग्री फ़िल्टर में हमारा कार्य जोड़ें
 add_action ('the_content', 'wpb_author_info_box');

 // लेखक जैव अनुभाग में HTML की अनुमति दें
 remove_filter ('pre_user_description', 'wp_filter_kses'); 

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

आप इस सीएसएस को अपनी थीम या बाल थीम के स्टाइलशीट में उपयोग कर सकते हैं। अपनी आवश्यकताओं को पूरा करने के लिए इसे संशोधित करने के लिए स्वतंत्र महसूस करें

.author_bio_section {
 पृष्ठभूमि: कोई भी दोहराने वाला स्क्रॉल 0 0 # F5F5F5;
 पैडिंग: 15 पीएक्स;
 सीमा: 1px ठोस # सीसीसी;
 }

 ।लेखक का नाम{
 font-size: 16px;
 फोंट की मोटाई: बोल्ड;
 }

 .author_details img {
 सीमा: 1 पीएक्स ठोस # D8D8D8;
 सीमा-त्रिज्या: 50%;
 बाईंओर तैरना;
 मार्जिन: 0 10px 10px 0;
 } 

इस तरह से लेखक जानकारी बॉक्स हमारे डेमो साइट पर देखा था।

हमें उम्मीद है कि इस आलेख ने आपको वर्डप्रेस पोस्ट्स में लेखक जानकारी बॉक्स जोड़ने में मदद की है