wesamdev

افلام هندية$type=sticky$count=4$show=home

$show=home

|روبوتات_$type=slider$source=random-posts$snippet=hide$cate=20$show=home

|اضافات بلوجر$type=three$m=0$rm=0$h=400$c=3$show=home

$show=home

wesamdev

شرح التعبيرات التي يتم تقييمها والاسم المستعار والكلاس بشروط في بلوجر

تستخدم في قوالب بلوجر لاخراج قيم اكثر تفصيلا او تعقيدا لقيمة علامات بينات تنسيقات بلوجر مثال على ذلك في علامات بيانات تنسيقات بلوجر سيتم اظهار عنوان م

 
شرح التعبيرات التي يتم تقييمها والاسم المستعار والكلاس بشروط في بلوجر

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

التعبيرات التي يتم تقييمها في قوالب بلوجر b:eval


تستخدم في قوالب بلوجر لاخراج قيم اكثر تفصيلا او تعقيدا لقيمة علامات بينات تنسيقات بلوجر
مثال على ذلك في علامات بيانات تنسيقات بلوجر سيتم اظهار عنوان مقال بالعلامة التالية

<data:post.title/>

هنا سيتم استخراج عنوان اي مقال
اما لو كنت مثلا اريد اظهار عنوان اول مقال فقط هنا يجب استخدامb:eval حيث سيصبح الاستخراج بالشكل التالي
<b:eval expr="data:post[0].title" />

هنا سيتم استخراج عنوان اول مقال اما لو المقال ليس الاول فلن يستخرج اي قيمة
مثال اخر

<b:eval expr='data:post.allowComments ? "التعليقات" : "غير مسموح التعليقات" />

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

الاسم المستعار للمتغير في قوالب بلوجر b:with

تستخدم في قوالب بلوجر لحفظ او تخزين قيم معينة باسم معين مثال على ذلك

<b:with var='test' value='"background-color:#000; " + " width: 50px; " '>
 <div id='header-outer'>   
   <div id='header-inner' expr:style='data:test'>
     <h1>My Header</h1>
   </div>
 </div>
</b:with>

حيث قمنا بتخزين الاسم ضمن var باسم test
وتخزين القيم ضمن value وهي لون خلفية ابيض وعرض 50 بيكسل
ثم استدعينا التخزين عن طريق expr:style والقيمة هي data:test لاستدعاء قيمة المتغير test

اعطاء كلاس في قوالب بلوجر حسب الشرط b:class


تستخدم في قوالب بلوجر لاعطاء كلاس لعنصر على حسب شرط معين مثال على ذالك

<div>
<b:class cond='data:blog.isMobileRequest' name='mobile'/> 
<b:class cond='data:view.isPreview' name='preview'/>
<b:class cond='data:view.isHomepage' name='home'/>
......... محتوى الـ div .............
</div>

 عند استخدام b:class يجب ان تكون اسفل تاج فتح العنصر المراد اعطاءه الكلاس مباشرة 
وهنا لدينا شروط وعدة كلاسات وهي

<b:class cond='data:blog.isMobileRequest' name='mobile'/> 
اذا كانت الصفحة المعروضة هي من الموبايل اعطي كلاس mobile
<b:class cond='data:view.isPreview' name='preview'/>
اذا كانت الصفحة المعروضة صفحة المعاينة اعطي كلاس preview
<b:class cond='data:view.isHomepage' name='home'/>

اذا كانت الصفحة المعروضة الصفحة الرئيسية اعطي كلاس home
وهكذا يمكننا اعطاء كلاسات لاي عنصر بحسب شروط نختارها ويكون اسم الكلاس ضمن name="اسم الكلاس هنا"
وبنهاية هذا الدرس نكون انتهينا من علامات الادوات في بلوجر التي تعتبر من اهم عوامل تكويد القالب وفي الدرس القادم من دورة تصميم قوالب بلوجر سنتعمق اكثر باكواد ال css ان شاء الله .  يمكنكم ترك تعليق او مراستلي ويسرني الر عليكم و السلام عليكم 

wesam developer

إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا

COMMENTS

BLOGGER
الاسم

