Add Author box in Generatepress theme without plugin in hindi

Rate this post

Add Author Box in GeneratePress theme without plugin in Hindi आज के इस लेख में हम बात करने वाले हैं कि आप किस तरह से GeneratePress Theme में author box को add कर सकते हैं आज का टॉपिक बहुत ही महत्वपूर्ण रहने वाला है क्योंकि इस टॉपिक में हम आपको बिना किसी प्लगइन का इस्तेमाल किए GeneratePress premium Theme में author box add कैसे करना है यह बताने वाले हैं जो बिल्कुल ही आसान कार्य है कोई भी बिगनर इस कार्य को आसानी से कर सकता है।

क्या आप जानते हैं generatepress theme एक बहुत ही बढ़िया थीम है लेकिन बाय डिफॉल्ट इसमें author box को add नहीं किया गया है लेकिन अगर आपको अपनी वेबसाइट के पोस्ट में author box लगाना हो तो आपको plugin install करना पड़ता है जिस कारण आपकी वेबसाइट की स्पीड धीमी हो जाती है।

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

Also Read:-

Author box क्या है और इसे पोस्ट के नीचे क्यों लगाना चाहिए?

Author box वास्तव में आपकी वेबसाइट पर आने वाले visitor को यह जानकारी देता है कि जो पोस्ट विजिटर पढ़ रहा है वह किस लेखक द्वारा लिखा गया है ऑथर बॉक्स में लेखक के बारे में जानकारी दी गई होती है और साथ में लेखक की आप चाहे तो एक इमेज भी ऑथर बॉक्स में लगा सकते हैं।

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

Author box कैसे add करें generatepress theme मे?

यहां पर हम आपको बताएंगे कि आप किस तरह से wordpress में ऑथर बॉक्स लगा सकते हैं और यहां पर हम आपको यह भी बताने वाले हैं कि आप Generatepress theme के फ्री वर्जन और paid वर्जन में ऑथर बॉक्स किस तरह से लगा सकते हैं।

फ्री वर्जन में ऑथर बॉक्स लगाने के लिए हम कुछ plugin का इस्तेमाल करेंगे लेकिन प्रो वर्जन में ऑथर बॉक्स बनाने के लिए हम coding का इस्तेमाल करेंगे।

लेकिन ऑथर बॉक्स लगाने से पहले आपको कुछ वर्डप्रेस में और भी सेटिंग करनी है पहले हम उस सेटिंग के बारे में आपको बता देते हैं जिसको करने के बाद ही आप ऑथर बॉक्स लगा पाएंगे।

  • सबसे पहले आपको अपनी वेबसाइट के wordpress dashboard में login कर लेना है।
  • अब आपको Users का ऑप्शन दिखाई देगा उस पर क्लिक करने के बाद आपको profile के ऊपर क्लिक कर लेना है लेकिन अगर आप यूजर ऐड करना चाहते हैं तो आपको add new user के ऊपर क्लिक कर लेना है और यूजर को ऐड कर लेना है और उसके बाद प्रोफाइल के ऊपर क्लिक कर लेना है।
  • थोड़ा नीचे से कॉल करने पर Biographical Info का ऑप्शन दिखाई देगा यहाँ पर आपको ऑथर के बारे मे जानकारी देनी होगी जो आप ऑथर बॉक्स मे दिखाना चाहते है।
Biographical Info
  • अब नीचे आपको Profile Picture दिखाई देगा यहाँ पर profile picture on Gravatar पर क्लिक करे अब आप एक नई वेबसाइट पर चले जाएगे।
profile picture on Gravatar
  • यहाँ पर आपको account बनाना होगा और login करना होगा।
  • अब आपको ऑथर की image upload करनी होगी और वेबसाइट भी add करनी होगी।
  • Login करने के बाद My Profile पर क्लिक  करने के बाद आप आसानी से picture अपलोड और website add कर पाएगे।

Free Generatepress theme मे author box कैसे add करें?

Free Generatepress theme का अगर आप इस्तेमाल करते हैं तो आप उसमें कोडिंग के द्वारा ऑथर बॉक्स नहीं लगा सकते क्योंकि Generatepress theme के free version मे आपको अधिक फीचर इनेबल करके नहीं दिए जाते जिस कारण आप इस theme को अधिक कस्टमाइज नहीं कर पाते।

लेकिन अगर आप फिर भी जरनेट प्रेस के फ्री वर्जन में ऑथर बॉक्स का इस्तेमाल करना चाहते हैं तो आपको प्लगइन का इस्तेमाल करना होगा ऐसे बहुत से प्लगइन हैं जिनका इस्तेमाल करके आप जरनेट प्रेस थीम मे ऑथर बॉक्स लगा सकते हैं

हम आपको यहां पर कुछ प्लगइन के बारे में बताने जा रहे हैं जो बहुत ही बढ़िया हैं और जिनका इस्तेमाल करके आप फ्री जनरेट प्रेस वर्जन में ऑथर बुक्स लगा सकते हैं।

Simple Author Box

Simple Author Box एक बहुत ही बढ़िया प्लगइन है जिसका इस्तेमाल करके आप सिंपल और गुड लुकिंग ऑथर बॉक्स बना सकते हैं इस प्लगइन में आपको बहुत से फीचर मिल जाते हैं।

WebFactory Ltd द्वारा इस प्लगइन को बनाया गया है और इस समय इस प्लगइन के 50,000 से अधिक active user है और इसकी रेटिंग भी 4.5 है।

ITI full form in hindi | iti kya hai

