شاشة الإنتظار

لغة القالب

تحسين مظهر أرشفة موقعك بإستخدام خاصية Breadcrumb

كن مدون
الاثنين, ديسمبر 16, 2019
Breadcrumb For Blogger
ما هي خاصية Breadcrumb أو فتات الخبز ؟
هي خاصية تعطي مسار للمواضيع ولهذا سميت بفتات الخبز على غرار القصص التي اتبع رجل أبناءه عبر فتات الخبز المتساقط منهم او لمن يطارد حيوان فيتبع فتات طعامه فهذه هي الفكرة من تلك التسمية الغريبه
هذه الخاصة توفر مسار للمواضيع يتكون من الرئيسية يليه التصنيفات ثم رابط الموضوع
هل هذه الخاصية تسرع الأرشفة ؟
لا فليست وظيفتها تسريع الأرشفه فقط تحسين مظهر الأرشفة الظاهر في جوجل كما تراه في المثال الموجود في صورة الموضوع
هل أحتاج تركيبها في قالبي؟
على حسب فربما هي موجوده في قالبك بالفعل بالتالي لا داعي من تركيبها
كيف اعرف انها في قالبي؟
فقط ابحث عن كلمة Breadcrumb في قالبك ان كانت موجوده غالباً هي مركبة
وجدتها لكن الأرشفة لا تظهر لدي بهذا الشكل ما السبب ؟
ربما تكون نسخة قديمه توقفت او القالب نفسه به مشكلة تمنع عملها بشكل مضبوط فيمكنك حينها استبدال التي لديك بالموجوده في الموضوع
لكن قبل أى شئ احتفظ بنسخة احتياطية من قالبك

طريقة التركيب

ابحث عن هذا الكود
<div class='blog-posts hfeed'>
بعده أضف الكود التالي
<b:include data='posts' name='breadcrumb'/>
ثم ابحث عن هذا الكود
<b:includable id='comment-form' var='post'>
وقبله أضف الكود التالي
    <b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>الرئيسية</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187; غير مصنف
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187; مؤرشف في <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187; كل المقالات
<b:else/>
<a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187; المقال مصنف في <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
قد تجد بعض الأكواد التي عليك البحث عنها مكرر في القالب احدها سيعمل معك فجرب حتى تحدد المضبوط منهم
طبعا يمكنك استبدال الكلمات العربية بكلمات بلغة اخرى ان كانت مدونتك بلغة مختلفة

المظهر

هذه الخاصة كما قلت تظهر مسار وهذا المسار يظهر في الموقع ان أعجبك وجوده يمكنك أن تنسقه كما تشاء لكن شخصيا أفضل اخفاءه وهذا كود مناسب للإخفاء أضفه فوق الوسم ]]></b:skin>
.breadcrumbs {display: block;height: 0;margin: 0;opacity: 0;overflow: hidden;padding: 0;visibility: hidden;width: 0;}
تم التحديث بتاريخ 20/2/2020

نظام التعليقات المتاح حالياً هو الخارجي وذلك بسبب تجارب أقوم بها حالياً على نظام التعليقات وسيعود النظام السابق في أقرب وقت ممكن

