أخبار التقنية

أضف ترقيم الصفحات في WordPress لاستبدال التنقل السابق/التالي


إذا قررت بدء مدونة WordPress، فإن الإعداد الافتراضي لصفحات أرشيف ترقيم الصفحات في WordPress هو السابق/التالي. يعد هذا الإعداد كافيًا لمعظم الأشخاص الذين من المحتمل ألا يفكروا فيه مرة أخرى. ولكن إذا كنت من النوع الذي يصعب إرضاؤه ويحب تعديل كل شيء صغير، فقد ترغب في أن تعرض صفحاتك أرقام الصفحات بدلاً من ذلك.

إذا كان هذا هو الحال، لديك خياران. يمكنك إما تعديل الكود أو يمكنك اتباع الطريق السهل واستخدام مكون إضافي.

أضف ترقيم الصفحات إلى مدونة WordPress بدون مكون إضافي

إذا لم تكن فكرة استخدام مكون إضافي آخر جذابة للغاية (فهي تؤدي إلى إبطاء موقعك على أية حال)، فقد تقرر أن تعديل الكود هو أفضل طريقة للبدء. في الواقع، الأمر ليس بهذه الصعوبة إذا كنت تعرف أين تبحث. إذا كنت لا تعرف، سوف نظهر لك.

أولا، أنت بحاجة إلى برنامج FTP. هذا ببساطة برنامج يقوم بتسجيل الدخول إلى موقع الويب الخاص بك ويعرض ملفات الموقع. الأكثر شهرة هو FileZilla، ولكن يمكنك استخدام أي برنامج تريده. أنا شخصياً أستخدم CyberDuck. كلاهما مجاني، لكن CyberDuck لديه نافذة منبثقة مزعجة للتبرع للمطور.

قم بتسجيل الدخول إلى موقعك باستخدام برنامج FTP الخاص بك وسترى الملفات.

تسجيل الدخول إلى موقع Cyberduck Ftp

الآن ابحث عن ملف يسمى وظائف.php. تم العثور عليه في مجلد السمات الخاص بك والذي يوجد عادةً في /wp-content/themes/NAME OF THEME. افتح ال وظائف.php باستخدام محرر نصوص، وأضف ما يلي إلى نهاية الملف. تذكر أن تحفظ تغييرات الملف بعد ذلك.

