دورة تصميم قوالب بلوجر الدرس 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' عنوان الصورة سيكون على حسب عنوان المقال
شرح الفيديو
كاتب الموضوع: Ahmad Wael
احمد وائل عمري 28 عام من سوريا مختص صيانة حسوب وموبايل ومحب للتقنية بجميع اشكالها ولدي خبرة برمجية بتصميم مواقع الويب واتمنى ان اكون مصدر جيد لتعليم اشياء مفيدة لكم