‏قال صحراوي منير
الله يحفظك أستاذنا الغالي
‏قال كن مدون
أعزك الله اخي الغالي
دائما ما يسعدني مرورك وتعليقك يا طيب تحياتي لك
شكرا اخي الكريم
هذه الخاصية وجدتها مفعلة اصلا في مدونتي كما تظهر ايضا في صفحات بحث جوجل رغم اني لم انتبه لها من قبل ربما كانت مرفوقة مع القالب من البداية لكن الذي اريد ان اعرفه اخي الكريم هو كيف يمكنني ازالة عنوان المدونة من جانب عنوان التدوبنة في نتائج البحث اذا كان عنوان التدوينة قصيرا فلقد جربت كل الطرق دون جدوى فهل جوجل الغى الامر واصبح يجبر ظهور اسم الموقع بجانب عنوان التدوينة ؟ خصوصا اذا كان عنوان التدوينة قصيرا اي اقل من 8 كلمات ؟
‏قال علي ماهر
دائما الافادة من كن مدون
جزاك الله خيرآ ا/ عمرو
‏قال كن مدون
سابقاً كان مجرد اخفاء العنوان بالميتا تاج من عنوان التدوينة يفي بالغرض الآن لم يعد الامر كذلك جوجل تضيف اسم الموقع تلقائياً
فلم يعد التعديل فعالاً في جوجل
وشكراً لمرورك يا طيب
‏قال كن مدون
تسلم اخي الفاضل
وجزاك الله بالمثل , سررت بمرورك :)
‏قال أوس تيشور
بارك الله فيك على مجهودك الطيب ❤
لدي استفسار استاذنا الفاضل
ركبت ملف ads.txt في بلوجر لكن رسالة "الارباح معرضة للخطر" لا تزال تظهر
للعلم ركبت الملف منذ شهرين والرسالة لا تزال تظهر
‏قال كن مدون
وفيك بارك الله أخي الكريم
راجع هذا الموضوع يا طيب
https://www.cnmu.info/2019/12/ads.txt.html
‏قال sasooyasoo
لدي سؤال استاذي الفاضل هل ازالة ازالة الاكواد المدمجة في بلوجر css cundle تضرر بالمدونة لاني وجدت زيادة في السرعة عند ازالتها و القالب يعمل بدون تأثير لكن اخشي ان تضررني و لاني لم اجد كثير من المدونين يطبقونها ارجو الرد و شكرا لذوقك
‏قال كن مدون
انا لا اعرف اى اكواد بالضبط التي ازلتها , لكن الاكواد في بلوجر أغلبها اكواد مضافة يعني ليست أصلية فيمكن ازالتها دون مشاكل طالما لم توقف شئ تحتاجه ان يعمل فلا تقلق من هذا
‏قال sasooyasoo
شكرا جدا لرد حضرتك و زوقك لكن موضوع breadcrumbs انا جربت نفس الخطوات و لكن لا تعمل في محرك البحث جوجل لا تظهر فيها و جربت معظم طرق النت لا تعمل عندي و على اغلب مواقع الانترنت اظن انها غير breadcrumbs في مدونة حضرتك رغم ان الخاصة بكن مدون بتعطي اخطاء في فحص جوحل الا انها تعمل في البحث ارجو من حضرتك انك تشيك على الموضوع ده و لو امكن تنشرلنا الخاصة بحضرتك حتى لو فيها اخطاء و شكرا تاني لزوقك ربنا يباركلك
‏قال كن مدون
أهلا بحضرتك
مسألة الخطأ في فحص جوجل او غيره هذا بسبب الخوارزميات ليس خطأ حقيقي هذا الموضوع سيفيدك في تلك النقطة
https://www.cnmu.info/2016/02/website-analysis.html
اما مسألة الخاصه بي أنا أستخدم نفس الكود الموجود في الموضوع في مدونتي
‏قال sasooyasoo
شكرا جدا لتعاون حضرتك معانا ربنا يبارلك انا طبقت نفس الخطوات لكن بيظهرلي بجانب رابط الموضوع في البحث على الكمبيوتر كلمة الرئيسية و اكثر من قسم هل فيه طريقة ان امنع الرئيسية و اخلي قسم واحد بس يظهر في breadcrumbs و شكرا جدا لزوق حضرتك
‏قال كن مدون
هذا هو الجزء المسؤول عن الرئيسية يمكنك ازالته
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>الرئيسية</a>
اما مسألة ظهور عدد من الأقسام هذا لانك تضيف الموضوع لاكثر من قسم بالتالي تظهر كلها عليك تقليل عدد الأقسام التي تضيف لها الموضوع حينها سيظهر عدد اقل
وبالتوفيق
‏قال sasooyasoo
شكرا جدا ربنا يجازيك خير على اللي بتعمله معانا انت انسان محترم جدا
‏قال كن مدون
العفو يا طيب شكراً لمرورك العطر وجزيت بالمثل
السلام عليكم
عندما اضيف الكود الكبير تظهر لي هذه الرسالة "The widget with id "Blog1" cannot contain element: "b:if". A widget can only contain b:includable elements."
ما السبب؟
‏قال كن مدون
وعليكم السلام ورحمة الله وبركاته
أهلا بك
المشكلة في الخطوة الاخيرة في الكود انت لا تضيفها ي المكان المضبوط المناسب لها اما قالبك به تعديلات تتسبب في الأمر
او انت تضيف قبل الكود الخطأ
‏قال Admin
عند تطبيق الخطوة الثانية تظهر لى الرسالة التالية
The widget with id "Blog1" cannot contain element: "b:if". A widget can only contain b:includable elements
فما المشكلة استاذى ؟
‏قال كن مدون
معناه أن حضرتك تضيفها في المكان الخطأ أو ان قالبك به تعديلات مسبقة تسبب مشكلة عند الإضافة
‏قال Admin
لا استاذى الفاضل اضيفها فى المكان الصحيح
مع العلم انا استخدم قالب الخمسة النمطية القالب الثالث
فهل هذا القالب توجد بة تعديلات مسبقة تتعارض مع هذا الكود ؟
‏قال كن مدون
طيب اخي الكريم جرب مرة اخرى انا عدلت الكود في الموضوع ان شاء الله تحل المشكلة
ولا اخي لا يوجد في القوالب النمطية او اى قالب مصمم في المدونة مشاكل تخص التعديلات او اكواد تمنعها فأنا صممتها لكي تكون قابلة لعمل التعديلات ليخصصها كل واحد منكم كيفما يريد وبالتوفيق
‏قال Admin
بارك الله فيك تم التركيب وهى الان تعمل
كالمعتاد لا يسعنى سوى كتابة "شكرا"
فهى اقل كثيرا عما يجب قولة ولكن لا نملك سواها
‏قال كن مدون
وفيك بارك الله أخي الكريم , وتعليقاتكم عندي غالية واكثر من كافية
وفقك الله وتحياتي لك
‏قال AbuAbdullah
لم أجد
""

