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

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

تسجيل الأشرطة الجانبية أو مناطق ويدجت جاهزة في ووردبريس

أول شيء عليك القيام به هو تسجيل الشريط الجانبي أو منطقة ويدجت جاهزة لقالبك. يمكنك تسجيل أشرطة جانبية متعددة ومناطق جاهزة للويدجت. انسخ هذا الكود والصقه في ملف functions.php الخاص بثيمتك.

function wpb_widgets_init() {
 
    register_sidebar( array(
        'name' => __( 'Main Sidebar', 'wpb' ),
        'id' => 'sidebar-1',
        'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>',
    ) );
 
    register_sidebar( array(
        'name' =>__( 'Front page sidebar', 'wpb'),
        'id' => 'sidebar-2',
        'description' => __( 'Appears on the static front page template', 'wpb' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>',
    ) );
    }
 
add_action( 'widgets_init', 'wpb_widgets_init' );

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

إضافة ويدجت ديناميكي جاهز أشرطة جانبية في ملفات ثيمة ووردبريس

حتى الأن، قمنا بتسجيل أشرطة جانبية ديناميكية فقط. يمكن للمستخدمين سحب وإفلات ويدجات في هذه الأشرطة الجانبية من شاشة المظهر » ويدجات. ومع ذلك، لن تظهر هذه الأشرطة الجانبية على موقعك حتى يتم استدعاؤها في تمبلت مثل sidebar.php أو في أي مكان آخر تريد عرضه فيه. لإضافة مناطق ويدجت هذا، قم بتحرير ملف التمبلت حيث تريد عرضه ولصق هذا الكود:

<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
    <div id="secondary" class="widget-area" role="complementary">
    <?php dynamic_sidebar( 'sidebar-1' ); ?>
    </div>
<?php endif; ?>

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

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

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