خاصية اداة التدوين المصغر داخل مدونات Blogger! mini post

نعرف جميعاً ما هو التدوين المصغر المنتشر حالياً والذى عُرف مع إنطلاق خدمة تويتر رسمياً وهو عبارة عن تحديثات كتابية تصف الأحداث التي تعاصرها في يومك علي مدار الساعة، فإذا كان التدوين من خلال تويتر هو للإجابة على السؤال ’’ماذا تفعل الان؟‘‘ فالتدوين المصغر داخل blogger هو لكتابة أفكار صغيرة وتلميحات وأسئلة لا تحتمل كتابة مواضيع طويلة ونقاشات لنفس التخصص...
وهو ما يضمن لنا بشكل أو بآخر عدم الإنقطاع عن التدوين لفترات طويلة في إنتظار كتابة مواضيع طويلة تتطلب بحث وتنسيق - يبقى القول أن التدوين المصغر داخل blogger ليست ميزة جاهزة مضافة داخل القالب بل هي طريقة جديدة نتعلمها سوياً عن طريق تخصيص القالب بطريقة احترافية وبالإعتماد على أدوات الشرط المختلفة لتحديد تصنيف معين Label تظهر داخله تلك التدوينات دون غيره.

تنبيه: جميع الأكواد مأخوذة ومعتمده على القالب الإفتراضي

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

الخطوات..

التدوينات داخل blogger يتم تنسيقها داخل includable خاص يحمل الإسم post وفي هذا الجزء يتم ضم كل المحتويات التى تعرض داخل التدوينة ’’العنوان، الأوسمة، محتوى التدوينة، وصلة التعليق والتاريخ..الخ‘‘، وما يهمنا هو بداية هذا الوسم ف
قم بالبحث عن الكود التالي:

  <b:includable id='post' var='post'>

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

<b:includable id='minipost' var='post'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='minipost'><a expr:name='data:post.id'/>
    <div class='entry'><data:post.body/></div>
    <p class='meta'><a expr:href='data:post.url'>
    <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/>
    </abbr></a><b:if cond='data:post.allowComments'> /<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
    <b:if cond='data:post.numComments == 0'> أضف تعليق<b:else/>
    <b:if cond='data:post.numComments == 1'> تعليق واحد<b:else/>
    <b:if cond='data:post.numComments == 2'> تعليقان<b:else/>
    <b><data:post.numComments/></b> تعليق</b:if></b:if></b:if>&#8230;</a><b:else/>
    </b:if><b:include data='post' name='postQuickEdit'/></p>
</div>

<b:else/>

<div class='minipost'><a expr:name='data:post.id'/>
    <h2 class='title'><a expr:href='data:post.url'><data:post.title/></a></h2>
    <div class='entry'><data:post.body/></div>
    <p class='meta'><a expr:href='data:post.url'>
    <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/>
    </abbr></a><b:if cond='data:post.allowComments'> /<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
    <b:if cond='data:post.numComments == 0'> أضف تعليق<b:else/>
    <b:if cond='data:post.numComments == 1'> تعليق واحد<b:else/>
    <b:if cond='data:post.numComments == 2'> تعليقان<b:else/>
    <b><data:post.numComments/></b> تعليق</b:if></b:if></b:if>&#8230;</a><b:else/>
    </b:if><b:include data='post' name='postQuickEdit'/></p>
</div>

</b:if>
</b:includable>

قم بالبحث عن الكود التالي :
وهو كود مختصر الغرض منه جلب محتويات التدوينة من الجزء الخاص بتنسيق التدوينات الذى تعرفنا على بدايته في أول خطوة:

<b:include data='post' name='post'/>

واستبدله بالكود التالي:

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<b:if cond='data:label.name != &quot;minipost&quot;'>

<b:include data='post' name='post'/>

<b:else/>

<b:include data='post' name='minipost'/>

</b:if>
</b:if>
</b:loop>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

ما حدث هنا هو أضافة include جديد كود مختصر يجلب الجزء الخاص بالتدوينات المصغرة ولكن داخل شرط بحيث تظهر فقط التدوينات المصغرة داخل التدوينة التي تحمل المسمى أو التصنيف minipost، وطبعاً لك حرية التعديل واستخدام أي إسم آخر وذلك عن طريق التعديل من خلال الكود التالي فقط:

<b:if cond='data:label.name != &quot;minipost&quot;'>

الأن وبما أننا فصلنا التدوينات المصغرة عن العادية، فعن طريق css يمكنك تنسيقها بشكل مميز بالإعتماد على المحددات التالية:

.minipost { }
.minipost h2.title { }
.minipost div.entry { }
.minipost p.meta { }

source

Share this post