كيفيه انشاء قائمة جانبية

كيفيه انشاء قائمة جانبية


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

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

كيفيه انشاء قائمة جانبية

السؤال هو كيف يمكننا إنشاء قائمة :

الأن سنقوم بإنشاء قائمة شبيه بالقائمة التي بالأعلى لكن بدون المربعات او widget .

القائمة بدون مربعات التي سنحصل عليها ستكون على هذا الشكل المحاط بالصندوق البرتقالي كما في الصورة.

كيفيه انشاء قائمة جانبية

إنشاء القائمة الجانبيه :
الكود التالي سوف نضعه في المكان الذي نريده حسب ما يناسب قالبك على صفحة functions.php .

 

تحليل الكود البرمجي :
ما قمنا به هو إنشاء وظيفة برمجة وبداخلها مصفوفة هذه المصفوفة تحتوي مفاتيج المعلومات الخاصة بالقائمة .

كيفيه انشاء قائمة جانبية

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

كيفيه انشاء قائمة جانبية

1- name : اسم القائمة التي تظهر بالأعلى في هذه الحالة الإسم مكتوب بالأنجليزية لكن النتيجة التي تظهر بالعربية وذلك لأن المعلومات تم جلبها من قالب twentytwelve الإفتراضي الذي يأتي مرفقا مع ووردبرس بشكل افتراضي.

2- id : هنا نضع اسم تعريف القائمة الجانبية التي نقوم باستدعائها في المكان الذي نريده على الصفحة الظاهر للزوار هنا استخدمنا اسم sidebar-8

3- description :وصف القائمة الجانبية ألذي يظهر تحت عنوان القائمة ويمكن إضافته لكي تتمكن من التمييز بين قائمة وأخرى رغم أن هذا العنصر غير إجباري.

4- before_widget : تستخدم لإدراج الحقيبة التي ستحتوي على مربعات القائمة.

5- after_widget : تستخدم لإغلاق الحقيبة التي فتحت في بداية مربعات القائمة.

6- before_title :تقوم بنفس الوظيفة التي رأيناها في مربعات القائمة، تقوم بفتح حقيبة الوسم الذي سيحتوي عنوان مربعات القائمة.

7- after_title : الوسم الذي يغلق حقيبة عنوان مربعات القائمة.

وبهذا نكون قد تعرفنا على المفاتيح التي تحتويها القائمة الجانبية التي يمكنن أن نغيرها للمعطيات التي تناسب احتياجاتنا .

ملاحظة: بالنسبة للرمز %1$s الذي يظهر في الكود البرمجي هو عبارة عن أمر مختزل يقوم بجلب اسم العنصر id الخاص بالمربع الجانبي في قالب twentytwelve .

اظهار القائمة الجانبية في الصفحات :
بعد حفظ العمل في ملف functions.php نود أن تظهر لنا القائمة في صفحة من الصفحات كي نقوم باستدعائه نضيف الكود التالي .

نقوم باستعداء القائمة الجانبية بوضع اسمها او عنوان ID الخاص بها كما رأينا في الكود الذي أدرجته في البداية في هذه الحالة اسم sidebar-8 .

بهذا نكون قد قمنا بإنشاء قائمتنا الخاصة لكي نضع بها مربعات widgets كما تظهر في الصورة التالية .

كيفيه انشاء قائمة جانبية

595 كل المشاهدات 1 مشاهدة اليوم

مواضيع مشابهة قد تعجبك :

اترك تعليقاً

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