Fancier Author Box

Fancier Author Box एक बहुत ही अच्छा  लॉगइन है जिसका इस्तेमाल करके आप ऑथर बॉक्स बना सकते हैं इस प्लगइन के 9000 से अधिक एक्टिव यूजर हैं और इसकी रेटिंग भी 4.8 स्टार है।

लेकिन इस प्लगइन को पिछले 6 वर्षों से एक बार भी अपडेट नहीं किया गया।

Social Pug: Author Box

Social Pug: Author Box एक बहुत ही अच्छा प्लगइन है जिसका इस्तेमाल करके आप ऑथर बॉक्स बना सकते हैं इसके एक्टिव यूजर्स 1000 से अधिक हैं और इस प्लगइन को 5 स्टार रेटिंग मिली हुई है लेकिन इस प्लगइन का भी पिछले 5 वर्षों से कोई भी अपडेट नहीं आया है।

तो अगर आप भी free generatepress version का इस्तेमाल करते हैं तो आप ऊपर दिए गए प्लगइन में से किसी भी एक plugin का इस्तेमाल करके author box बना सकते हैं।

GeneratePress Premium Theme मे Author Box कैसे ऐड करें बिना प्लगइन इस्तेमाल किए?

यहां पर हम आपको बताने वाले हैं कि आप किस तरह से GP Premium मे बिना किसी प्लगइन का इस्तेमाल किए author box add कर सकते हैं GeneratePress Premium मे ऑथर बॉक्स ऐड करने के लिए हम Hook method का इस्तेमाल करेंगे।

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

Elements को एक्टिवेट करें

  • वर्डप्रेस डैशबोर्ड मे लॉगिन करें।
  • Appearance पर क्लिक करें और generatepress पर क्लिक करें।
  • अब Elements के ऊपर टिक करें और उसे एक्टिवेट कर दें।
Elements

New Hook Element ऐड करें

अब आपको एक नया hook element ऐड करना होगा इसके लिए आपको कुछ स्टेप फॉलो करने होंगे जो नीचे दिए गए हैं।

  • Appearance पर क्लिक करें और Elements पर क्लिक करें।
  • अब Add New Element पर क्लिक करें एक popup ओपन होगा यहां पर Choose Element Type मे hook select करने के बाद create पर क्लिक करें।
  • add titel मे आप कुछ भी लिख सकते हैं जैसे ऑथर बॉक्स।
  • अब आपको नीचे दिए हुए codes को कॉपी कर लेना है और उसे दिए गए बॉक्स में पेस्ट कर देना है।

अगर किसी कारण से code कॉपी ना हो पाए तो यहां पर क्लिक करके डाउनलोड करें

<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 PHP के सामने बने बॉक्स पर टिक कर देना है।
New Hook Element ऐड करें
  • अब Display rules पर क्लिक करना है और Location के सामने post को सिलेक्ट करना है और फिर all post को सेलेक्ट कर लेना है।
  • अब publish के ऊपर क्लिक कर देना है।

Author box को डिजाइन दें css code का इस्तेमाल करके।

अब हम ऑथर बॉक्स को डिजाइन देंगे कुछ css codes का इस्तेमाल करके जिस कारण ऑथर बॉक्स मोबाइल और लैपटॉप की स्क्रीन पर ऑटोमेटिकली अर्जेस्ट हो पाएगा तो अब हम आपको कुछ कोड देंगे जिसे आपको generatepress theme के Additional CSS मे पेस्ट करना होगा।

Additional CSS मे css code कैसे add करें?

  • सबसे पहले वर्डप्रेस के डैशबोर्ड पर लॉगिन करें।
  • Appearance पर जाएं और customize पर क्लिक करें।
  • अब आपको सबसे नीचे Additional CSS का ऑप्शन दिखाई देगा उसके ऊपर क्लिक करें।
  • अब जो नीचे css code दिया गया है उसे Additional CSS के बॉक्स में पेस्ट कर दें  और publish के ऊपर क्लिक करें।
Additional CSS मे css code कैसे add करें

अगर किसी कारण से code कॉपी ना हो पाए तो यहां पर क्लिक करके डाउनलोड करें

.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: 250px;
	height: auto;
	border-radius: 100%;
	margin-right: 30px;
}
h5.author-title {
	margin-bottom: 0.1em;
	font-weight: 600;
}
.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;
	}
}

अब GP premium theme मे author box add हो चुका होगा अगर आप इस author बॉक्स को कस्टमर करना चाहते हैं तो आप Additional CSS में कुछ चेंज करके इसे आसानी से  कस्टमाइज कर सकते हैं।

How to add author box in generatepress theme without plugin?

इस लेख में हमने क्या सीखा?

इस लेख में हमने आपको बताया है कि आप किस तरह से generatepress theme free version और GP premium version में ऑथर बॉक्स ऐड कर सकते हैं इस लेख में हमने आपको बताया है कि आप फ्री वर्जन में प्लगइन के द्वारा और paid वर्जन में कोडिंग के द्वारा कैसे ऑथर बॉक्स को ऐड कर सकते हैं।

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

Kuljinder Singh जो कि इस website का owner है haryana में एक छोटे से विलेज gledwa से है जो kurukshetra का पास पड़ता है। लाइफ मे कुछ कर गुजरने कि चाहत लेकर 2020 मे reliance jio कि job छोड़कर Blogging को ही अपना carrier बनाया।  Read More Click Here

Leave a Comment

error: Alert: Content is protected !!
Copy link
Powered by Social Snap