أهلا وسهلا بك عزيزي الزائر في المدونة التعليمية للحاسوب فما رأيك بالقالب الجديد؟؟

دورة تصميم قوالب بلوجر - الدرس السادس : التسميات (Labels)

السلام عليكم ورحمة الله تعالى وبركاته

بعد أن برهن لي الكل حول مدى أهمية هاته الدورة

وذلك بتفاعلكم معها فطبعا من واجبي إتمامهما بإذن الله

فبعدما عرفنا أنواع الصفحات وكيفية التعامل معها وجعلها لصالحنا للإبداع في قوالب بلوجر

نمر إلى درسنا اليوم شرح التعامل مع التسميات بشكل بسيط وهذا الدرس مهم أيضا




Labels وهي التسميات أو التصنيفات أو أقسام المدونة

فهي أكثر أهمية في البلوجر حيث أن لها دور كبير في تسهيل البحث عن القارئ

 أي الزائر لمدونتك ليقصد القسم الذي ريده

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

الشكل الأول : الصندوق Label لعرض التسميات بمربعات القائمة الجانبية widget


طبعا هاته الاداة هي التي نجدها بلوحة تحكم المدونة عبر غضافة اداة ثم اختيار اداة التسميات

ولها شكلين إما على شكل قائمة أو سحابة

وبعلامة الشرط يمكنك أن تُظهر محتويات أعلى هذا الصندوق أو أسفله

 أو تتحكم في بقية عناصر الصفحة عن طريق css والشرط كالتالي:

<b:if cond='data:blog.url == data:label.url'>
أظهرني فقط في الصفحات التى تظهر عند الضغط على اي تسميه
</b:if>
رغم أن الشرط السابق يدخل ضمن صفحات الروابط كما تعلمنا سابقاً

إلا أنني لم أدرجه معهم لأنه يكون فعال فقط في حاله وضعه ضمن الصندوق Label 

ويظهر مفعوله في الصفحات التى تعرض النتائج بعد الضغط على أي تسميه.
 

الشكل الثاني: داخل التدوينات التى تحمل تسميه معينه


بعد نشر موضوعك الذى يحتوي على مجموعة تسميات تتيح لك علامة الشرط هذه أن تستهدف الموضوعات التى تحتوى على 

تسميه معينه كالتالي:

<b:if cond='data:label.name == &quot; المدونة التعليمية للحاسوب&quot;'>
أظهرني فقط في التدوينات التى تحمل التسميه المدونة التعليمية للحاسوب
</b:if>
كل ما يمكنك فعله هنا هو تحديد محتوى مخصص يظهر فقط عندما يقرأ الزائر التدوينات التى تحمل التسميه المحددة كإعلان مثلاً 

أو 

أيقونة تميز بها مواضع قسم معين

مثلا أن تعرض اعلانات أدسنس لنوع معين من التدوينات لها شعبيه كبيرة، أو حتى لتجنب المخالفة بعدم عرض اعلاناتك في التدوينات التى تخالف سياسه استخدام الخدمة.
  

الحلقات التكرارية loops

لتطبيق أي من الشرطين السابقين يلزم وضعهم داخل حلقة loops وهي موجودة في كل لغات البرمجة تمكني من تكرار كود معين لعدد من المرات، وتجدها في القوالب بالتعليقات comments والتدوينات post و موجودة أيضا في غالبية مربعات القائمة الجانبية widget ومن بينها الصندوق Label.
لتفعيل الشرط داخل القائمة الجانبية يوضع داخل loop بهذا الشكل:

<b:loop values='data:labels' var='label'>

  <b:if cond='data:blog.url == data:label.url'>
  أظهرني فقط في الصفحات التى تظهر عند الضغط على اي تسميه
  </b:if>

</b:loop>
وداخل التدوينات يوضع في loop آخر بهذا الشكل:

