القائمة الرئيسية

الصفحات

دورة تصميم قوالب بلوجر الدرس 15 علامات الأدوات في بلوجر التبديلات وتعبيرات السمات

دورة تصميم قوالب بلوجر


السلام عليكم
تكلمنا في الدروس السابقة عن بعض علامات الادوات في بلوجر منها
  1. العلامات الشرطية في بلوجر
  2. علامات بيانات التنسيقات
  3. اوامر التضمين والتكرار
سنكمل بهذا الدرس ان شاء الله باقي علامات الادوات في بلوجر
حيث نبدأ مع:

التبديلات b:switch

تستخدم التبديلات بدل العلامات الشرطية لعدم تكرار ال else if والشرط كل مرة
او في حال كان لديك عنصر او كود تتغير قيمته ولكل قيمة كود معين او وظيفة معينة 
لفهم التبديلات بدل العلامات الشرطية ناخذ المثال التالي 
<b:switch var='data:blog.pageType'>
<b:case value="static_page" />
   ......... المحتوى هنا ...........
<b:case value="item" />
   ......... المحتوى هنا ...........
<b:default />
   ......... المحتوى هنا ...........
</b:switch>
الان بالمثال السابق data:blog.pageType تدل على نوع الصفحة اي الشرط سيكون على نوع الصفحة
 فالكود الاساسي الذي يضم الشرط يبدأ بتاج b:switch وهو
<b:switch var='data:blog.pageType'>
....................................
</b:switch>
والشرط يكون ضمن var="الشرط هنا"
والاكواد التي تضم القيم التي ستكون تابعة للشرط اي نوع الصفحة المعروضة تبدأ بتاج b:case و b:default وهي
<b:case value="static_page" />
  ......... المحتوى هنا ...........
<b:case value="item" />
  ......... المحتوى هنا ...........
<b:default />
  ......... المحتوى هنا ...........
قيمة الشرط تكون ضمن value="القيمة هنا"
الان لنفسر المثال السابق
كما قلنا الشرط هو على نوع  الصفحة وقيمة نوع الصفحة تتغير على حسب الصفحة المعروضة كالصفحة الرئيسية او صفحة المقال او الصفحات الثابتة او الارشيف وهكذا
والقيم لدينا بالمثال السابق ضمن تاج b:case هي 
static_page وتعني الصفحات الثابتة
item وتعني صفحات المقال
اما b:default فهي لاتضم قيمة لان معناها هو كل ماعدا القيم السابقة
اذا المثال هو 
<b:switch var='data:blog.pageType'>
<b:case value="static_page" /> اذا كانت الصفحة المعروضة هي من الصفحات الثابتة
   ......... المحتوى هنا ...........
<b:case value="item" /> او اذا كانت الصفحة المعروضة هي من صفحات المقالات
   ......... المحتوى هنا ...........
<b:default /> او كل ماعدا القيم السابقة اي ماعدا صفحات المقالات والصفحات الثابتة
   ......... المحتوى هنا ...........
</b:switch>
اذا كما في العلامات الشرطية 
b:switch تساوي b:if
b:case تساوي b:elseif
b:default تساوي b:else
مثال اخر لاستخدام التبديلات ليس على العلامات الشرطية بل على محتوى تتغير قيمته
سناخذ المثال من اخر قالب قمت بتصميمه قالب عالم التقنية السورية الاصدار الرابع
وتحديدا من اداة كاتب المقال والمثال كالتالي
<b:switch var='data:link.name'> المحتوى المتغير قيمته هو اسم الرابط في اداة الكاتب
<b:case value='rank'/> لو كان اسم الرابط يساوي rank
اطبع رتبة الكاتب
<b:case value='about'/> ولو كان اسم الرابط يساوي about
اطبع نبذة عن الكاتب
<b:default/>
كل ماعدا القيم السابقة اعتبره اسم عادي
</b:switch>
اي بالنهاية نفهم ان استخدام التبديلات هو لاختصار الكود وايضا للتبديل بين الوظائف او المخرجات

تعبيرات السمات :expr

تستخدم التعبيرات عندما نريد جلب قيمة من علامات بيانات التنسيقات كرابط او كلاس او عنوان 
امثلة لفهم التعبيرات 
<a expr:href='data:blog.homepageUrl'>رابط الصفحة الرئيسية</a>
هنا استخدمنا تعبير السمات :expr لجلب قيمة الرابط href وهو رابط الصفحة الرئيسية في مثالنا السابق
<img expr:class='data:post.labels.first.name' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/>
الكود السابق عبارة عن صورة استخدمنا التعبيرات لجلب جميع قيم الصورة من الكلاس ورابط الصورة والنص البديل وعنوان الصورة
حيث
expr:class='data:post.labels.first.name' قيمة الكلاس سوف تكون على حسب الاسم التسمية للمقال
expr:alt='data:post.title' النص البديل سيكون على حسب عنوان المقال
expr:src='data:post.thumbnailUrl' رابط الصورة سيكون على حسب رابط صورة المقال
expr:title='data:post.title' عنوان الصورة سيكون على حسب عنوان المقال
شرح الفيديو
  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
  • بريد
author-img
Ahmad Wael

عدد المقالات:

شاهد ايضا × +
إظهار التعليقات
  • عادي
  • متطور
  • ترتيب حسب الاحدث
    عن طريق المحرر بالاسفل يمكنك اضافة تعليق متطور كتعليق بصورة او فيديو يوتيوب او كود او اقتباس فقط قم بادخال الكود او النص للاقتباس او رابط صورة او فيديو يوتيوب ثم اضغط على الزر بالاسفل للتحويل قم بنسخ النتيجة واستخدمها للتعليق
  1. اخي مشكور على دعمك ومجهودك الكبير..
    ممكن سؤال ...هل تستخدم برنامج في التصميم وبرمجة القوالب

    ردحذف
  2. شكرا لك كنت اريد التعديل علي الهيدر الخاص بالقالب الخام

    ردحذف

X
ستحذف المقالات المحفوظة في المفضلة ، إذا تم تنظيف ذاكرة التخزين المؤقت للمتصفح أو إذا دخلت من متصفح آخر أو في وضع التصفح المتخفي