الـ Widgets في ووردبريس

الـ Widgets أو الويدجات هي قطع صغيرة من المحتوى أو الوظائف بتتحط في أماكن معينة زي الشريط الجانبي (Sidebar) أو الفوتر

1. يعني إيه Widgets؟

الـ Widgets أو الويدجات هي قطع صغيرة من المحتوى أو الوظائف بتتحط في أماكن معينة زي الشريط الجانبي (Sidebar) أو الفوتر.
زي البحث، قائمة التصنيفات، روابط التواصل، قائمة الأخبار، وغيرها.

2. أهمية الـ Widgets في الموقع

  • بتديك تحكم سهل في إضافة محتوى جانبي بدون كود
  • بتسهل على الزوار التنقل في الموقع
  • بتخلي الموقع تفاعلي ومتجدد بسهولة

3. أنواع Widgets في ووردبريس

  • Widgets إفتراضية: زي البحث، التصنيفات، الأرشيف، النصوص
  • Widgets من إضافات: مثلاً ودجات وسائل التواصل أو الإعلانات
  • Widgets مخصصة: ممكن تصممها بنفسك لو حابب تضيف وظائف خاصة

4. ازاي تضيف Widgets في الشريط الجانبي (sidebar) أو الفوتر

  1. اذهب للوحة تحكم ووردبريس
  2. من قائمة “المظهر” اختار “ودجات”
  3. هتلاقي أماكن متعددة للودجات حسب القالب (شريط جانبي، فوتر، إلخ)
  4. اسحب الـ Widget اللي عايزه للمكان المناسب
  5. عدل الإعدادات واضغط حفظ

5. ازاي تسجل مكان للـ Widgets في القالب (Sidebar / Footer)

لازم تسجل مساحة ودجات في ملف functions.php عشان تقدر تحط فيها Widgets. مثال:

function mytheme_widgets_init() {
  register_sidebar( array(
    'name'          => 'الشريط الجانبي الرئيسي',
    'id'            => 'main-sidebar',
    'before_widget' => '<div class="widget %2$s">',
    'after_widget'  => '</div>',
    'before_title'  => '<h3 class="widget-title">',
    'after_title'   => '</h3>',
  ));
  
  register_sidebar( array(
    'name'          => 'فوتر الموقع',
    'id'            => 'footer-area',
    'before_widget' => '<div class="footer-widget %2$s">',
    'after_widget'  => '</div>',
    'before_title'  => '<h4 class="footer-widget-title">',
    'after_title'   => '</h4>',
  ));
}
add_action( 'widgets_init', 'mytheme_widgets_init' );

بعد كده في ملفات القالب بتستخدم:

<?php if ( is_active_sidebar( 'main-sidebar' ) ) : ?>
  <?php dynamic_sidebar( 'main-sidebar' ); ?>
<?php endif; ?>

<?php if ( is_active_sidebar( 'footer-area' ) ) : ?>
  <?php dynamic_sidebar( 'footer-area' ); ?>
<?php endif; ?>

6. كيفية إضافة Widgets مخصصة (Custom Widgets)

لو حابب تضيف ودجة جديدة بنفسك، هتحتاج تكتب كلاس PHP صغير بيورث من WP_Widget، وده مثال بسيط:

class My_Custom_Widget extends WP_Widget {
  function __construct() {
    parent::__construct(
      'my_custom_widget',
      __('ودجة مخصصة', 'text_domain'),
      array( 'description' => __( 'ودجة بسيطة مخصصة', 'text_domain' ), )
    );
  }
  
  public function widget( $args, $instance ) {
    echo $args['before_widget'];
    echo '<p>دي ودجتي المخصصة!</p>';
    echo $args['after_widget'];
  }
}

function register_my_custom_widget() {
  register_widget( 'My_Custom_Widget' );
}
add_action( 'widgets_init', 'register_my_custom_widget' );

7. نصائح لاستخدام Widgets بشكل فعال

  • لا تزدحم الشريط الجانبي بعدد كبير من الودجات
  • استخدم عناوين واضحة للودجات
  • جرب الودجات على موبايل وسطح المكتب
  • خلي تصميم الودجات متناسق مع شكل الموقع

8. مراجعة سريعة

  • الـ Widgets هي أدوات صغيرة بتحطها في الشريط الجانبي أو الفوتر
  • تقدر تضيفها من لوحة تحكم ووردبريس بسهولة
  • لازم تسجل Sidebar أو مناطق ودجات في functions.php
  • ممكن تعمل ودجات مخصصة لو عندك خبرة في PHP

9. أسئلة شائعة

س: هل ممكن أستخدم ودجات في أماكن مختلفة؟
ج: أكيد، بس لازم تسجل كل مكان Sidebar مختلف.

س: هل لازم أعرف برمجة عشان أستخدم Widgets؟
ج: لأ، تقدر تستخدم الودجات الجاهزة من لوحة التحكم بسهولة.

س: ازاي أعدل شكل الويدجات؟
ج: من خلال CSS في ملف القالب.

10. نهاية الدرس: “الأدوات اللي بتخلي موقعك ذكي وسهل الاستخدام”

الـ Widgets بتديك مرونة كبيرة في تطوير موقعك بدون تعقيد، وهي الأداة اللي بتخلي الموقع يتفاعل أكتر مع الزوار.
لو عرفت تستخدمها صح، هتدي موقعك شكل احترافي وسهل التصفح.