• Dubai, UAE
  • +971 54 408 4441
  • moe.rayan@gmail.com
كيفية عمل شريط ترقيم الصفحات

كيفية عمل شريط ترقيم الصفحات

حسب طلب احد الزائرين
في هذا الدرس سنتناول طريقة عمل شريط ترقيم الصفحات بشرح بسيط لكيفية عمله

افتح النوت باد
واكتب الكود التالي

<?php
 
global $wp_rewrite;
$paginate_base = get_pagenum_link(1);
if (strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()) {
$paginate_format = '';
$paginate_base = add_query_arg('paged', '%#%');
} else {
$paginate_format = (substr($paginate_base, -1 ,1) == '/' ? '' : '/') .
user_trailingslashit('page/%#%/', 'paged');;
$paginate_base .= '%_%';
}
 
echo '<div class="pagenavi">'. "\n";
echo paginate_links( array(
'base' => $paginate_base,
'format' => $paginate_format,
'total' => $wp_query->max_num_pages,
'mid_size' => 5,
'current' => ($paged ? $paged : 1),
'type' => 'list',
'prev_text' => ' &laquo; السابق',
'next_text' => 'التالي &raquo;',
));
echo "\n</div>\n";
 
?>

احفظ الملف في مسار القالب الرئيسي باسم navigation.php

ثم افتح صفحة الاندكس index.php بالنوتباد

واكتب الكود التالي بعد انتهاء لوب المقالات

		<?php if (function_exists('wp_pagenavi')) { wp_pagenavi(); } else { include('navigation.php'); } ?>
 
<?php endif; ?>


كيفية عمل شريط صفحات ووردبريس

انتهينا تقريباً

بقي علينا الستايل

افتح ملف الستايل

.pagenavi {
margin: auto;
overflow: hidden;
}
.pagenavi ul {
margin-bottom: 50px;
padding: 10px;
}
.pagenavi ul li {
display: block;
float: right;
margin: 3px;
}
.pagenavi ul li a:hover, .pagenavi ul li .current {
background: none repeat scroll 0 0 #FF9C00;
    border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
    padding: 10px;
}
.pagenavi ul li a {
background: none repeat scroll 0 0 #2D2C2C;
    border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
    padding: 10px;
}

احفظ ملف الستايل وافتح موقعك
ستظهر بهذا الشكل

ترقيم الصفحات

تستطيع تغيير الالوان من ملف الستايل


————————————————————————————
تحديث

لتطبيق هذا الشرح على قالب twenty ten
طبق الخطوة الاولى
ثم افتح ملف الindex.php
بعد div الاغلاق الخاص بالمحتويات

			</div><!-- #content -->

اضف الكود التالي

		<?php include('navigation.php');  ?>


ثم افتح ملف loop.php
وامسح الكود التالي

 
<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if (  $wp_query->max_num_pages > 1 ) : ?>
<div id="nav-below" class="navigation">
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
</div><!-- #nav-below -->
<?php endif; ?>


تقبلوا تحياتي 🙂

17 رأي على “كيفية عمل شريط ترقيم الصفحات”

  1. شكرا لك اخي بس يا ريت لو شرح مفصل والله تعبت جربت كل الطرق والاضافات وما نفعت معي

  2. الله يجزاك خير اريد اطبق هذا الدرس على سجل الزوار بواسطة الدريم ووويفر

    انا استخدمت اداه في الدريم ويفر تعطي امر الترقيم بس بدون اي استايل
    اقدر اسووووي لها استايل….؟؟؟

  3. iAyOuB قال:

    بارك الله فيك
    لازلت لم اجرب لكن سأبدأ..لكن الا يوجد شرح فيديو؟

    1. محمد ريان قال:

      العفو
      للاسف لايوجد

  4. Shahd AlFaDLi قال:

    ،,

    شُكرًا عَلى هَذا الشّرح .. / بَسيطٌ وَ وافي ..~
    تمَّ التّطبيق هُنا .:

    http://shahda.com/home/

    1. محمد ريان قال:

      العفوو
      نُظر 😀

  5. amin قال:

    نرجو التوضيح بالصور لو سمحتم

  6. عزيز قال:

    لاهنت يالطيب , شرح باسهل الطرق

  7. Ahmed Alsaied قال:

    جربتها على الصفحة الرئيسية للقالب
    وللأسف الصفحة بها مشكلة

  8. محمد ريان قال:

    نعم ، ولكن لا اعرف من اين بالضبط هل هي بال inludes؟ للأسف لااذكر، ابحث عن الصفحة الرئيسية لملفات القالب

  9. Ahmed Alsaied قال:

    اسف عرفت انه فقط لثيم twenty
    ماذا عن الثيم الذي اركبه في المدونة
    LightBright

    هل تنفع له طريقة لعرض ارقام الصفحات بالترقيم مثل ذلك ؟

  10. Ahmed Alsaied قال:

    اخي محمد وفقك الله
    لا اجد ملف loop.php
    لان الطريقة الاولى حدثت خطأت في الصفحة

  11. تنبيه: غير معروف
  12. تم .. لبى قلبك،
    ماقصرت والله ..

    تحياتِي

    1. محمد ريان قال:

      الله يخليك
      بالخدمه 🙂

  13. مع الأسف حاولت وتأتِيني رسالة خطأ بعدما أعدل على ملف الـindex،
    ولكن يبدو أن ملف الـIndex يختلف عندِي،
    على كلِ حال ، أشكرك جزيل الشكر يا أبو أحمد ..

    1. محمد ريان قال:

      اخي ابراهيم، تم التحديث على الدرس

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *