আমরা আমাদের সাইটটিকে অনেক আকর্ষনীয় করার জন্য অনেক সময় রিলেটেড পোষ্ট
যুক্ত করি। এটি পেজের সৌন্দর্য বহুগুনে বাড়িয়ে দেয়। আর এই রিলেটেড
পোষ্ট যুক্ত করার জন্য রয়েছে অসংখ্য প্লাগিন। কিন্তু প্লাগিন ব্যবহারে
আপনার প্রিয় সাইটটি একটু স্লো হয়ে যায়। ফলে অনেকেই সাইটে ঢুকতে সাচ্ছন্দ
বোধ করেন না। আর আপনি যদি প্লাগিনের পরিবর্তে কোড ব্যবহার করেন। আপনার
সাইটটি আর স্লো হবে না।
এজন্য আপনাদের জন্য নিয়ে এসেছি কোড ব্যবহার করে কিভাবে সাইটে রিলেটেড পোষ্ট যুক্ত করবেন। কোডগুলি যে কোন থিমসেই ট্যাগ ভিত্তিক কাজ করবে।
এজন্য আপনাকে যা যা করতে হবে।
স্টেপ: 1
প্রথমে এডমিন প্যানেলে ঢুকে আপনার functions.php ফাইলটা ওপেন করুন। নিচেরকোডটি সার্চ করে দেখুন আছে কিনা।
যদি থাকে তাহলে নিচের কোডটি কপি করে যুক্ত করে দিন।
আর যদি না থাকে তাহলে নিচের কোড কপি করে যুক্ত করুন।
স্টেপ:২
এবার আপনার single.php ফাইলটি ওপেন করুন আপনি যে জায়গাতে শো করাতে চান সেখানে যুক্ত করুন।
স্টেপ:৩
এবার নিচের কোডটুকু আপনার CSS ফাইলে যুক্ত করুন।
এখন যে কোন পোষ্টে গিয়ে দেখুন রিলেটেড পোষ্ট যুক্ত হয়ে গেছে।
কোন সমস্যা হলে আমাকে মন্তব্যে ঘরে জানান
এজন্য আপনাদের জন্য নিয়ে এসেছি কোড ব্যবহার করে কিভাবে সাইটে রিলেটেড পোষ্ট যুক্ত করবেন। কোডগুলি যে কোন থিমসেই ট্যাগ ভিত্তিক কাজ করবে।
এজন্য আপনাকে যা যা করতে হবে।
স্টেপ: 1
প্রথমে এডমিন প্যানেলে ঢুকে আপনার functions.php ফাইলটা ওপেন করুন। নিচেরকোডটি সার্চ করে দেখুন আছে কিনা।
1 | add_theme_support( 'post-thumbnails' ); |
1 | add_image_size( 'relatedpost-thumb' , 100, 100, true); |
1 | add_theme_support( 'post-thumbnails' ); |
2 |
3 | add_image_size( 'relatedpost-thumb' , 100, 100, true); |
এবার আপনার single.php ফাইলটি ওপেন করুন আপনি যে জায়গাতে শো করাতে চান সেখানে যুক্ত করুন।
1 | <div class = "related-posts" > |
2 | <ul> |
3 | <?php if ( has_tag() ) { ?> |
4 | <?php |
5 | //for use in the loop, list 3 post titles related to first tag on current post |
6 | $backup = $post ; // backup the current object |
7 | $tags = wp_get_post_tags( $post ->ID); |
8 | $tagIDs = array (); |
9 | if ( $tags ) { |
10 | $tagcount = count ( $tags ); |
11 | for ( $i = 0; $i < $tagcount ; $i ++) { |
12 | $tagIDs [ $i ] = $tags [ $i ]->term_id; |
13 | } |
14 | $args = array ( 'tag__in' => $tagIDs , 'post__not_in' => array ( $post ->ID), 'showposts' =>3, 'ignore_sticky_posts' =>1); |
15 | $my_query = new WP_Query( $args ); |
16 | if ( $my_query ->have_posts() ) { |
17 | while ( $my_query ->have_posts()) : $my_query ->the_post(); ?> |
18 | <li><article> |
19 | <a href= "<?php the_permalink();?>" title= "<?php the_title();?>" > |
20 | <?php if (has_post_thumbnail()) { |
21 | the_post_thumbnail( 'relatedpost-thumb' , array ( 'class' => 'omc-image-resize' )); |
22 | } else { |
23 | echo ( '<img src="' .get_template_directory_uri(). '/images/no-image-half-landscape.png" alt="no image" />' ); |
24 | } ?> |
25 | </a> |
26 | <h5><a href= "<?php the_permalink();?>" title= "<?php the_title();?>" ><?php the_title();?></a></h5> |
27 | </article></li> |
28 | <?php endwhile ; ?> |
29 | <?php } else { ?> |
30 | <h4><?php _e( 'No related posts found!' , 'uxde' ); ?></h4> |
31 | <?php } |
32 | } |
33 | $post = $backup ; // copy it back |
34 | wp_reset_query(); // to use the original query again |
35 | ?> |
36 | <?php } else { ?> |
37 | <?php |
38 | global $post ; |
39 | $tmp_post = $post ; |
40 | $args = array ( 'numberposts' => 3); |
41 | $myposts = get_posts( $args ); |
42 | foreach ( $myposts as $post ) : setup_postdata( $post ); ?> |
43 | <li><article> |
44 | <a href= "<?php the_permalink();?>" title= "<?php the_title();?>" > |
45 | <?php if (has_post_thumbnail()) { |
46 | the_post_thumbnail( 'relatedpost-thumb' , array ( 'class' => 'omc-image-resize' )); |
47 | } else { |
48 | echo ( '<img src="' .get_template_directory_uri(). '/images/no-image-half-landscape.png" alt="no image" />' ); |
49 | } ?> |
50 | </a> |
51 | <h5><a href= "<?php the_permalink();?>" title= "<?php the_title();?>" ><?php the_title();?></a></h5> |
52 | </article></li> |
53 | <?php endforeach ; ?> |
54 | <?php $post = $tmp_post ; ?> |
55 | <?php } ?> |
56 | </ul> |
57 | </div> |
এবার নিচের কোডটুকু আপনার CSS ফাইলে যুক্ত করুন।
1 | .related-posts { |
2 |
3 | width : 100% ; |
4 | display : block ; |
5 | overflow : hidden ; |
6 | margin : 20px 0 ; |
7 | } |
8 | .related-posts h 4 { |
9 | color : #333333 ; |
10 | font-size : 30px ; |
11 | font-weight : bold ; |
12 | margin-bottom : 20px ; |
13 | padding : 0 ; |
14 | } |
15 | .related-posts ul li { |
16 | float : left ; |
17 | width : 30% ; |
18 | margin : 0 4.3% 3% 0 ; |
19 | } |
20 | .related-posts ul li:last-child { |
21 | margin-right : 0 ! important; |
22 | } |
23 | h 5 .related-article { |
24 | margin : 10px 0 ; |
25 | } |
26 | h 5 .related-article a { |
27 | color : #333333 ; |
28 | font-size : 16px ; |
29 | font-weight : bold ; |
30 | line-height : 24px ; |
31 | text-decoration : none ; |
32 | } |
33 | h 5 .related-article a:hover { |
34 | color : #333333 ; |
35 | text-decoration : underline ; |
36 | } |
কোন সমস্যা হলে আমাকে মন্তব্যে ঘরে জানান
Post a Comment
Put your comment here.