সবাইকে আন্তরিক শুভেচ্ছা এবং স্বাগতম জানাচ্ছি “ওয়ার্ডপ্রেস ওস্তাদ” এডভান্স ওয়ার্ডপ্রেস ডেভলপমেন্টের উপর একটা পূর্ণাঙ্গ ফ্রি চেইন কোর্স এর ৫ম পর্বে। টেকটিউনস বিশ্বের সবচেয়ে বড় বাংলা সোশ্যাল নেটওয়ার্ক । এরকম একটা বড় প্লাটফর্মে “ওয়ার্ডপ্রেস ওস্তাদ” কোর্সটি টেকটিউনস কতৃপক্ষের প্রত্যক্ষ সহযোগিতায় শুরু করতে পেরে ভালো লাগছে।

“ওয়ার্ডপ্রেস ওস্তাদ ” কোর্সের ঘোষণা টেকটিউন্সে প্রকাশ করার পর আপনাদের মধ্যে যে আগ্রহ দেখেছি, তা এই কোর্সটিকে সুন্দর করে পরিচালনা করতে সাহায্য করবে। সকলের সক্রিয় অংশগ্রহণ কামনা করছি।

আজ  ওয়ার্ডপ্রেস থিমেওয়ার্ডপ্রেস থিমে এডভান্সড পেজিনেশন যুক্ত করার পদ্ধতি সম্পর্কে আলোচনা করা হবে।

১ম পদক্ষেপ

আমাদের থিমে এই ফিচার যুক্ত করতে হলে প্রথমে functions.php তে গিয়ে যুক্ত করতে হবে

/*Pagination--*/

function pagination($pages = '', $range = 4)
{
$showitems = ($range * 2)+1;

global $paged;
if(empty($paged)) $paged = 1;

if($pages == '')
{
global $wp_query;
$pages = $wp_query->max_num_pages;
if(!$pages)
{
$pages = 1;
}
}

if(1 != $pages)
{
echo "<div class=\"pagination\"><span>Page ".$paged." of ".$pages."</span>";
if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>&laquo; First</a>";
if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&lsaquo; Previous</a>";

for ($i=1; $i <= $pages; $i++)
{
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
{
echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"inactive\">".$i."</a>";
}
}

if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 1)."\">Next &rsaquo;</a>";
if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>Last &raquo;</a>";
echo "</div>\n";
}
}

/*Pagination--*/

২য় পদক্ষেপ

এরপর  index.php বা যে পেজে আপনি পেজিনেশন প্রদর্শন করতে চাচ্ছেন সেখানে post লুপের <?php endwhile; ?> এর পর যুক্ত করতে হবে

<!-- Pagnigation-->
<?php if (function_exists("pagination")) {
pagination($additional_loop->max_num_pages);
} ?>

<!-- Pagnigation-->

৩য় পদক্ষেপ

style.css এ যুক্ত করতে হবে

/*Pagination-------------*/
 .pagination {
 clear:both;
 padding:20px 0;
 position:relative;
 font-size:11px;
 line-height:13px;
 }</pre>
.pagination span, .pagination a {
 display:block;
 float:left;
 margin: 2px 2px 2px 0;
 padding:6px 9px 5px 9px;
 text-decoration:none;
 width:auto;
 color:#fff;
 background: #555;
 }

.pagination a:hover{
 color:#fff;
 background: #3279BB;
 }

.pagination .current{
 padding:6px 9px 5px 9px;
 background: #3279BB;
 color:#fff;
 }
<pre>

তাহলে একটা সুন্দর পেজিনেশন যুক্ত হবে । পেজিনেশনটি দেখতে নিচের ছবিরমত হবে।

প্রয়োজনে css এ একটু পরিবর্তন আনা যেতে পারে। আশা করছি সবাই সফলভাবে পেজিনেশন যুক্ত করতে পারবেন।

সোর্স ফাইল ডাউনলোড

http://www.mediafire.com/download/5wke88lzffzy8lu/pagination-5.zip

.............................................................................

আজ এ পর্যন্তই । সবার জন্য শুভকামনা রইলো।