إنشاء شورت كود لعرض قائمة تنقل حسب فئة المنتج

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

مقدمة عن إنشاء كود قصير لعرض قوائم التنقل

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

خطوات إنشاء كود قصير

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

كتابة الكود

هنا هو الكود الذي يمكن استخدامه:

add_shortcode('color_menu', 'color_menu_shortcode');
function color_menu_shortcode( $atts ) {
    extract( shortcode_atts( array(
        'product_id'  => get_the_ID()
    ), $atts, 'color_menu' ) );
    // قائمة بالعلاقات بين معرفات المصطلحات ومعرفات القوائم
    $data_term_menu = array(
        '31' => '16',
        '35' => '17',
        '42' => '21',
    );
    ob_start(); // بدء تخزين المحتوى المعد للطباعة
    // حلقة من خلال المصطلحات ومعرفات القوائم المرتبطة
    foreach ( $data_term_menu as $term_id => $menu_id ) {
        // التحقق مما إذا كان معرف المصطلح الحالي محددًا في المنتج
        if ( has_term( intval($term_id), 'product_cat', $product_id ) ) {
            wp_nav_menu( array( 'menu' => intval($menu_id) ) );
        }
    }
    return ob_get_clean(); // إرجاع المحتوى المخزن
}

يمكنك استخدام هذا الكود القصير في صفحة المنتج الخاصة بك عن طريق إضافة [color_menu]، أو تحديد معرف المنتج مباشرة عبر الكود [color_menu product_id="18"].

تحسين الكود للحصول على نتائج أفضل

فيما يتعلق بالتحسينات، يجب التأكد من أن إعدادات wp_nav_menu() صحيحة، حيث أن قيمة menu تقبل معرف القائمة كعدد صحيح. هذا يضمن عرض القوائم بشكل دقيق حسب الفئات المحددة.

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

خاتمة

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

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