ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট পর্ব-৯ (নাম্বারিং পেজ নেভিগেশণ)

গত পর্বঃ ওয়ার্ডপ্রেস থিম ডেভেলপমেন্ট পর্ব-৮ (সিঙ্গেল পেজ এবং আর্কাইভ পেজ)

আমরা আমাদের থিম এ next/previous বাটন যুক্ত করেছি । কিন্তু এখন প্রায় সব থিম এ ইউজারদের শুবিধার জন্য নাম্বারিং পেজ নেভিগেশণ যুক্ত করা হয় । কারণ এর মাধ্যমে ইউজার রা এক পেজ থেকে অন্য পেজে তাদের ইচ্ছামত খুব সহজে যেতে পারে ।আজ আমরা দেখবো কিভাবে নাম্বারিং পেজ নেভিগেশণ যুক্ত করতে হয় ।

প্রথমে ফাংশন ফাইলে নিচের কোডটি যুক্ত করুনঃ

1. function pagination($pages = '', $range = 4)
2.     {  
3.          $showitems = ($range * 2)+1;  
4.  
5.          global $paged;
6.          if(empty($paged)) $paged = 1;
7.  
8.          if($pages == '')
9.          {
10.              global $wp_query;
11.              $pages = $wp_query->max_num_pages;
12.              if(!$pages)
13.              {
14.                  $pages = 1;
15.              }
16.          }  
17.  
18.          if(1 != $pages)
19.          {
20.              echo "<div class=\"pagination\"><span>Page ".$paged." of ".$pages."</span>";
21.              if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>&laquo; First</a>";
22.              if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&lsaquo; Previous</a>";
23.  
24.              for ($i=1; $i <= $pages; $i++)
25.              {
26.                  if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
27.                  {
28.                      echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"inactive\">".$i."</a>";
29.                  }
30.              }
31.  
32.              if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 1)."\">Next &rsaquo;</a>";  
33.              if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>Last &raquo;</a>";
34.              echo "</div>\n";
35.          }
36.     }
37.  

এখন নিচের কোড টি style.css এ যুক্ত করুন ।

1. .pagination{
2. clear:both;
3. font-size:11px;
4. line-height:13px;
5. margin-left:35px;
6. padding:20px 0;
7. }
8. .pagination span, .pagination a{
9. display:block;
10. float:left;
11. margin:2px 2px 2px 0;
12. padding:6px 9px 5px 9px;
13. text-decoration:none;
14. width:auto;
15. color:#fff;
16. background:#555;
17. }
18. .pagination a:hover{
19. color:#fff;
20. background:#3279BB;
21. }
22. .pagination .current{
23. padding:6px 9px 5px 9px;
24. background:#3279BB;
25. color:#fff;
26. }
27.  

এবার আপনি যেখানে নাম্বারিং পেজ নেভিগেশণ যুক্ত করতে চান সেখানে নিচের কোড টি বসান।

 

1. <?php if (function_exists("pagination")) {
2.         pagination($additional_loop->max_num_pages);
3.     } ?>

নিচের ভিডিও টি দেখুনঃ

না বুঝলে কমেন্ট করুন ।
ভালো থাকবেন সবাই । ধন্যবাদ ।