عرض 5 منشورات حديثة في قائمة تذييل ووردبريس تحت العنصر الثالث

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

خطوات لإضافة أحدث المقالات في قائمة التذييل

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

تعديل ملف functions.php

لمعالجة المسألة، سنقوم بإنشاء كلاس جديد يقوم بتعديل المخرجات الخاصة بعناصر القائمة. هذا الكلاس سيمكننا من إدراج الكود المطلوب بسهولة تحت قائمة "Insights". إليك كيفية كتابة هذا الكود:

class Add_Div_Walker extends Walker_Nav_Menu
{
    public function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) {
        $item_output = '<li class="menu-item">' . $item->title;
        // فحص إذا كان العنصر هو "Insights"
        if ('Insights' == $item->title) {
            // استعلام للحصول على 5 مقالات جديدة
            $latest_posts = wp_get_recent_posts(array('numberposts' => 5));
            $item_output .= '<ul class="latest-posts">';
            foreach ($latest_posts as $post) {
                $item_output .= '<li><a href="' . get_permalink($post["ID"]) . '">' . $post["post_title"] . '</a></li>';
            }
            $item_output .= '</ul>';
        }
        $item_output .= '</li>';
        $output .= $item_output;
    }
}
function nav_replace_wpse_189788($item_output, $item) {
    if ('Insights' == $item->title) {
        global $my_profile; 
        return '';
    }
    return $item_output;
}
add_filter('walker_nav_menu_start_el','nav_replace_wpse_189788',10,2);

كيف تعمل هذه الشيفرة

الكود أعلاه ينشئ كلاسًا يستبدل وظائف عرض عناصر القائمة. يضيف قائمة فرعية تحتوي على أحدث 5 مقالات أسفل عنصر القائمة "Insights". تعتمد مرونة هذا الحل على استخدام دالة wp_get_recent_posts لجلب أحدث المقالات بشكل ديناميكي. هذا يضمن أن المحتوى دائمًا متجدد ويقدم للزوار آخر الأخبار والمعلومات.

تفعيل الكود في قائمة التذييل فقط

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

خاتمة

بعد تطبيق الخطوات السابقة، يجب أن ترى الآن قائمة تحتوي على أحدث 5 مقالات تظهر تحت عنصر "Insights" في قائمة التذييل الخاصة بك. هذا التعديل لا يوفر فقط محتوى متجدد للزوار، بل يعزز أيضًا من تفاعل المستخدمين مع الموقع، وهي خطوة مهمة في تحسين محركات البحث وزيادة الظهور الرقمي للمحتوى.

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