সর্বশেষ আপডেট : এপ্রিল ১২, ২০১৭ তারিখে ৩:৪৫ অপরাহ্ণ
আজ : ২৩শে জুন, ২০১৭ ইং | ১০ই আষাঢ়, ১৪২৪ বঙ্গাব্দ

‌ওয়ার্ডপ্রেসের বিল্টইন পেজিনেশন

মেহেদী আকরাম | নভেম্বর ৪, ২০১৫, ১১:৪৯ পূর্বাহ্ণ
Domain

‌ওয়ার্ডপ্রেসে দ্বারা যারা ওয়েবসাইট তৈরী করেন তাদের পেজ পেজিনেশন বা কমেন্ট পেজিনেশন করার দরকার হয়। বেশীরভাগ ডেভেলপাররা কাস্টম ফাংশন তৈরী করে পেজ পেজিনেশন বা কমেন্ট পেজিনেশন ব্যবহার করে থাকে। তবে কাস্টম ফাংশন ছাড়াও খুব সহজে ‌ওয়ার্ডপ্রেসের বিল্টইন পেজিনেশন ফাংশন ব্যবহার করা যায়। ফাংশন দুটি হচ্ছে paginate_links এবং paginate_comments_links।
ফাংশন দুটি সম্পর্কে আরো বিস্তারিত পাবেন ফাংশন দুটির কোডেক্স থেকে।

 
পেজ পেজিনেশন কোড

<div class="pagination">
<?php
global $wp_query;
$big = 999999999; // need an unlikely integer
echo paginate_links( array(
'base' 		=> str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ))),
'format' 	=> '?paged=%#%',
'current' 	=> max(1, get_query_var('paged') ),
'total' 	=> $wp_query->max_num_pages,
'prev_next' 	=> True,
'prev_text'	=> __('« Previous'),
'next_text' 	=> __('Next »'),						
'before_page_number'=> ''
) );
?>
</div>

বিস্তারিত কোডেক্সে: https://codex.wordpress.org/Function_Reference/paginate_links

 

কমেন্ট পেজিনেশন কোড

<div class="pagination">
<?php paginate_comments_links( array('prev_text' => '&laquo;', 'next_text' => '&raquo;') )  ?>
</div>

বিস্তারিত কোডেক্সে: https://codex.wordpress.org/Function_Reference/paginate_comments_links

 

পেজ পেজিনেশন এবং কমেন্ট পেজিনেশন উভয়ের জন্য CSS কোড

/* For Pagination CSS */
.pagination{
clear:both;
font-size:14px;
line-height:14px;
padding:20px 0; 
overflow: hidden;
text-align: center;
}
.pagination span, .pagination a{
margin:2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background:#555;
line-height: 30px;
}
.pagination a:hover{
color:#fff;
background:#3279BB;
}
.pagination .current{
padding:6px 9px 5px 9px;
background:#3279BB;
color:#fff;
} 

মন্তব্য করুন