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

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

লেআউট ও কলামঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-এক

নেভিগেশন মেনুঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-দু্ই

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

সাইডবার ও উইজেটঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-চার

ফুটারে তিনটি কলাম তৈরীঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-পাঁচ

                                                                             ফুটারে কলাম তৈরীঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-ছয়

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

ব্যাকগ্রাউন্ড ইমেজ ও ফুটারে অ্যাড উইজেট যোগ করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-আট

পোস্টে লেখক তথ্য যোগ করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-নয়

পোস্টে একই রকম পোষ্টের তথ্য যোগ করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-দশ

কনটেন্টে পোস্ট স্লাইডার যুক্ত করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-এগার

হেডারে লোগো আপলোড করা ও ব্যানার অ্যাড উইজেট তৈরি করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১২

 

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

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

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

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

থিসিস থিমের  এর   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'] = '« Prev';
$a['next_text'] = 'Next »';
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 */

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

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