ووردبريس

كود ووردبريس لعرض الفئات بشكل مميز

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

التحدي: عرض التصنيفات بشكل منظم

في بعض الأحيان، قد يواجه المطورون تحديات في عرض التصنيفات الخاصة بمحتوى معين. على سبيل المثال، إذا كنت تستخدم تصنيفًا مخصصًا مثل “النوع” المرتبط بنوع محتوى مخصص، فقد تحتاج إلى طريقة معينة لعرض الفئات الأم والفرعية بصورة متناسقة. الهدف هنا هو عرض “النوع” بالشكل التالي: الخيال (سايبربانك، تايمبانك (ستيمبانك/باروبانك)) | الفانتازيا (فانتازيا بطولية).

الكود المستخدم لتحقيق الهدف

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

function get_taxonomy_output($terms) {
    if (!is_wp_error($terms) && !empty($terms)) {
        $parent_cats = array();
        $child_cats = array();
        // تصنيف الفئات إلى فئات أم وفئات فرعية
        foreach ($terms as $term) {
            if ($term->parent == 0) {
                $parent_cats[$term->term_id] = $term;
            } else {
                $child_cats[$term->parent][] = $term;
            }
        }
        // بناء المنتج النهائي للإخراج
        $output = array();
        foreach ($parent_cats as $parent_id => $parent_cat) {
            $output[] = build_category_output($parent_cat, $child_cats);
        }
        return implode(', ', $output);
    }
    return '';
}
function build_category_output($parent_cat, $child_cats) {
    $parent_link = '' . esc_html($parent_cat->name) . '';
    $output = $parent_link;
    if (!empty($child_cats[$parent_cat->term_id])) {
        $children = array();
        foreach ($child_cats[$parent_cat->term_id] as $child_cat) {
            if (!empty($child_cats[$child_cat->term_id])) {
                $children[] = build_category_output($child_cat, $child_cats);
            } else {
                $children[] = '' . esc_html($child_cat->name) . '';
            }
        }
        $output .= ' (' . implode(', ', $children) . ')';
    }
    return $output;
}

كيفية استخدام الكود في الصفحة الفردية

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

$categories = get_the_terms(get_the_ID(), 'genre');
$output_genre = get_taxonomy_output($categories);

تحقيق النتيجة المرجوة

مع استخدام الكود السابق، سترى أن التصنيفات تظهر بشكل مرتب كما يلي: الخيال (سايبربانك، تايمبانك (ستيمبانك/باروبانك)) | الفانتازيا (فانتازيا بطولية). هذا هو الشكل الذي يرغب فيه العديد ممن يستخدمون ووردبريس، حيث يعطي انطباعًا مرتبًا ومنظمًا للمستخدمين.

الخاتمة

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

يمكنك الآن اتخاذ هذا الكود وإجراء التعديلات اللازمة عليه ليناسب احتياجات موقعك الخاص. بالتوفيق!

احمد علي

متخصص في مجال تطوير وإدارة المواقع الإلكترونية، يتمتع بخبرة واسعة في التعامل مع منصات إدارة المحتوى، خاصة ووردبريس. يقدم أحمد حلولاً مبتكرة واستراتيجيات فعالة لتحسين أداء المواقع وتطوير تصميماتها بما يتناسب مع احتياجات المستخدمين. كما يتميز بقدرته على تبسيط المفاهيم التقنية وكتابة محتوى تعليمي يساعد الأفراد والشركات على تحسين تواجدهم الرقمي وتحقيق أهدافهم على الإنترنت.
زر الذهاب إلى الأعلى
Don`t copy text!