فواصل

أرقام الصفحات بدون اضافات

السلام عليكم ورحمه الله وبركاته

باذن الله سوف نقوم بعمل اضافه ارقام الصفحات فى المدونه بدون اى اضافات

قمت بتجربه معظم اضافات ارقام الصفحات ولكن بدون اضافه افضل

وحبيت اضيف الموضوع هنا فى عرب ووردبريس حتى يستفيد بها الكثيرين غيرى من يبحث عن اضافه ارقام الصفحات

والان مع الشرح :

بسم الله

الشكل النهائى

يمكنك مشاهده مثال مباشر من هنــــــــــــــــا

المتطلبات
1 – اى برنامج ftp لرفع الملفات
2 – برنامج محرر نصوص notepad++

الملفات التى سيتم التعديل عليها
functions.php
style.css
index.php
archive.php
search.php

(((((( ملحوظه هامه : قم باخذ نسخه احتياطيه من الملفات السابقه ))))))

اولا نضع الكود التالى فى ملف functions.php

[html] function pagination($pages = ”, $range = 4)
{
$showitems = ($range * 2)+1;

global $paged;
if(empty($paged)) $paged = 1;

if($pages == ”)
{
global $wp_query;
$pages = $wp_query->max_num_pages;
if(!$pages)
{
$pages = 1;
}
}

if(1 != $pages)
{
echo "<div class=\"pagination\"><span>Page ".$paged." of ".$pages."</span>";
if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href=’".get_pagenum_link(1)."’>&laquo; First</a>";
if($paged > 1 && $showitems < $pages) echo "<a href=’".get_pagenum_link($paged – 1)."’>&lsaquo; Previous</a>";

for ($i=1; $i <= $pages; $i++)
{
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
{
echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href=’".get_pagenum_link($i)."’ class=\"inactive\">".$i."</a>";
}
}

if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 1)."\">Next &rsaquo;</a>";
if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a href=’".get_pagenum_link($pages)."’>Last &raquo;</a>";
echo "</div>\n";
}
}
[/html]

ثانيا : وضع الكود التالى فى نهاية ملف style.css

[html] .pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
[/html]

ثالثا : وضع الكود التالى فى ملفات
index.php
archive.php
search.php
لاظهار ارقام الصفحات فى الرئيسيه والارشيف وصفحة البحث

[html] <?php if (function_exists("pagination")) {
pagination($additional_loop->max_num_pages);
} ?>
[/html]

بعد الانتهاء من التعديل على الملفات السابقه قم برفعها داخل ملف الاستايل

تم بحمد لله

مقالات ذات صلة

اضف رد