जेनरेटप्रेस थीम में ऑथर बॉक्स कैसे बनाएं? (Author Box Kaise Banaye)

इस ब्लॉग पोस्ट में हम आपको GeneratePress Theme me Author Box Kaise Banaye के बारे में बिस्तार से बतलायेंगे।

यदि आप अपने वर्डप्रेस ब्लॉग में GeneratePress Theme में एक प्रोफेशनल Author Box बनाने की तलाश में है तो आप सही जगह पर है।

इस ब्लॉग पोस्ट में हम आपको GeneratePress Theme में ऑथर बॉक्स बनाने के बारे में चरण दर चरण मार्गदर्शिका देंगे जिसकी सहयता से आप अपने ब्लॉग पर एक सूंदर ऑथर बॉक्स बना सकेंगे।

जैसा की आप जानते है कि आज के समय में जेनरेटप्रेस सबसे लोकप्रिय वर्डप्रेस थीम मानी जाती है जिसका उपयोग शुरुआती ब्लॉगर से लेकर प्रोफेशनल ब्लॉगर तक अपने ब्लॉग पर करते है।

चाहे आप एक शुरूआती ब्लॉगर ही क्यों न हो लेकिन यदि आपके ब्लॉग पोस्ट पर में विजिटर को ऑथर बॉक्स दिखता है तो विजिटर आपके ब्लॉग पर ज्यादा भरोशा करता है।

ब्लॉग में ऑथर बॉक्स आपके ब्लॉग की ब्रांडिंग को तो बढ़ता ही है साथ ही यह आपके ब्लॉग को एक प्रोफेशनल लुक भी प्रदान करता है।

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

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

वेबसाइट पर ऑथर बॉक्स क्यों ज़रूरी है?

ब्लॉग पोस्ट में ऑथर बॉक्स होने से ब्लॉग प्रोफेशनल तो दीखता ही है साथ में रीडर को ब्लॉग पोस्ट लिखने बाले के बारे में भी पता चलता है।

ऑथर बॉक्स ब्लॉग की प्रामाणिकता और विश्वसनीयता को बढ़ता ही है जिसको गूगल भी रैंकिंग फैक्टर के रूप में कंसीडर करता है।

बर्तमान समय में किसी भी साइट को गूगल सर्च इंजन में रैंक करने के लिए ऑथर बॉक्स बहुत ज़्यादा ज़रूरी है।

एक प्रोफेशनल और अच्छा दिह्कने वाला ऑथर बॉक्स आपके ब्लॉग की अथॉरिटी बढ़ता है।

ऑथर बॉक्स कैसे जोड़ते है? GeneratePress Theme me Author Box Kaise Banaye

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

इसके लिए निचे दिए गए चरणों को ध्यानपूर्वक फॉलो करे:

स्टेप 1: सबसे पहले Gravartar को अपडेट करे

Gravartar वह प्रोफ़ाइल इमेज है जिसको आप अपने ऑथर बॉक्स में दिखते है।

लेकिन इसको आप ऍबे ब्लॉग के डैशबोर्ड से अपडेट नहीं कर सकते है।

अपने Gravatar को अपडेट करने के लिए आपको Gravatar वेबसाइट पर एक खाता बनाना होगा।

Gravatar को अपडेट करने के लिए निम्नलिखित स्टेप को फॉलो करे:

• सबसे पहले अपने वर्डप्रेस ब्लॉग के डैशबोर्ड में लॉगिन करे,
• इसके बाद बाये और दिए मेनू में “User” पर क्लिक करे।
• जिस यूजर की प्रोफाइल को अपडेट करना है उसमे “Edit” के बिकल्प पर क्लिक करे।
• नीचे की तरफ स्क्रॉल करे और About section > Profile picture में जाये।
• यहाँ पर आपको “You can change your profile picture on Gravatar” पर क्लिक करें।
• अब आप Gravatar वेबसाइट पर रेडिरेक्ट हो चुके है।
• अपने WordPress.com क्रेडेंशियल का उपयोग करके साइनइन/साइनअप करें।
• यहाँ पर आपको Gravatar के साथ अपने WordPress खाते को ऑथॉरिज़ करना होगा।
• इसके बाद अब “Add a New Image” सेक्शन पर जाएं।
• जिस इमेज को आप अपने ऑथर बॉक्स में दिखाना चाहते है उसको अपलोड करें।
• इसके बाद अपने Gravatar को G, PG, R और X के बीच रेट करें।
• इतना करने के बाद आपकी प्रोफाइल पिक्स Gravatar वेबसाइट पर अपलोड हो चुकी है।

इसके बाद अपने वर्डप्रेस डैशबोर्ड में दोवारा आये और यूजर प्रोफाइल में जाकर चेक करे की इमेज अपडेट हुई है या नहीं।

अब यूजर प्रोफाइल में दिए “About Yourself” सेक्शन में “Biographical Info” में अपने बारे में जानकारी दे।

ध्यान रखे यह जानकारी आपके ऑथर बॉक्स में दिखाई देगी, इसीलिए इसको सबधाणी के साथ एक प्रोफेशनल की तरह लिखे।

इतना करने के बाद आप अपने प्रोफाइल में दिखने वाले इमेज और बायो को अपडेट कर चुके है।

अब हम आगे के स्टेप में GaneratePress थीम में ऑथर बॉक्स ऐड करने के बारे में बतलायेंगे।

स्टेप 2: जेनरेटप्रेस थीम में सेटिंग करे?

