احتفظ بنسخة احتياطية من قالبك الحالي.
ح التغييرات الأساسية (ما هو b:section و b:widget؟):
<html ... xmlns:b='http://www.google.com/2005/gml/b' ...>: تم إضافة هذه السمات إلى وسم <html> لتحديد مساحات الأسماء اللازمة لبلوجر. هذا ضروري لكي يتعرف بلوجر على الأوسمة الخاصة به.
<data:blog.pageTitle/>: هذا الوسم الديناميكي سيجعل عنوان صفحتك يظهر تلقائيًا من إعدادات بلوجر.
<b:skin> و <![CDATA[ ... ]]>: تم تضمين كل أكواد CSS الخاصة بك داخل b:skin ومعرف CDATA. هذا هو المكان الصحيح لأكواد CSS في قوالب بلوجر.
<b:section id='...' class='...' showaddelement='yes'>:
هذا هو الوسم الذي يريده بلوجر! يحدد "منطقة" في القالب حيث يمكنك إضافة أو إزالة الودجات (Gadgets) من خلال لوحة تحكم بلوجر في قسم "التخطيط" (Layout).
id: معرف فريد للقسم (مثال: header-section, sidebar-left, main-posts).
class: لتطبيق تنسيقات CSS عليها.
showaddelement='yes': يجعل زر "إضافة أداة" (Add a Gadget) متاحًا في هذه المنطقة من لوحة التحكم.
showaddelement='no': يجعل هذه المنطقة غير قابلة لإضافة ودجات يدوياً (عادةً تستخدم للمناطق التي تحتوي على ويدجت أساسي مثل Blog1).
<b:widget id='...' type='...' locked='true/false'>:
هذا الوسم يمثل ودجت بلوجر. يمكنك "قفل" بعض الودجات (locked='true') حتى لا يتم حذفها من قبل المستخدمين من لوحة التحكم، أو تركها قابلة للتعديل (locked='false').
<b:includable id='main'> ... </b:includable>: هذا هو المحتوى الفعلي للودجت. أي شيء تضعه هنا هو ما سيظهره الودجت افتراضيًا.
<b:widget id='Header1' type='Header'>: ويدجت عنوان المدونة.
يستخدم data:title و data:description لجلب عنوان المدونة ووصفها من إعدادات بلوجر.
<b:widget id='PageList1' type='PageList'>: ويدجت لعرض الصفحات.
يستخدم b:loop values='data:links' var='link' للتكرار على روابط الصفحات التي أضفتها من "الصفحات" في لوحة تحكم بلوجر.
<b:widget id='Blog1' type='Blog'>: هذا هو أهم ويدجت. إنه المسؤول عن عرض مشاركات مدونتك.
b:loop values='data:posts' var='post' يكرر على كل مشاركة.
data:post.title, data:post.url, data:post.body هي بيانات ديناميكية للمشاركات.
b:include name='nextprev' يضيف روابط التصفح بين الصفحات (المشاركات الأقدم/الأحدث).
<b:widget id='TextX' type='Text'>: استخدمت هذا النوع من الودجات (ويدجت نص/HTML) لوضع المحتوى الثابت في الشريط الجانبي والتذييل، وذلك للسماح لك بتعديله لاحقًا من خلال قسم "التخطيط" في بلوجر بدلاً من التعديل المباشر على الكود.
تعليمات التنفيذ (مهم جداً!)
احتفظ بنسخة احتياطية من قالبك الحالي.
انسخ الكود الجديد بالكامل.
اذهب إلى "المظهر" -> "تعديل HTML" في بلوجر.
قم بمسح كل شيء في محرر القالب الحالي والصق هذا الكود الجديد بالكامل. (تأكد من مسح كل شيء من <?xml ... إلى </html>).
انقر على "حفظ المظهر".
لماذا هذه الطريقة هذه المرة؟
لأننا الآن نضيف الأوسمة الخاصة ببلوجر في أماكنها الصحيحة (الجذرية) في القالب، فإن أفضل طريقة هي استبدال القالب بالكامل بهذا الهيكل الجديد. بعد الحفظ، ستتمكن من الذهاب إلى قسم "التخطيط" (Layout) في بلوجر وسترى أقسام الودجات (Header, Navbar, Sidebar, Main Posts, Footer sections) حيث يمكنك إضافة وتنظيم الودجات الخاصة بك.
هذا الكود يجب أن يحل مشكلة b:section ويسمح لك بحفظ القالب. إذا ظهرت أي أخطاء أخرى، أخبرني، فكل خطأ هو خطوة لتعلم المزيد!
تعليقات
إرسال تعليق