<b:loop values='data:post.labels' var='label'>

  <b:if cond='data:label.name == &quot;المدونة التعليمية للحاسوب&quot;'>
  أظهرني فقط في التدوينات التى تحمل التسميه المدونة التعليمية للحاسوب
  </b:if>

</b:loop>

هذا النوع من علامات الشرط يعتبر أكثر تعقيداً لأنها مرتطبه بمتغيرات أخرى، وتستغرق وقت أطول لاستخدامها بكفاءة ولكن مع كثرة التجربه سوف يسهل عليك تطويعها بالقالب وتخصيص تدويناتك بشكل جذاب

إلى اللقاء في الدرس القادم وبعد الدرس العاشر سيبدأ التطبيق صوت وصورة إنشاء الله

آخر مقالات المدونة

هناك 19 تعليقًا:

  1. ;(( الدرس العاشر بعيد جداً فهذه الأساسيات يعلمها مطورى القوالب ويمكن التطرق لها فى التطبيق :d

    ردحذف
  2. هههههه لكن ضروري أخي فالأساسيات تزيل الكثير من الغموض عند التطبيق لكي لا يجد الإخوة مشاكل في التطبيق فقط الصبر أخوي باقي اربع دروس وسيبدأ التطبيق

    ردحذف
  3. أتمنى الأنتهاء من الأساسيات على الأكثر فى خلال شهر حتى أكون متفرغ و أقوم بالتطبيق x-)

    ردحذف
  4. ولكن لدى سؤال أخى
    هل يجب قبل البدء فى التصميم أن أكون على دراية بـ PHP % JQuery أم انهما ليسوا مهمين فى تصميم قوالب بلوجر ؟ فأنا على دراية كبيرة بـ HTML $ Css ولكن لست محترف فقط بعض الأساسيات التى تعلمتها بالممارسة

    هل هذا يكفى ؟ أو كيف أطور مهاراتى

    ردحذف
  5. نعم أخي فقوالب بلوجر لا تحتاج كثيرا إلى مصممين ذو ذراية بـ PHP & JQuery
    فقط يتوجب عليك ان تكون متمكنا في HTML & Css لكي تنشء قالبا احترافيا خاصا بك أما الـ xml فهو ليس بالصعب لأننا قد لانستعمله كثيرا

    ردحذف
  6. شكراً لكـ اخي اسامه ومنتضرين بقية الدورة :)

    ردحذف
  7. إن شاء الله أخي وشكرا على المرور

    ردحذف
  8. thanks alot (h)

    ردحذف
  9. شكرا على مرورك اخي

    ردحذف
  10. شكرا لك أخي ، ونتمنى أن تكمل لنا الدروس 4 القادمة لنصل إلى صورة و صوت

    ردحذف
  11. طبعا اخي إن شاء الله x-)

    ردحذف
  12. شكرا جزيلا في موازين حسناتك ان شاءالله

    ردحذف
  13. انا بانتظار الدروس القادمة،
    هل سيكون هناك دروس تطبيقية ؟

    ردحذف
  14. طبعا أولا دروس أساسية وهي العشرة الأولى ثم الدروس التطبيقية ساعلن عنها عند الوصول إليها المهم انا بدأت أعمل فيديوهات وأحفظها في حاسوبي لحين نصل إلى دروس مابعد العشرة الاولى ونرجوا متابعتكم عبر التعليقات وشكرا

    ردحذف
  15. بالتوفيق يا اخي 8-)

    ردحذف
  16. بارك الله فيك اخي مشكور

    ردحذف

إذا أردت عزيزي الزائر إدراج فيديو من يوتوب بتعليق قم بالتالي
[youtube]رابط فيديو يوتوب هنا[/youtube]
كما يمكنك إدراج صورة عبر الكود التالي
[img]رابط صورتك هنا[/img]

جميع الحقوق محفوظة لمدونة المدونة التعليمية للكومبيوتر 2013

تصميم : بويردن