توپ دیزاین | ToopDesign

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

آموزش: ابتدا کد زیر رو به فایل functions.php قالب خودتون بالای آخرین عبارت ?> اضافه کنید.

/**
* get_paged_navigation displays a paged navigation
* @param int $number_of_pages_to_show
* @author Javad Nabavi
* @link http://www.toopdesign.com/
*/
function get_paged_navigation($number_of_pages_to_show = 10){
$current_page_number = (int) $GLOBALS['paged'];
$number_of_pages = (int) $GLOBALS['wp_query']->max_num_pages;
$first_txt = '«';
$previous_txt = '‹';
$next_txt = '›';
$last_txt = '»';
if($number_of_pages < 2)
return true;
if(!$current_page_number)
$current_page_number = 1;

$last_head_page_number = ceil($number_of_pages_to_show/2);
$firt_tail_page_number = $number_of_pages - floor($number_of_pages_to_show/2);

if($current_page_number <= $last_head_page_number)
$page_first_shown =  ۱ ;
else if($current_page_number >= $firt_tail_page_number)
$page_first_shown = $number_of_pages - $number_of_pages_to_show + 1;
else
$page_first_shown = $current_page_number - ceil($number_of_pages_to_show/2) + 1;

// First arrows
if($page_first_shown != 1){
echo '<a href="',get_pagenum_link(1), '">', $first_txt, '</a> ';
echo get_previous_posts_link($previous_txt), ' ';
}
// Linked page numbers
for($i=0; $i < $number_of_pages_to_show && $i<$number_of_pages; $i++)
echo '<a href="', get_pagenum_link($page_first_shown + $i), '">', $page_first_shown + $i, '</a> ';
// Last arrows
if($page_first_shown + $number_of_pages_to_show < $number_of_pages + 1){
echo get_next_posts_link($next_txt), ' ';
echo '<a href="', get_pagenum_link($number_of_pages), '">', $last_txt, '</a> ';
}
}

با تغییر عدد ۱۰ قرمز رنگ در کد بالا می تونید تعداد صفحاتی رو که نمایش داده میشه رو تعیین کنید. همچنین در صورت وارد کردن عدد ۰ بینهایت صفحه نمایش داده میشه (یعنی محدودیتی برای نمایش صفحات وجود نداره و همه صفحات رو نشون میده)

با تغییر عبارت های < و > و » و « سبز رنگ کد بالا می تونید دکمه هایی که عقب و جلو رو نشون میدن رو تعیین کنید.

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

 
<?php
if($GLOBALS['wp_query']->max_num_pages > 1){
echo '<div>';
get_paged_navigation();
echo '</div>';
}
?>
&nbsp;

کد زیر رو هم در فایل استایل خودتون در قالب قرار بدید.

<!--pages-->
.navigation {
float: left;
width: 692px;
color: #000;
margin-bottom:5px;
font-size: 12px;
line-height: 18px;
padding: 30px;
display: block;
}
.navigation span.right {
float: none !important;
}
.is-paged {
padding: 0;
padding-top: 30px;
}
.pagination-wrap {
overflow: hidden;
}
.pagination-wrap .navigation {
padding: 30px 0;
width: 100%;
}
.navigation .pages {
float: right;
color: #a7a7a7;
width: 150px;
text-align: right;
}
.navigation .extend {
padding: 0 9px 0 4px;
}
.navigation a,
.navigation .current,
a.add_comment_link {
padding: 5px 9px 4px 9px;
border: 1px solid #b3b3b3;
color: #000 !important;
margin-right: 4px;
background: #e6e6e6;
text-shadow: 0 1px 0 #fff;
text-decoration: none !important;
}
.pagination-wrap .navigation a,
.pagination-wrap .navigation .current,
.is-paged a,
.is-paged .current {
margin-right: 0px;
}
.navigation a:hover,
.navigation .current,
a.add_comment_link {
color: #fff !important;
text-shadow: 0 1px 0 #333;
}
.navigation a,
.sort_by li a,
a:hover.add_comment_link,
input:hover#add_comment,
#content .webroundup a:hover.button {
background: #333;
}

.navigation .current,
.sort_by li a:hover,
.sort_by li a.current,
a.add_comment_link,
input#add_comment,
#content .webroundup a.button {
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #۴۵۴۸۴d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #۴۵۴۸۴d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #۴۵۴۸۴d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #۴۵۴۸۴d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(top,  #۴۵۴۸۴d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border: 1px solid #31796c; /*!!*/
}

.navigation a:hover {
background: #939b9f; /* Old browsers */
background: -moz-linear-gradient(top,  #۹۳۹b9f 0%, #707070 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939b9f), color-stop(100%,#707070)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #۹۳۹b9f 0%,#707070 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #۹۳۹b9f 0%,#707070 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #۹۳۹b9f 0%,#707070 100%); /* IE10+ */
background: linear-gradient(top,  #۹۳۹b9f 0%,#707070 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939b9f', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
border: 1px solid #999; /*!!*/
}
<!--pages-->

به راحتی توانستید شماره صفحات خود را بدون نیاز به هیچ گونه پلاگینی در سایتتان نمایش دهید. در صورت داشتن مشکل در قسمت نظرات اعلام کنید.