हम आपको पहले ही बतला देते है कि जेनरेटप्रेस थीम में ऑथर बॉक्स केवल प्रीमियम वर्शन में ही जोड़ा जा सकता है।

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

यदि आपके पास प्रीमियम वर्शन है तो इस ब्लॉग पोस्ट को पढ़ते रहिये।

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

सबसे पहले आपको जेनरेटप्रेस प्रीमियम थीम के एलिमेंट मोड को सक्रिय करना है।

इसके लिए अपने वर्डप्रेस ब्लॉग के डैशबोर्ड में Appearance > GeneratePress > Elements > activate पर क्लिक करे।

इसके बाद एक हुक एलिमेंट को जोड़े और इसके लिए Appearance > Elements > Add New Element पर जाये।

एलिमेंट टाइप में “Hook” चुने और टाइटल में “Author Box” लिखे।

इसके बाद नीचे दिए गए कोड को कॉपी करे और पेस्ट कर दे।

<div class="author-box">
    <div class="avatar">
        <?php echo get_avatar( get_the_author_meta( 'ID' ), 250 ); ?>
    </div>
    <div class="author-info">
        <h5 class="author-title" itemprop="author" itemscope itemtype="http://schema.org/Person">
            <span itemprop="name"><?php printf( get_the_author_meta( 'display_name') );?></span>
        </h5>
        <div class="author-summary">
            <p class="author-description"><?php echo wp_kses( get_the_author_meta( 'description' ), null ); ?></p></div>
<div class="author-links">
            <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>" title="Read more"></a>
       </div>
    </div>
</div>

ऊपर दिए गए कोड को पेस्ट करने के बाद नीचे स्क्रॉल करें और हुक “सेटिंग्स” पर जाएं।

सबसे पहले दिए गए Hook के सामने “generate_after_content“, Execute Shortcodes वाला बॉक्स पर क्लीक नहीं करे और Execute PHP” box पर क्लिक करे और Priority में 20 लिखे।

हुक सेटिंग की बराबर में दिए दूसरे टैब Display Rules पर क्लिक करे।
यहाँ पर आपको Location में “all singular” और Exclude में “FrontPage” चुने।

इतनी सेटिंग करने के बाद “Publish” बटन पर क्लिक करे।

चरण 3: ऑथर बॉक्स के लिए CSS जोड़े

आपका ऑथर बॉक्स पूरी तरह से प्रोफेशनल दिखना चाहिए इसके लिए इसमें CSS का इस्तेमाल करके इसको स्टाइलिस्ट बनाना बहुत ज़रूरी है।

ऑथर बॉक्स को सूंदर दिखने के लिए Appearance>>Customize>>Additional CSS पर क्लिक करे।

इसके बाद नीचे दिए गए css कोड को कॉपी करे और पेस्ट करे।

.author-box {
	padding: 3%;
	padding-bottom: 10px;
	margin-top: 30px;
	font-size: 0.9em;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
        box-shadow: 0 9px 28px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.author-box .avatar {
	width: 450px;
	height: auto;
	border-radius: 100%;
	margin-right: 30px;
}
h5.author-title {
	margin-bottom: 0.1em;
	font-weight: 800;
}
.author-description {
	line-height: 1.6em
}
.author-links a {
	margin-top: -1.5em;
	font-size: 2em;
	line-height: 2em;
	float: left;
}
@media (max-width: 768px) {
	.author-box {
		padding: 20px;
		padding-bottom: 25px;
		margin-top: 60px;
		flex-direction: column;
		text-align: center;
	}
	.author-box .avatar {
		margin-right: 0;
		width: 100%;
		margin-top: -25px;
	}
	.author-box .avatar img {
		max-width: 100px;
	}
	.author-links a {
		float: none;
		align-self: center;
	}
	.author-description {
		margin-bottom: -0.1em;
	}
}

इसके बाद Publish के बटन पर क्लिक करे।

इतना करने के बाद आपके ब्लॉग में ऑथर बॉक्स जुड़ जायेगा।

निष्कर्ष: GeneratePress Theme me Author Box Kaise Banaye

इस ब्लॉग पोस्ट में हमने जेनरेटप्रेस थीम में ऑथर बॉक्स कैसे जोड़ते है के बारे में सम्पूर्ण जानकारी दी है।

ऊपर दिए गए स्टेप्स को फॉलो करके आप बिना किसी प्लगइन के जेनरेटप्रेस थीम में एक प्रोफेशनल लेखक बॉक्स जोड़ सकते है।

हमे पूरी उम्मीद है यह ऑथर बॉक्स गाइड आपके लिए लाभदायक सिद्ध होगी।

यदि आपके पास कोई प्रश्न है तो कमेंट सेक्शन के माध्यम से ज़रूर पूछे।

धन्यवाद!

इन्हे भी ज़रूर पढ़े!

• ब्लॉग पोस्ट टॉपिक कैसे चुने?
• फ्री डोमेन नाम कैसे प्राप्त करें?
• ब्लूहोस्ट वेब होस्टिंग रिव्यु
• अपना डोमेन नाम कैसे बदलें
• वर्डप्रेस वेबसाइट बनाने के लिए कौन सा ड्रैग एंड ड्रॉप पेज बिल्डर प्लगइन्स चुने?
• ब्लॉगर पर फ्री में ब्लॉग कैसे बनाये?
• ब्लॉग क्या है? लोग ब्लॉग क्यों बनाते हैं?