اخبار,45,اداة للكمبيوتر,7,اضافات بلوجر,88,افلام اجنبي,9,افلام روسية,32,افلام عربي مترجمة الي الروسية,1,افلام قديمة,2,افلام هندي,8,البرمجة,8,الجديد في التكنولوجيا,46,العاب,9,النمر,7,اليوتيوب,16,اندرويد,15,اندرويد استوديو,3,برامج كمبيوتر,11,بلوجر,8,تركيا,6,تصميم,3,تطبيقات,20,جافاسكريبت,3,حوادث,5,حول العالم,65,حيوانات,25,خلفيات,1,دروس HTML| بالعربية,2,روبوتات,8,روسيا,60,سياحة,4,سيارات,12,سياسة,17,شروحات,34,شريط الاخبار,1,صحتي,2,طائرات,22,فن,35,قناة الوعي نور,4,قناة قعدة تاريخ,8,قوالب بلوجر,3,كتب الكترونية,7,مالتي ميديا,6,متصفح,2,محليات,4,مسلسل لعبة الحبار,1,مسلسلات اجنبية,2,مسلسلات رمضان 2022,1,مسلسلات رمضان 2120,1,مصر والعرب,2,معدات حربية,34,معدات زراعية,6,مقالات,101,مواصلات النقل,1,مواقع للتصميم,14,وثائقي,14,وسوم بلوجر,2,ويندوز,15,Antivirus,3,Button,1,c++,1,css,37,HTML,11,wesam,2,
rtl
item
Wesam: شرح التعبيرات التي يتم تقييمها والاسم المستعار والكلاس بشروط في بلوجر
شرح التعبيرات التي يتم تقييمها والاسم المستعار والكلاس بشروط في بلوجر
تستخدم في قوالب بلوجر لاخراج قيم اكثر تفصيلا او تعقيدا لقيمة علامات بينات تنسيقات بلوجر مثال على ذلك في علامات بيانات تنسيقات بلوجر سيتم اظهار عنوان م
https://1.bp.blogspot.com/-4TwaaxzsHlE/YPF_35jMvAI/AAAAAAAAV_E/KNpK6WOoCg81LOEW3tozwTt8TtK5S-YZwCLcBGAsYHQ/s16000/%25D8%25B4%25D8%25B1%25D8%25AD%2B%25D8%25A7%25D9%2584%25D8%25AA%25D8%25B9%25D8%25A8%25D9%258A%25D8%25B1%25D8%25A7%25D8%25AA%2B%25D8%25A7%25D9%2584%25D8%25AA%25D9%258A%2B%25D9%258A%25D8%25AA%25D9%2585%2B%25D8%25AA%25D9%2582%25D9%258A%25D9%258A%25D9%2585%25D9%2587%25D8%25A7%2B%25D9%2588%25D8%25A7%25D9%2584%25D8%25A7%25D8%25B3%25D9%2585%2B%25D8%25A7%25D9%2584%25D9%2585%25D8%25B3%25D8%25AA%25D8%25B9%25D8%25A7%25D8%25B1%2B%25D9%2588%25D8%25A7%25D9%2584%25D9%2583%25D9%2584%25D8%25A7%25D8%25B3%2B%25D8%25A8%25D8%25B4%25D8%25B1%25D9%2588%25D8%25B7%2B%25D9%2581%25D9%258A%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B11.jpg
https://1.bp.blogspot.com/-4TwaaxzsHlE/YPF_35jMvAI/AAAAAAAAV_E/KNpK6WOoCg81LOEW3tozwTt8TtK5S-YZwCLcBGAsYHQ/s72-c/%25D8%25B4%25D8%25B1%25D8%25AD%2B%25D8%25A7%25D9%2584%25D8%25AA%25D8%25B9%25D8%25A8%25D9%258A%25D8%25B1%25D8%25A7%25D8%25AA%2B%25D8%25A7%25D9%2584%25D8%25AA%25D9%258A%2B%25D9%258A%25D8%25AA%25D9%2585%2B%25D8%25AA%25D9%2582%25D9%258A%25D9%258A%25D9%2585%25D9%2587%25D8%25A7%2B%25D9%2588%25D8%25A7%25D9%2584%25D8%25A7%25D8%25B3%25D9%2585%2B%25D8%25A7%25D9%2584%25D9%2585%25D8%25B3%25D8%25AA%25D8%25B9%25D8%25A7%25D8%25B1%2B%25D9%2588%25D8%25A7%25D9%2584%25D9%2583%25D9%2584%25D8%25A7%25D8%25B3%2B%25D8%25A8%25D8%25B4%25D8%25B1%25D9%2588%25D8%25B7%2B%25D9%2581%25D9%258A%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B11.jpg
Wesam
https://www.wesamdev.com/2021/07/blog-post_16.html
https://www.wesamdev.com/
https://www.wesamdev.com/
https://www.wesamdev.com/2021/07/blog-post_16.html
true
1297279864306511161
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content