-->

تقنية ، إنترنت ، برامج ، إسلامية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الأربعاء، 26 نوفمبر 2014

كيف توسع عرض ارشيف المدونة - بنمط القائمة المنسدلة ؟

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


                                                                      الصورة رقم ( 1 ) توضح الاشكال الثلاثة للارشيف


                                             
 الصورة رقم ( 2 ) توضح عرض الارشف قبل التوسيع (الافتراضي ) 

* ملاحظة : قبل ان تبداء بالخطوات تأكد من ارشيف مدونتك هل هو بنمط القائمة المنسدلة ؟ اذا كان بشكل القائمة المنسدلة كما في الصور اعلاه وتريد توسيعه الخطوات التالية تشرح لك كيفية توسع عرض الارشيف ، اما اذا كان بنمط تسلسل هيكلي او قائمة كاملة  فالموضوع لا يتكلم بخصوص هذه النمطين .


طريقة التعديل
(مع ضرورة أخذ نسخة إحتياطية من القالب قبل عمل أي تغير )
1- توجه للوحة التحكم الرئيسية لمدونتك

2- تصميم

3-تحريرhtml

4- توسيع للقالب




أما بالنسبة لمستخدمي لوحة التحكم الجديدة

1 -لوحة التحكم الرئيسية بمدونتك

2-أختار من القائمة (قالب)

3- تحريرhtml

4- متابعة

5-

شرح تفصيلي لطريقة التركيب  بالنسبة لمحرر بلوجر  الحديث

1- ندخل الى لوحة تحكم المدونة .  

 2- نضغط على كلمة  قالب  من القائمة الجانبية   مثل الصورة التالية :

بعد الضغط على كلمة قالب سوف تظهر لنا شاشة مثل الصورة التالية:




 ومن  تلك الصورة السابقة نضغط على تحرير   HTML    ، لكي يظهر لنا الصورة التالية:  







3- نبحث عن الكود التالي (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):

<b:includable id='menu' var='data'>
< select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
< 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 + &quot;_ArchiveMenu&quot;' 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% .\

المصدر: المحررون العرب مع التعديل
جزى الله خيرا كل من ساهم فيه

ليست هناك تعليقات:

إرسال تعليق