generatepress Most popular or lighweight theme है लेकिन इसमें जिसे जैसे चाहे वैसे डिज़ाइन कर सकते है वही बात करें Related post की जो पोस्ट के End मे show होता है तो By default वो feature नहीं है इसे ऐड करने के लिए Custom or plugin की मदद लेनी पड़ती है ऐसे बहुत से ब्लॉगर है जिन्हे Coding की बिल्कुल भी जानकारी नहीं है इसलिए Plugin की मदद से Related Post ऐड करते है
लेकिन वो उने मन मुताबिक नहीं होता मतलब की उसका डिज़ाइन कुछ खास नहीं लगता और उसे और साथ ही plugin के कुछ नुकसान भी है इसलिए भी Bloggers plugin का इस्तेमाल नहीं करना चाहते ऐसे मे उन्हें Coding के द्वारा ही रिलेटेड पोस्ट फीचर्स ऐड करना पड़ता है
यदि आप भी इनमे से एक है और आपको Plugin द्वारा दी गई रिलेटेड पोस्ट डिज़ाइन पसंद नहीं आया तो घबराने की जरुरत नहीं आप इस पोस्ट को फॉलो करें और रिलेटेड पोस्ट ऐड करें generatepress मे
Without Plugin Related Post add करने के फायदे
- साइट कलर के अनुसार डिज़ाइन कर सकते है
- आप अपने इच्छा अनुसार कस्टमाइज कर सकते है
- इसका डिज़ाइन प्लगइन से अच्छा होता है जो दिखने मे अट्रैक्टिव लगता है
- साइट लोडिंग पर कोई प्रभाव नहीं पड़ता, यानी Coding द्वारा ऐड किया गया फीचर्स से Site slow नहीं होता
- Seo friendly Widget है
- प्लगइन paid भी होते है जिनमे अच्छे – खासे पैसे निवेश करना पड़ता है वही Coding द्वारा ऐड करने से पैसे की बचत है
Generatepress Related Post कैसे ऐड करें
यहाँ आपको एक प्लगइन की जरुरत है लेकिन घबराये नहीं इससे साइट लोडिंग पर कोई इफ़ेक्ट नहीं पड़ता ये बिल्कुल lighweight है तो जानते है Related post ऐड कैसे करें के बारे मे Step-by -Step
1.Wp Show Post Process Step- by -Step
सबसे पहले Wpshow post plugin इनस्टॉल करें यह वर्डप्रेस डायरेक्टरी मे फ्री वर्शन मे मिल जाएगा Plugin install Upload Activate kaise करें
रिलेटेड पोस्ट Wp show Post or generatepress Elements Module को use करके ऐड करना है इसलिए..
- Wp Show Post plugin install करें
- Plugin activate करें
- Elements Module Activate करें
[ Note ; ये तरीका Gp Premiun मे Work करेगा यदि आप Gp premiun use कर रहे है तो आप इस पोस्ट को फ़ॉलो करें ]
प्लगइन इनस्टॉल और एक्टिवेट कर लेने के बाद वर्डप्रेस डैशबोर्ड मे wp show post का ऑप्शन दिखेगा उसपर क्लिक करें और Add New पर क्लिक करें यहाँ से रिलेटेड पोस्ट डिज़ाइन करना है
add New open करें यहाँ first मे Related post डाले Post type > Post डाले Taxonomy > Category Select करें Terms मे सभी Category ko ✔️ टिक करें Posts per page > 4, 5 जितना दिखाना चाहते है वो सेलेक्ट करें
![Generatepress related post add कैसे करें - Without plugin 2 related-post-widget-kaise-add-kare](https://successbranch.com/wp-content/uploads/2021/02/wp-post-show.png)
Grid Type icon जो की coulmns Section है पर क्लिक करें आप पोस्ट को कितने coulmns मे दिखाना चाहते है वो सेलेक्ट करें Coulmns > 3 select करें Columns gutter > 2em करें
![Generatepress related post add कैसे करें - Without plugin 3 related-post-coulmns-setting](https://successbranch.com/wp-content/uploads/2021/02/coulmns-setting.png)
Image section मे जाए यहाँ आपको इमेज को Style देना है उसका height width, align set करना है Image Box > ✔️ टिक कर दे image width (px) > 400 or height (px) > 200 रखे ( आप इसे अपने अनुसार भी रख सकते है ) Image alignment > center करें Image location > avobe tittle रखे
![Generatepress related post add कैसे करें - Without plugin 4 related-post-image-setting](https://successbranch.com/wp-content/uploads/2021/02/image-setting.png)
Content Section मे जाए Content type > none रखे Include title > ✔️ करें Title element > p सेलेक्ट करें
![Generatepress related post add कैसे करें - Without plugin 5 related-post-content-setting](https://successbranch.com/wp-content/uploads/2021/02/content-setting.png)
अभी meta setion मे जाए यहाँ सभी Uncheck कर दे यदि Related post मे Author Name, Date show करवाना चाहते है तो यहाँ से check ✔️करें otherwise नहीं
![Generatepress related post add कैसे करें - Without plugin 6 related-post-meta-data-setting](https://successbranch.com/wp-content/uploads/2021/02/meta-data-setting.png)
⚙️ More Setting यहाँ कुछ भी नहीं करना है जैसे है वैसे ही रहने दे और Publish कर दे Wp Show post proccess ख़त्म अब Generatepress Module Use करना है
![Generatepress related post add कैसे करें - Without plugin 7 related-post-more-setting](https://successbranch.com/wp-content/uploads/2021/02/more-setting.png)
Note ; Wp show post Publish किया है वहाँ Shortcode होगा उसमे 4 अंक का नंबर होगा उसे याद रखे Last Proccess मे उसकी जरुरत पड़ेगी
2. Elements Module proccess Step – by -Step
Generally सभी Module activate होते है यदि आपने अभी तक एक्टिवेट नहीं कियाः है तो appearance > GeneratePress > Elements > Activate कर ले
Appearance > Elements > Add New Elements पर क्लिक करें Element Type > Hook सलेक्ट करें
नीचे दिए गए कोड को कॉपी कर ले और Box मे peste कर दे
<div class="wpsp-related-posts1 grid-container">
<h2>Related Posts</h2>
<?php
if ( is_single() ) {
$cats = get_the_category();
$cat = $cats[0];
} else {
$cat = get_category( get_query_var( 'cat' ) );
}
$cat_slug = $cat->slug;
$list = get_page_by_title( 'related', 'OBJECT', 'wp_show_posts' );
wpsp_display( $list->ID, 'tax_term="' . $cat_slug . '"' );
?>
</div>
Hook setting मे जाए और Hook > generate after content सेलेक्ट करें और Execute PHP को ✔️ टिक कर दे
![Generatepress related post add कैसे करें - Without plugin 8 add-related-post-generatepress](https://successbranch.com/wp-content/uploads/2021/02/add-related-post.png)
Display Rules ; इसमें आपको पोस्ट जहाँ दिखाना है वो सेलेक्ट करना है मतलब की लोकेशन सेट करना है तो यहाँ post , All Post select करें और Publish कर दे
![Generatepress related post add कैसे करें - Without plugin 9 add-related-post-generatepress](https://successbranch.com/wp-content/uploads/2021/02/add-related-posts.png)
3. Design Related Post Using Css
अभी रिलेटेड पोस्ट को डिज़ाइन करना है इसके लिए Css use होता है नीचे दिए गए Css को कॉपी करें
Appearance > Customise > Additional css मे Code Peste करके Publish कर देना है
.wpsp-related-posts1 {
background-color: #fff;
padding: 24px 20px 10px 20px;
margin-top: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-shadow: rgba(23, 43, 99, .14) 0 7px 28px !important;
}
4. Related Post open in New Tab
अभी आपको एक जावास्क्रिप्ट कोड भी Elements module के जरिए ऐड करना है तो सबसे पहले Wp Post Show > all list open करें यहाँ Related Post होगा Edit करें और Shortcode Id ( Only Number ) Note कर ले
इस स्क्रिप्ट से सभी रिलेटेड पोस्ट new tab मे open होगा जो Seo के लिए बहुत फायदेमंद है
नीचे दिए गए कोड कॉपी कर ले appearance > Elements > add new elements > Hook select करें और बॉक्स मे कोड peste कर दे
<script>
jQuery(function($){
$( document ).on( 'click', '#wpsp-8441 a', function(e) {
e.preventDefault();
var url = $(this).attr('href');
window.open(url, '_blank');
});
});
</script>
Edited : कोड मे #wpsp-8441 की जगह Wp Show post > related Post Shortcode Id डाले
Hook Setting > Wp Footer सेलेक्ट करें
![Generatepress related post add कैसे करें - Without plugin 10 add-related-post-generatepress-withhout-plugin](https://successbranch.com/wp-content/uploads/2021/02/add-javascript-code.png)
Display Rules Location मे > All Singular सेलेक्ट करें Exclude > page, All page सेलेक्ट करें और Publish कर दे
![Generatepress related post add कैसे करें - Without plugin 11 add-related-post-without-plugin-in-generatepress](https://successbranch.com/wp-content/uploads/2021/02/set-display-rules.png)
Conclusion :
बिना प्लगइन Generatepress मे इस तरह सभी प्रक्रिया को सही से फॉलो करके रिलेटेड पोस्ट ऐड कर सकते है रिलेटेड पोस्ट ऐड करने मे किसी प्रकार की परेशानी आए तो आप कमेंट के जरिए हमें बता सकते है
उम्मीद है हमारा ये पोस्ट Generatepress Related Post kaise add kare पसंद आया आपको लगे की वास्तव मे ये पोस्ट उपयोगी है तो इसे सोशल साइट्स पर जरुर शेयर करें