function numeric_posts_nav() {
 
    if( is_singular() )
        return;
 
    global $wp_query;
 
    /** Stop execution if there's only 1 page */
    if( $wp_query->max_num_pages <= 1 )
        return;
 
    $paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
    $max   = intval( $wp_query->max_num_pages );
 
    /** Add current page to the array */
    if ( $paged >= 1 )
        $links() = $paged;
 
    /** Add the pages around the current page to the array */
    if ( $paged >= 3 ) {
        $links() = $paged - 1;
        $links() = $paged - 2;
    }
 
    if ( ( $paged + 2 ) <= $max ) {
        $links() = $paged + 2;
        $links() = $paged + 1;
    }
 
    echo '
' . "\n";
 
    /** Previous Post Link */
    if ( get_previous_posts_link() )
        printf( '
%s
' . "\n", get_previous_posts_link() );
 
    /** Link to first page, plus ellipses if necessary */
    if ( ! in_array( 1, $links ) ) {
        $class = 1 == $paged ? ' class="active"' : '';
 
        printf( '%s' . "\n", $class, esc_url( get_pagenum_link( 1 ) ), '1' );
 
        if ( ! in_array( 2, $links ) )
            echo '
…
';
    }
 
    /** Link to current page, plus 2 pages in either direction if necessary */
    sort( $links );
    foreach ( (array) $links as $link ) {
        $class = $paged == $link ? ' class="active"' : '';
        printf( '%s' . "\n", $class, esc_url( get_pagenum_link( $link ) ), $link );
    }
 
    /** Link to last page, plus ellipses if necessary */
    if ( ! in_array( $max, $links ) ) {
        if ( ! in_array( $max - 1, $links ) )
            echo '
…
' . "\n";
 
        $class = $paged == $max ? ' class="active"' : '';
        printf( '%s' . "\n", $class, esc_url( get_pagenum_link( $max ) ), $max );
    }
 
    /** Next Post Link */
    if ( get_next_posts_link() )
        printf( '
%s
' . "\n", get_next_posts_link() );
 
    echo '
' . "\n";
 
}

بعد ذلك، افتح الملف الذي يظهر فيه ترقيم الصفحات. هذا هو عادة Index.php و archive.php ملف. الصق الكود التالي لعرض ترقيم الصفحات.

<?php
if ( function_exists( 'numeric_posts_nav' ) ) {
    numeric_posts_nav();
} ?>

الآن عليك إضافة بعض أكواد CSS المخصصة. يمكن العثور على هذا القسم في WordPress Admin، ضمن المظهر -> رمز CSS المخصص قسم. لكن المواضيع المختلفة لها في أماكن مختلفة. قد تضطر إلى التصفح للعثور عليه.

بمجرد حصولك عليه، قم بإضافة الكود أدناه. مرة أخرى، لا تنس حفظ التغييرات.

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}

إذا قمت الآن بفحص صفحات أرشيف مدونتك، فسترى الترقيم في الأسفل. يمكنك إضافة نمط إليه إذا كنت ترغب في ذلك، عن طريق تغيير المساحة المتروكة ولون الخلفية وما إلى ذلك.

الطريقة اليدوية لترقيم الصفحات في ووردبريس

لاستعادة التنقل القديم السابق والتالي، ما عليك سوى إعادة تتبع الخطوات الموضحة أعلاه وإزالة الرمز الذي أضفته.

هل يمكنني تقسيم منشور أو صفحة WordPress واحدة إلى صفحات متعددة؟

إذا كنت تكتب مقالة طويلة جدًا، فمن المفيد تقسيم المقالة إلى صفحات مختلفة. وهذا يجعل المقالة أسهل في الهضم إذا لم يقم القارئ بالتمرير إلى ما لا نهاية.

لإضافة فواصل صفحات، أضف كتلة Gutenberg فاصل صفحة، أينما تريد تقسيم الصفحة. ما عليك سوى البدء في الكتابة /صفحة وسيظهر في القائمة المنبثقة.

ووردبريس جوتنبرج فاصل الصفحات

وهذا يضيف بعد ذلك فاصل الصفحات. كرر العملية كلما أردت كسر الصفحة مرة أخرى.

علامة فاصل الصفحات في ووردبريس جوتنبرج

استخدم مكون WordPress الإضافي لاستبدال السابق/التالي بالأرقام

إذا كانت فكرة تغيير الكود تزعجك، فسوف يسعدك معرفة أن هناك مكونًا إضافيًا يمكن أن يساعد في تهدئة أعصابك. في الواقع، هناك العديد من المكونات الإضافية (التي سنذكرها في القسم التالي.) ولكن يبدو أن أفضلها هو WP-PageNavi الذي يقوم بتحويل Pre/Next إلى أرقام.

أولاً اذهب إلى الإضافات قسم من موقع WordPress الخاص بك وابحث عن WP-PageNavi. بمجرد العثور عليه، انقر فوق تثبيت الآن.

Wp Pagenavi في دليل ووردبريس

انتقل الآن إلى البرنامج المساعد المثبت وانقر فوق إعدادات.

تم تثبيت Wp Pagenavi في WordPress

من الأفضل ترك هذه الإعدادات كما هي، إلا إذا كانت لديك متطلبات خاصة وتعرف ما تفعله.

إعدادات صفحات Wp Pagenavi في WordPress

قم بالتمرير لأسفل الصفحة للعثور عليها خيارات التنقل في الصفحة. ومن بين أمور أخرى، يمكنك تحديد عدد الصفحات التي سيتم عرضها في شريط التنقل.

خيارات Wp Pagenavi

خطوة أخيرة. تجد الخاص بك Index.php الملف الخاص بك archive.php ملف. بحث Previous_posts_link و next_posts_link. استبدله بـ:

إذا انتقلت الآن إلى أسفل صفحة مدونتك، فسترى أرقامًا بدلاً من السابق/التالي.

ترقيم الصفحات في ووردبريس على المدونة

إذا كنت تريد عكس هذا في المستقبل، فما عليك سوى تعطيل البرنامج الإضافي وإلغاء تثبيته.

ملحقات إضافية لصفحات WordPress

إذا كنت لا تريد استخدام WP-PageNavi لأي سبب من الأسباب، فهناك خياران إضافيان آخران. ستجد المزيد إذا بحثت في Google، ولكنك ستجد سريعًا أن أسعارها غير معقولة أو أن المكون الإضافي لم يتم تحديثه منذ سنوات.

ملحوظة: لا تستخدم واحدًا مضى عليه سنوات. من المحتمل أن تكون هناك ثغرات أمنية يمكن للمتسلل استغلالها.

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

البرنامج المساعد لصفحات Wp

يحتوي ترقيم الصفحات على الكثير من الخيارات المتاحة، ولكنه في جوهره يضيف ببساطة التخصيص إلى صفحات الأرشيف المختلفة، مثل أرشيف المدونة ونتائج البحث والفئات والعلامات وصفحات المؤلف.

2. الفسفور الأبيض-صفحات

البرنامج المساعد لصفحات الفسفور الأبيض

الخيار الآخر هو WP-Paginate. يوفر هذا المزيد من الفرص لتخصيصات النمط، مثل تغيير ألوان مربعات الأرقام.

يعد ترقيم الصفحات أمرًا يجب النظر إليه بجدية عند إنشاء موقع WordPress جديد و/أو مدونة WordPress. يوفر ترقيم الصفحات المزيد من الروابط إلى موقعك، ثم تتم فهرسة تلك الصفحات بواسطة Google.

يعد WordPress مرنًا للغاية، ويمكنك تخصيص جوانب أخرى مختلفة من موقعك مثل لوحة تحكم المشرف وخريطة الموقع وخلاصات RSS.

جميع لقطات الشاشة بواسطة مارك أونيل.

اشترك في نشرتنا الإخبارية!

يتم تسليم أحدث البرامج التعليمية لدينا مباشرة إلى صندوق البريد الوارد الخاص بك

مارك اونيل

مارك أونيل صحفي مستقل في مجال التكنولوجيا، ومحرر، ومؤلف روايات التجسس الأكثر مبيعًا. أصله من اسكتلندا، ويعيش الآن في ألمانيا مع زوجته وكلبه.


اكتشاف المزيد من إشراق العالم

اشترك للحصول على أحدث التدوينات المرسلة إلى بريدك الإلكتروني.

اترك تعليقاً

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

زر الذهاب إلى الأعلى