ما الحل؟
‏قال كن مدون
لم تجد ماذا لم أفهم ؟
‏قال AbuAbdullah
معذرة

لم أجد العبارة:
blog-posts hfeed

فما العمل؟
‏قال كن مدون
جرب أن تبحث عن هذا اذا واضف الكود قبله
<b:include data='top' name='status-message'/>
ان لم تجده فربما يكون لديك مشكلة في قالبك او شئ محذوف او نمط التصميم لا يقبل هذا التعديل
‏قال Admin
السلام عليكم أخ عمرو وإن كان السؤال لا يتعلق مباشرة بالخاصية التي شرحتها لكنه يتعلق بالأرشفة أيضا وهو : هل استعمال بعض الرموز في العنوان مثلا هذا الخط | او النقطتان الرأسيتان : أو الأقواس ( ) او غيرها من الرموز وعلامات الترقيم يضر بالأرشفة .
‏قال كن مدون
وعليكم السلام ورحمة الله وبركاته
مرحباً أخي الكريم
هو لا يضر بالأرشفة كلن قد يسبب عدم تقدم نتائج موقعك
لان الذي يبحث عادة لا يضع تلك الرموز فلو موقعين احدهم واضع الرموز والآخر لم يضعها وكلاهما في نفس المستوى سيقدم من لا يضع الرموز لأن نص عنوانه أقرب للكلمات التي كتبها الباحث بدون رموز فحاول استخدامها في أضيق الحدود
‏قال طه المسير
السلام عليكم .. اخي هلا الكود متوافق مع تحديث جوجل بخصوص schema.org
‏قال كن مدون
وعليكم السلام ورحمة الله وبركاته
الكود متوافق مع اصدار القوالب v1
يمكنك معرفة اصدار القالب اما انه مكتوب بالأعلى او على الأقل نظام التعليقات به مشابه لنظام التعليقات الذي لدي الآن
اما لو نظام التعليقات مثل الموجود في هذا القالب
https://rtl-shu3a3.blogspot.com/2020/07/blog-post_12.html
فلن يكون مناسباً
‏قال طه المسير
اصدار القالب لدي 1.3.3 ونظام التعليقات جديد .. فما الحل اخي الكريم
‏قال كن مدون
هذا ليس إصدار القالب , هذا ربما اصدار قالبك انت يعني اصدار خاص بالمصمم وليس بببلوجر
كما قلت نظام التعليقات سيوضح لك اكثر لو هو نظام مثل نظامي فركبها فيه ليس مثله فليست مناسبة له بهذه الطريقة
‏قال طه المسير
ليست مناسبة يا اخي ماذا افعل .. ومكتوب بالاعلي b:templateVersion='1.3.3' هو قالب بالاساس لمنصة بلوجر
‏قال كن مدون
اخي قوالب بلوجر بها اصدارات حتى لو لنفس المنصة هناك اختلاف بين برمجيات قالب وآخر نعم بشكل عام متشابهين لكن هناك اختلاف
عموما طالما هذه لن تنفع فلا استطيع افادتك في الأمر , لانه حيناه يتطلب عمل تعديل خاص على القالب بحسب اصداره

عدد المواضيع