إضافة صندوق محتوى (meta box) في لوحة تحكم ووردبريس

أحيانًا نرغب بإضافة بعض الخصائص في داخل صفحة إنشاء تدوينة. بالاعتماد على وظيفة add_meta_box يمكننا إضافة صناديق محتوى (meta box) توفّر لك واجهة بسيطة مع القدرة على إنشاء حقول مخصّصة بشكل سهل. إذا كنت لا تريد أن تدخل في دوامات الأكواد البرمجية، يمكنك الاستعانة بإضافة Betta Boxes CMS. الإضافة تعتمد على وظيفة post meta مما يجعلها متوافقة مع ووردبريس. في هذه التدوينة سأعتمد على إضافة Betta Boxes CMS.

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

صورة توضيحية للمطلوب:

Untitled-1

نلاحظ في الصورة أعلاه ظهور أيقونة فيديو بجانب عنوان الموضوع. كيف يمكن أن نضيف هذه الأيقونة؟ تابع الشرح …

1. تركيب إضافة Betta Boxes CMS وإنشاء صندوق المحتوى

قم بتركيب وتفعيل إضافة Betta Boxes CMS.

بعد تركيب الإضافة أدخل إلى صفحة إعدادات > Betta Boxes

سنقوم بإنشاء الصندوق. شاهد الشرح بالصورة.

ملاحظة: يمكن إضافة أكثر من حقل مخصّص كما يمكن أيضًا تحديد نوع الحقل المخصّص المطلوب. في المثال التالي اخترت الحقل Check Boxes (خانات الاختيار). راجع صفحة الإضافة لمعرفة أنواع الحقول المتوفرّة.

Untitled-2

لنشاهد النتيجة، أصبح يظهر لدينا صندوق جديد في لوحة التحكم في صفحة إنشاء تدوينة جديدة وفي داخل الصندوق يتوفر خيار “نعم”:

Untitled-4

إظهار الحقل المخصّص في القالب

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

[php]<?php
//check specific options are checked
$checked = get_post_meta(get_the_ID(), ‘my-video’, true);
if($checked[‘نعم’]) {
echo ‘<img src=”http://example.com/themes/twentytwelve/images/icon.png”>’;
}
?>[/php]

الكود يحتوي على 3 عناصر أي بمعنى إذا اخترنا الخيار “نعم” في الحقل المخصّص my-video سوف تظهر لنا الأيقونة. عليك مراعاة تغيير هذه العناصر بما يتناسب مع الحقل المخصص الذي أنشأته.

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

أتمنى أن يكون الشرح واضح ومفيد.

اظهر المزيد

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى