إضافة "إقرا
المزيد " لمواضيع المدونات من أجمل و أشهر الإضافات التي يمكنك أن تصادفها و أنت
تتصفح المدونات ، هناك مدونات تجد فيها هذه الإضافة مدموجة تلقائيا مع القالب
كمدونات الووردبريس WordPress ، وهناك مدونات غير ملحقة بها هذه الإضافة كمدونات
البلوغر Blogger . لذلك سيكون موضوعنا كيف نضيف هذه الإضافة أو الخاصية أو سميها
كما شئت إلى مدونة البلوغر Bogger . لكن أولا لنفسر ماهية هذه الإضافة وماذا تخول
لنا من إمكانيات لمدونتنا .
هذه الإضافة تمكنك من إختيار ما تريده أن يظهر من كل
موضوع في الصفحة الأولى للمدونة ، وما لا تريده أن يظهر من نفس الصفحة ، كما تضيف
هذه الإضافة رابط صغير باسم "إقرا المزيد " في آخر الموضوع المختصر أو الغير الكامل
، ليتمكن القارئ من اتمام قراءة الموضوع إذا أعجبه ، وهذا الأمر له فوائد عديدة ،
فهو يجعل شكل صفحة البداية منسق وبسيط ومختصر ، وكما يعلم الجميع ، صفحات البداية
الطويلة جدا لبعض المدونات تجعل منها غير محببة لأن أول ما يجذبك إلى المدونة هو
شكلها ثم مواضيعها بالطبع .
الموضوع مقسم إلى ثلاث مراحل والشرح معضمه عبارة عن
صور ليسهل على القارئ فهم طريقة العمل .
لنبدأ على بركة الله ...
الخطوة
الأولى : طريقة إضافة الكود إلى قالب المدونة
أولا وقبل البدأ من الأفضل أن تأخذ
نسخة من قالبك الحالي ، كإحتياط فقط في حالة خطأ ما ، ولمن لا يعرف كيف يأخذ نسخة
احتياطية من قالب مدونته فقد وضعت شرح مصور عن طريقة عملها ، أما لمن يعرف الطريقة
فليتجاوز هذه الخطوة .
أولا ستدخل إلى مدونتك كما العادة ثم ستتجه إلى
:
تخطيط >> ثم إلى >> تحرير HTML ثم إلى >> تنزيل قالب
كامل
تماما كما في الصورة التالية :
بعد أن تقوم بأخذ نسخة احتياطية من قالب مدونتك ، يجب أن تبقى في نفس
الصفحة لأنها تحتوي على القالب الذي نريد التعديل عليه .
قم بالتعليم على "توسيع
قوالب عناصر واجهة المستخدم" كما في الصورة ، والهدف من هذه العملية هو أن القالب
يكون على شكله المختصر والغير الكامل ، وبعد التعليم على تلك الخانة سيظهر القالب
بشكله الكامل والحقيقي .
والآن أهم خطوة في في هذه المرحلة وهي البحث في القالب عن الأسطر التالية:
<div class='post-header-line-1'/>
<div
class='post-header-line'>
ولعمل ذلك اضغط على CTRL+F وأدخل الأكواد
السابقة أو أحدهما إلى مستطيل البحث .
ملاحظات :
هذان السطران هما أهم
سطرين في الكود لأنه ابتداءاً منهما يجب علينا كتابة الإضافة التي نريدها .
قد
تجد نفس السطرين معا ، وقد تجد السطر الأول فقط ، وذلك حسب نوع القالب الذي تستخدمه
، لدى سنسمي الحالة الأولى بالنوع الأول من القوالب ، والحالة الثانية بالنوع
الثاني .
من الأفضل أن تنسخ جميع الأكواد التي ستأتي الآن في الموضوع وتقوم
بنسخها في محرر نصوص ، ثم تقوم بإلصاقها في القالب لتجنب أي مشكل .
لنعود
إلى موضوعنا ، بعد أن تجد الأكواد السالفة الذكر، ضع أسفلها هذا الكود وهو الجزء
الأول من الإضافة المراد اضافته إلى القالب :
<b:if
cond='data:blog.pageType ==
"item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
بعد
أن تلصق الكود في موضعه الصحيح حيث سبق وأوضحت يجب أن تكون النتيجة كما في هذه
الصورة :
لمن يستخدمون القالب من النوع الثاني ، فالنتيجة يجب أن تكون هكذا:
وبهذا نكون قد قطعنا نصف الطريق .لاحظ معي الصورتين السابقتين
وقلي ماذا ترى ، أكيد أنك ترى هذا الكود
:
<data:post.body/>
وهو يوجد في الصورتين معا ، بمعنى آخر أنه
مهما يكن نوع قالب مدونتك سواء الحالة الأولى أو الثانية فبالتأكيد يحتوي على ذلك
الكود .
الآن ما نريده هو إضافة الجزء الثاني من الإضافة ، هنا يأتي دور
الكود السابق الموجود في الصورتين ، بحيث أننا سنضيف الجزء الثاني من الإضافة أسفل
ذلك الكود .
وهذا هو الجزء الثاني من الإضافة قم بنسخه كما سبق وذكرت في
الملاحظة وألصقه أسفل الكود السابق :
<b:if cond='data:blog.pageType !=
"item"'><br />
<a expr:href='data:post.url'>Read
more...</a>
</b:if>
</b:if>
ويجب أن تكون النتيجة
كما في الصورة التالية :
إلى هنا تنتهي الخطوة الأولى من الموضوع ، ولكي تتأكد من أن الخطواتالسابقة سليمة قم بمقارنتها مع الصورة التالية :
الخطوة الثانية : طريقة إضافة الكود إلى إعدادات المدونةهنا تأتي
المرحلة السهلة في الموضوع والتي لا تحتاج جهدا كبيرا في العمل .
اتجه إلى "
إعدادات " => " التنسيق " => " قالب الرسالة "
ثم أضف الكود التالي
:
<span class="fullpost">
</span>
يجب أن تكون
النتيجة كما في الصورة التالية :
لا تنسى أن تحفظ الإعدادات بعد الإنتهاء من اضافة الكودالخطوة
الثالثة : اختبار لكل ما سبق عمله .
بعد أن قمنا بتحديث قالب المدونة ،
واضافة كود بسيط لإعدادت المدونة ، لابد و أن نتأكد من أن ما فعلناه له نتيجة وجدوى
، ولهذا قمت بعمل شرح لهذه الخطوة .
كما يعلم الجميع ، المكان الذي نستطيع
فيه التحكم بالجزء المراد ظهوره في الموضوع عند صفحة البداية هو مكان كتابة الموضوع
لذلك عندما تبدأ في التدوين ستقوم بعمل التالي :
ستعمل
تماما كما في الصورة ، وستكون النتيجة كما يلي :
وهكذا يكون قد انتهى الموضوع .ملاحظات هامة :
إذا لم ينجح
الأمر ولم تحصل على النتيجة المرضية فقم بقراءة الموضوع مرة ثانية ، وإن لم ينجح
الأمر مرة أخرى فأنا جاهز لأي استفسار .
هناك من يفضل أن يضيف عبارة أخرى
غير "اقرأ المزيد ..." وهذا الأمر سهل للغاية ، فقط قم بتغيير العبارة "اقرأ المزيد
..." بأي عبارة تفضلها .
عند كتابة تدوينة قم بعمل الخطوة الثالثة قبل أن
تقوم بأي تغيير ، مثلا تغيير حجم الخط أو تغيير الكتابة من اليمين إلى الوسط أو غير
ذلك .
تذكر أن التعليقات مفتوحة لأي كلمة شكر أو استفسار أو حتى انتقاد
.
السلام عليكم و رحمة الله و بركاته :
ردحذفما شاء الله شرح راائع جدا
جزاكم الله خيرا
انا حاولت كتير اعمل الطريقة بس ما زبطت معي
أما هلأ سبحان الله زبطت معي ع السريع ^^
بتشكركم كتير
أختكم نومو ~