الكثير من المدونات تضع أداة ارشيف المدونة بنمط قائمة منسدلة في الشريط الجانبي للمدونة ( السايد بار ) لكن عرض مربع الارشيف الافتراضي هذا لا يساوي عرض السايد بار للمدونة اي يكون مربع صغير طول عرضه يصل الى نصف عرض السايد بار ، ولهذا تجد أصحاب المدونات غير مرتاحين لشكله لذا يلجأو باختيار قائمة ارشيف اما بنمط ( تسلسل هيكلي ) او نمط ( قائمة كاملة ) ولكن هذه النمطين الأخيرين ياخذون مساحة كبيرة في السايد البار في حالة لو اردت ان تظيف أدوات أخرى بداخله . أما نمط ( قائمة منسدلة ) فائدته أنه لا يأخذ مساحة كبيرة بل ياخذ مربع صغير وعند النقر عليه يعرض مواضيع المدونة . لاحظ الصور التالية توضح ارشف المدونة بنمط القائمة المنسدلة قبل التعديل وبعد التعديل :
الصورة رقم ( 1 ) توضح الاشكال الثلاثة للارشيف
الصورة رقم ( 2 ) توضح عرض الارشف قبل التوسيع (الافتراضي )
* ملاحظة : قبل ان تبداء بالخطوات تأكد من ارشيف مدونتك هل هو بنمط القائمة المنسدلة ؟ اذا كان بشكل القائمة المنسدلة كما في الصور اعلاه وتريد توسيعه الخطوات التالية تشرح لك كيفية توسع عرض الارشيف ، اما اذا كان بنمط تسلسل هيكلي او قائمة كاملة فالموضوع لا يتكلم بخصوص هذه النمطين .
طريقة التعديل
(مع ضرورة أخذ نسخة إحتياطية من القالب قبل عمل أي تغير )
1- توجه للوحة التحكم الرئيسية لمدونتك
2- تصميم
3-تحريرhtml
4- توسيع للقالب
أما بالنسبة لمستخدمي لوحة التحكم الجديدة
1 -لوحة التحكم الرئيسية بمدونتك
2-أختار من القائمة (قالب)
3- تحريرhtml
4- متابعة
5-
3- نبحث عن الكود التالي (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):
<b:includable id='menu' var='data'>
< select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
< option value=''><data:title/></option>
< b:loop values='data:data' var='i'>
< option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
< /b:loop>
< /select>
< /b:includable>
< select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
< option value=''><data:title/></option>
< b:loop values='data:data' var='i'>
< option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
< /b:loop>
< /select>
< /b:includable>
ملاحظة : تستطيع البحث عن الكود اعلاه خطوة 4 عن طريقة نسخ اول سطر منه ثم تاكد من وجود الكود بالكامل في مدونتك ...
لاحظ الصورة :
الكود الافتراضي في المدونة قبل التعديل |
4 - قم بمسح الكود اعلاه خطوة ( 3 ) ثم استبدلة بالكود التالي :
<b:includable id='menu' var='data'>
< select expr:id='data:widget.instanceId + "_ArchiveMenu"' style='width:100%'>
< option value=''><data:title/></option>
< b:loop values='data:data' var='i'>
< option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
< /b:loop>
< /select>
< /b:includable>
< select expr:id='data:widget.instanceId + "_ArchiveMenu"' style='width:100%'>
< option value=''><data:title/></option>
< b:loop values='data:data' var='i'>
< option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
< /b:loop>
< /select>
< /b:includable>
5 - اعمل معاينة ( Preview ) للمدونة للتأكد من تطبيق العملية ثم قم بعمل حفظ ( Save ) .
* طبعا في الحقيقة الكودين في الشرح اعلاة خطوة 3+ 4 متشابهان ، فقط غيرنا جزءا بسيطا جدا وهو إضافة الكود الذي يشير باللون الاحمر style='width:100%' في كود خطوة رقم 5 تغيير نسبة العرض الى 100% .\
المصدر: المحررون العرب مع التعديل
جزى الله خيرا كل من ساهم فيه