পেজ নেভিগেশন যুক্ত করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১৩

সবাইকে সালাম ও শুভেচ্ছা জানিয়ে থিসিস থিম নিয়ে ১৩ তম টিউটোরিয়াল আরম্ভ করতেসি। থিসিস থিম নিয়ে আমার আগের টিউটোরিয়াল সমূহ দেখে নিতে পারেন।

বিগত পর্বে আমি আপনাদের দেখিয়েছিলাম থিসিস থিমের হেডারে লোগো আপলোড করা যাই ও ব্যানার অ্যাড উইজেট যুক্ত করা যাই। আজকে আমি আপনাদের দেখাবো থিসিস থিমে কেমন করে পেজ নাম্বার বা নেভিগেশন যুক্ত করা যাই। পেজ নেভিগেসন ব্লগের জন্য একটি গুরুত্বপূর্ণ বিষয়, যেমন আপনার ব্লগে ২০০টি পেজ আছে আমি আপনার ব্লগের ১০০ নাম্বার পেজে যেতে চাচ্ছি। একন আমি কেমন করে যাব ? যদি পেজ নেভিগেশন আপনার ব্লগে থাকে তাহলে আমি খুব সহজেই ১০০ নাম্বার পেজে যেতে পারব।

আর পেজ নেভিগেশন দেখে একজন পাঠক বুজতে পারে আপনার ব্লগে কি পরিমান লিখা আছে।

তাহলে চলুন আরম্ভ করা যাক।

প্রথমে আপনার ওয়ার্ডপ্রেস ব্লগে লগিন করুন।

থিসিস থিমের এর Custom File Editor ড্রপডাউন থেকে Custom function.php সিলেক্ট করুন এবং নিচের এই php কোডটি লিখে সেভ করুন।

/** Start of Numbered Page Navigation Menu */
function page_navigation() {
global $wp_query, $wp_rewrite;
$pages = '';
$max = $wp_query->max_num_pages;
if (!$current = get_query_var('paged')) $current = 1;
$a['base'] = str_replace(999999999, '%#%', get_pagenum_link(999999999));
$a['total'] = $max;
$a['current'] = $current;
$total = 1;
$a['mid_size'] = 2;
$a['end_size'] = 1;
$a['prev_text'] = '&laquo; Prev';
$a['next_text'] = 'Next &raquo;';
if ($max > 1) echo '<div id="page-nav">';
if ($total == 1 && $max > 1) $pages = '<div id="page-nav-intro">Page ' . $current . ' of ' . $max . '</div>'."\r\n";
echo $pages . paginate_links($a);
if ($max > 1) echo '</div>';
}
remove_action('thesis_hook_after_content', 'thesis_post_navigation');
add_action('thesis_hook_after_content', 'page_navigation');
/** End of Numbered Page Navigation Menu */

থিসিস থিমের এর Custom File Editor ড্রপডাউন থেকে Custom.css সিলেক্ট করুন এবং নিচের এই css কোডটি লিখে সেভ করুন।

/* Start of Page Navigation Menu Style */ #page-nav { display: inline-block; float: left; margin: 15px 0; padding: 5px 0; width: 100%; } #page-nav-intro { border: 1px solid #CCCCCC; color: #606060; float: left; font-size: 15px; font-weight: bold; margin: 0 5px 0 0; padding: 8px; } .page-numbers { border: 1px solid #CCCCCC; color: #4266AD; float: left; font-size: 15px; font-weight: bold; margin: 0 5px; padding: 8px 10px; } .page-numbers.current { background: none repeat scroll 0 0 #4266AD; color: #FFFFFF; } .page-numbers:hover { background: #4266AD; color: #FFFFFF; } .page-numbers.dots:hover { color: #4266AD; background: #fff; } /* End of Page Navigation Menu Style */

ব্যাস আপনার কাজ শেষ এবার আপনার ব্লগটি রিলোড দিয়ে দেখুন পেজ নেভিগেশন যুক্ত হয়চে।

সবাই ভাল ও সুস্থ থাকবেন আল্লাহ হাফেজ।

3 thoughts on “পেজ নেভিগেশন যুক্ত করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১৩”

Md. Firoz Mahmud
August 13, 2012 at 3:34 pm

কিন্তু ওয়ার্ডপ্রেসের Twenty Ten Themes এ পেজ নেভিগেশন যুক্ত করব কিভাবে?
জানালে উপকৃত হব।
মাহবুব টিউটো
August 7, 2012 at 7:08 pm

বেশ প্রয়োজনীয় টিউটোরিয়াল। থিসিস থিমে পেজ নেভিগেশন স্মার্ট সিস্টেমটি ডিফল্ট না থাকায় ব্লগসাইটগুলোতে অনেক সমস্যা হয়।
ইদানিং কালে অনেক থিমেই এই সুবিধাটি বিল্ডইন থাকে। ধন্যবাদ শুভ ভাইকে।
1. শুভ
  August 9, 2012 at 2:22 pm
  
  আপনাকেও ধন্যবাদ মাহাবুব ভাই

Comments are closed.