تصميم قالب بلوجر تصميم منطقة السايدبار

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

وقد قمنا باضافة كود html المسؤل عن منطقة السايدبار

<div class="col-md-4"> منطقة السايدبار </div>

لان كل ما علينا فعله هو الذهاب الى لوحة التحكم ثم علامة التبويب المظهر ثم تعديل html
قم بحذف الجملة التي وضعنها بشكل مؤقت وهي (منطقة السايدبار) الموضحة في الكود اعلاه
وضع مكانها الكود التالي الذي من خلاله يمكننا اضافة ادوات في منطقة السايدبار

كود html

<b:section id='widget-sidebare'/>

بعد اضافة الكود أضغط على حفظ المظهر بعد التاكد من الحفظ انتقل الى القائمة الجانبية
واضغط على علامة التبويب (التخطيط) بعد فتح الصفحة قم بتحديث الصفحة من خلال المتصفح
ستلاحظ انه تم اضافة اداة جديدة هي widget-sidebare يمكنك لان اضافة ادوات في السايدبار
مثل اداة المشاركات الشائعة وغيرها من الادوات


لان سنقوم باضافة كود css لتنسيق عنوان الادوات في السايدبار

كود css

aside .widget h2 { font-size: 16px; background: #2196F3; color: #fff; text-align: center; padding: 20px 0px; }