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

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

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

أول شيء عليك القيام به هو تسجيل الشريط الجانبي أو منطقة جاهزية عنصر واجهة المستخدم لموضوعك. يمكنك تسجيل عدة أشرطة جانبية ومناطق جاهزة لعناصر واجهة المستخدم. انسخ هذا الرمز والصقه في ملف jobs.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; ?>

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

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

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

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

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

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