آموزش افزودن شماره صفحات وردپرس به قالب سایت شما

یکی از ویژگی های یک سایت خوب دسترسی راحت و سریع کاربران به تمام مطالب سایت می باشد.در سایت های مختلف به دلیل بالا بودن تعداد مطالب, اغلب اوقات مطالب سایت را در صفحات مختلفی بر اساس تاریخ در اختیار کاربران قرار می دهند تا به راحتی به تمام مطالب دسترسی پیدا کنند. اکثر قالب های رایگان وردپرس نیز از یک نوع صفحه بندی پیشفرض بر خوردار می باشند که به کاربران تنها اجازه حرکت بین صفحه قبل و بعد را می دهد. اما برای سایت هایی که مطالب بسیار زیادی دارند این نوع صفحه بندی مفید نیست و باعث سر درگمی کاربران می شود. برای حل این مشکل می توان از دو روش استفاده کرد. یکی استفاده از افزونه می باشد و دیگری استفاده از یک سری کد که کار همان افزونه را انجام می دهند. ما در این مطالب از بخش آموزش های وردپرس روکش به شما نحوه استفاده از هر دو روش را آموزش می دهیم پس با ما همراه باشید.

افزودن شماره صفحات وردپرس به قالب بدون استفاده از افزونه

در این روش ما به صورت دستی شماره صفحات را به قالب سایت شما اضافه می کنیم. مزیت استفاده از این روش یکی عدم نیاز به استفاده از افزونه های مرتبط می باشد و دیگری اینکه به شما این امکان را می دهد تا بهتر و راحتر بتوانید بخش شماره صفحات سایت خود را توسعه دهید.
خوب برای شروع ابتدا کد زیر را در فایل functions.php قالب سایت خود قرار دهید و آن را ذخیره نمایید.

if ( ! function_exists( 'rokesh_pagination' ) ) :
	function rokesh_pagination() {
		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') ),
			'prev_next'    => True,
			'prev_text'    => __('« قبلی'),
			'next_text'    => __('بعدی »'),
			'total' => $wp_query->max_num_pages
		) );
	}
endif;

ما برای صفحه بندی بخش های مختلف روکش مثل بخش وبلاگ یا آموزش های وردپرس نیز از همین کد استفاده کرده ایم. سپس کد زیر را در هر جایی که می خواهید شماره صفحات نشان داده شود قرار دهید مثل فایل index.php یا archive.php

<div class="pagination">
<?php rokesh_pagination(); ?>
</div>

پس از ذخیره فایل می توانید بخش شماره صفحات ایجاد شده را در قالب سایت خود مشاهده نمایید ولی برای اینکه کمی کارمان زیباتر شود باید یک استایل زیبا به آن بدهیم. برای اینکار کد های زیر را در فایل استایل قالب سایت خود قرار دهید.

div.pagination {
    margin: 20px 0;
}
div.pagination a, div.pagination span {
    background: none repeat scroll 0 0 #C0C0C0;
    border-radius: 2px;
    color: #000000;
    font-weight: bold;
    padding: 5px 10px;
}
div.pagination a:hover {
    background: none repeat scroll 0 0 #ddd;
    color: #000;
}
div.pagination span {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #A8A8A8;
}

پس از انجام کلیه موارد بالا نتیجه کار باید مانند تصویر زیر شود.

اگر از رنگ یا طرح دکمه ها خوشتان نیامد هم می توانید با ویرایش کد های css ای که در استایل قالب قرار دادید طرح و رنگ دلخواهتان را به شماره صفحات بدهید.

افزودن شماره صفحات به قالب وردپرس توسط افزونه WP-PageNavi

اگر می خواهید فقط با چند کلیک ساده شماره صفحات را به قالب اضافه کنید پیشنهاد ما استفاده از افزونه WP-PageNavi می باشد. برای شروع افزونه را دانلود و نصب نمایید پس از فعال سازی افزونه به مسیر تنظیمات > شماره صفحات بروید تا با بخش تنظیمات افزونه آشنا شوید. در بخش تنظیمات این افزونه شما می توانید متن دکمه ها, تعداد دکمه ها و موارد متعدد دیگری را مطابق با میل خود تنظیم کنید.

حال باید کد زیر را در قالب سایت خود قرار دهید. مثلا می توانید این کد را در فایل index.php یا هر فایل دیگری که می خواهید در آن شماره صفحات ظاهر شوند قرار دهید. البته برای اینکه نوابری صفحات پیشفرض قالب حذف شود شما کد زیر را با کدهای پیشفرض ( old previous_posts_link و next_posts_link ) جایگزین کنید.

<?php wp_pagenavi(); ?>

حال که شماره صفحات را به قالب اضافه کردید اگر به آن نگاهی بیندازید می بینید که ظاهر شماره صفحات کمی ساده می باشد. برای اینکه ظاهر دکمه ها را تغییر دهید دو راه را می توانید پیش یگیرید یکی اینکه به طور مستقیم فایل استایل افزونه را ویرایش کنید و دیگری اینکه استایل های جدید را به فایل قالب سایت خود اضافه کنید. اگر بخواهید به طور مستقیم فایل استایل قالب را ویرایش کنید به احتمال زیاد پس از بروزرسانی افزونه با نسخه های جدید ارائه شده استایل شماره صفحات هم از بین می روند ولی اگر استایل ها را در فایل style.css قالب قرار دهید دیگر هیچ وقت ظاهر شماره صفحات تغییر نمی کند. پس کد های زیر را در فایل style.css قالب سایت خود قرار دهید و آن را ذخیره نمایید تا ظاهر شماره صفحات قالب سایت شما تغییر کند.

.wp-pagenavi {
    clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
    background-color: #312A1E;
    color: #EF9E10;
    float: right;
    margin: 2px;
    padding: 5px 10px;
    text-decoration: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color: #EF9E10;
    color: #312A1E;
}
.wp-pagenavi span.current {
    background-color: #EF9E10;
    font-weight: bold;
}

خوب به همین راحتی توانستید شماره صفحات را به قالب سایت خود اضافه کنید اگر سوال یا مشکلی با این آموزش دارید آن را در بخش دیدگاه های همین مطلب با ما در میان بگذارید.