العلامات الشرطية في بلوجر وإستخداماتها
تطوير بلوجر تطوير ويب
تسمح لك العلامات الشرطية في منصة بلوجر بتخصيص قوالب بلوجر بشكل أكثر مرونة كإظهار أداة أو شكل أو جزء من القالب الخاص بك في أنواع معينة من الصفحات أو عناوين URL المحددة في مدونات بلوجر.
لذا في هذا المقال، مدمن ويب سيقوم بسرد أهم العلامات الشرطية في بلوجر ومعرفة كيفية استخدامها من خلال إعطاء بعض الأمثلة والتطبيقات. ضع في اعتبارك أنه باستخدام علامة شرطية ، يجب علينا أيضًا استخدام عبارة شرطية أو يمكننا ببساطة قول عبارة "if-else" جنبًا إلى جنب مع بعض المعاملات الأخرى كـ (==) و (! =).
إقرأ أيضا: كيفية إعداد مدونة بلوجر على نطاق فرعي (دومين فرعي) مخصص .
قد يكون أحد التطبيقات العملية هو عرض عنصر واجهة مستخدم على صفحات معينة. فمثلا يمكنك إخفاء الشريط الجانبي (Sidebar) في بعض الصفحات ، أو تطبيق علامة وصفية على صفحة معينة أو على الإطلاق. تستفيد قوالب Blogger المعقدة بشكل كبير من هذه العلامات الشرطية. في هذا المنشور ، سأعرض لك العلامات الشرطية المحتملة واستخداماتهم كمثال.
إقرأ أيضا: كيفية إزالة ?m=1 من روابط مدونات بلوجر لتحسين محركات البحث.
{tocify} {$title=ستقرأ في هذا المقال}فقد أصبحت ان العلامات الشرطية من اساسيات تصميم قوالب بلوجر والتي لا يمكن بناء قالب بلوجر متجاوب أو فعال بأى شكل من الأشكال بدون استخدام العلامات الشرطية
حيث من خلالها ستتمكن من فعل الكثير من الإضافات الرائعة في قالب مدونتك على بلوحر، فمثلا ستتيح لك العلامات الشرطية ايضاً اخفاء الشريط الجانبي "SideBar" في مكان محدد كصفحة او رابط او اى مكان تريد.
تبدو العلامة الشرطية في قوالب بلوجر كالتالي:
<b:if cond='condition_expression'>
<!-- content when condition is satisfied -->
</b:if>
قائمة العلامات الشرطية في بلوجر لجميع أنواع الصفحات
العلامة الشرطية للصفحة الرئيسية
تسمح بظهور المحتوى في الصفحة الرئيسية فقط.
<b:if cond='data:view.isHomepage'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>
العلامة الشرطية للصفحة الرئيسية و جذورها
تسمح بظهور المحتوى المطلوب في جميع الصفحات كالصفحة الرئيسية والتنقل بين المواضيع في الصفحة الرئيسية وصفحة التسميات بإستثناء صفحات المواضيع والصفحات الثابتة وصفحة الخطأ.
<b:if cond='data:view.isMultipleItems'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لصفحة المواضيع والصفحات الثابتة - Single Item
تسمح بظهور المحتوى في صفحة المواضيع والصفحات الثابتة فقط.
<b:if cond='data:view.isSingleItem'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لصفحة المواضيع فقط
تسمح بظهور المحتوى في صفحة المواضيع فقط.
<b:if cond='data:view.isPost'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لصفحة موضوع محدد
تسمح بظهور المحتوى في صفحة موضوع محدد دون غيره.
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2014/08/foo.html"'>
<!-- a item page from august 2014 with post-title 'foo'-->
</b:if>
العلامة الشرطية لموضوع الأول في صفحة تتضمن عدة مواضيع
تسمح بظهور المحتوى أو إجراء التغيير في موضوع الأول في صفحة تتضمن عدة مواضيع.
<b:if cond='data:post.isFirstPost'>
<!-- The conditional Element To Execute -->
</b:if>
العلامة الشرطية للصفحات الثابتة
تسمح بظهور الكود في الصفحات الثابتة فقط.
<b:if cond='data:view.isPage'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لصفحة محددة
تسمح بظهور المحتوى في صفحة معينة دون غيرها.
<b:if cond='data:view.url == data:view.canonicalHomepageUrl + "p/foo.html"'>
<!-- a specific static page with name 'foo' -->
</b:if>
العلامة الشرطية لصفحة عرض التسميات
تسمح بظهور المحتوى عند عرض اي تسمية داخل المدونة.
<b:if cond='data:view.isLabelSearch'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لصفحة تسمية أو تصنيف محدد
تسمح بظهور المحتوى في صفحة تسمية أو تصنيف محدد.
<b:if cond='data:view.search.label == "يوتيوب"' name='يوتيوب'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لصفحات البحث و التسميات معا
تسمح بظهور المحتوى في صفحات البحث عن مقالات في صفحات التسميات معا.
<b:if cond='data:view.isSearch'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لصفحات البحث فقط
تسمح بظهور المحتوى في صفحات البحث عن مقالات وليس في صفحات التسميات في بلوجر.
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية للصور المصغرة
تسمح بإجراء التعديل أو الكود على الصور المصغرة فقط.
<b:if cond='data:post.thumbnailUrl'>
<!-- The conditional Element To Execute -->
</b:if>
العلامة الشرطية للكانب
تسمح بإجراء التعديل أو الكود على مواضيع كاتب محدد.
<b:if cond='data:displayname == "author-name"'>
<!-- The conditional Element To Execute -->
</b:if>
العلامة الشرطية للتصنيف الأخير في المسار Breadcumb
تسمح بتعديل لون أو إضافة عنصر قبل أو بعد التسمية الأخيرة في المسار Breadcumb.
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
<!-- Add special character after If it is not last label -->
,
</b:if>
</b:loop>
العلامة الشرطية لصفحة الأرشيف
تسمح بظهور المحتوى عند إستخدام صفحات الأرشيف.
<b:if cond='data:view.isArchive'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لصفحة الخطأ 404
تسمح بظهور المحتوى عند الدخول الي رابط خطأ أو معطوب داخل المدونة.
<b:if cond='data:view.isError'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لشاشة الهواتف المحمولة
تسمح بظهور المحتوى فقط عند تصفح المدونة باستخدام الهواتف والأجهزة اللوحية.
<b:if cond='data:view.isMobile'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لصفحة المعاينة
تسمح بظهور الكود عند معاينة المقال قبل كتابته او عند معاينة القالب قبل الضغط علي زر حفظ، وهذه يراها المشرفون والمؤلفون بالمدونة فقط.
<b:if cond='data:view.isPreview'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامة الشرطية لصفحة التنسيق (التخطيط)
تسمح بظهور الكود في صفحة التخطيط او التنسيق، وهذه يراها المشرفون بالمدونة فقط.
<b:if cond='data:view.isLayoutMode'>
<!-- ضع كود المحتوى أو الاداة التي تريد إظهارها هنا-->
</b:if>العلامات الشرطية مع AND/OR/NOT
AND
<b:if cond='data:view.isSearch'>
<b:if cond='data:view.isPage'>
<!--search_page AND static_pages-->
</b:if>
</b:if>
OR
<b:if cond='data:blog.url == data:view.canonicalHomepageUrl + "p/foo.html"'>
<!-- static_site foo OR static_site bar -->
<b:else/>
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/bar.htm"'>
<!-- static_site foo OR static_site bar -->
</b:if>
</b:if>
NOT
<b:if cond='data:blog.pageType != "SingleItem"'>
<!-- all pages except item pages -->
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<!-- all pages but NOT homepage -->
</b:if>
كيفية إستخدام العلامات الشرطية في بلوجر
لتطبيق علامة شرطية على بعض المحتويات ، ما عليك سوى وضع المحتوى داخل ملف العلامة الإفتتاحية <b:if cond…> وعلامة الإغلاق
</b:if> كالتالي:
<b:if cond='data:view.isSingleItem'>
# THIS CONTENT WILL BE EXECUTED IF CONDITION IS TRUE
</b:if>
في المثال أعلاه ، سيظهر المحتوى فقط على صفحات النشر.
المحتوى ممكن أن يكونdiv, أو section, أو style أو أي conditional tag أخرى.
إذا كنت تريد تحديد محتوى بديل (عندما يكون الشرط خاطئًا) ، فأنت
بحاجة إلى إدراج علامة <b:else/> متبوعة بالمحتوى, كالتالي:
<b:if cond='data:view.isSingleItem'>
# سيتم تنفيذ هذا المحتوى إذا كانت الحالة صحيحة
# على سبيل المثال ، إذا كانت الصفحة الحالية هي صفحة موضوع (Single Item).
<b:else/>
# سيتم تنفيذ هذا المحتوى إذا كانت الحالة غير صحيحة
# على سبيل المثال ، إذا لم تكن صفحة موضوع (Single Item).
</b:if>
العلامة <b:else/> تعمل أيضا كـ OR عامل التشغيل كما هو موضح أعلاه.
أمثلة لتطبيقات وإستخدامات العلامات الشرطية في بلوجر
- عرض مربعات الأدوات و عناصر القائمة الجانبية في صفحات معينة
- تطبيق نمط أو ستايل مختلف للصفحات الثابتة أو صفحات البحث
- إضافة العلامات الوصفية لـ FB وعلامات Twitter Card
- تحميل JS على صفحات معينة كصفحات المواضيع فقط
- تحسين ظهور العناوين لصفحات المدونة لـ SEO
- إضافة عنوان ونبذة تعريفية للتصنيفات والمسميات كما هو في مدمن ويب.
- بالإضافة إلى العديد والعديد من التطبيقات والإضافات الأخرى التي من الممكن عملها بواسطة العلامات الشرطية.
إذا واجهتك أي مشاكل أو صعوبات أو أخطآء خلال تطبيق هذا الشرح، لاتتردد بالاستفسار وطرح مشكلتك في التعليقات أسفل هذه الصفحة، وسأحرص على مساعدتك والرد عليك في أسرع وقت إن شاء الله.
