السلام عليكم ورحمة الله تعالى وبركاته
بعد أن برهن لي الكل حول مدى أهمية هاته الدورة
وذلك بتفاعلكم معها فطبعا من واجبي إتمامهما بإذن الله
نمر إلى درسنا اليوم شرح التعامل مع التسميات بشكل بسيط وهذا الدرس مهم أيضا
Labels وهي التسميات أو التصنيفات أو أقسام المدونة
فهي أكثر أهمية في البلوجر حيث أن لها دور كبير في تسهيل البحث عن القارئ
أي الزائر لمدونتك ليقصد القسم الذي ريده
بالنسبة لعلامات الشرط الخاصة بالتسميات فنجدها في قوالب بلوجر على شكلين
الشكل الأول : الصندوق Label لعرض التسميات بمربعات القائمة الجانبية widget
طبعا هاته الاداة هي التي نجدها بلوحة تحكم المدونة عبر غضافة اداة ثم اختيار اداة التسميات
ولها شكلين إما على شكل قائمة أو سحابة
وبعلامة الشرط يمكنك أن تُظهر محتويات أعلى هذا الصندوق أو أسفله
أو تتحكم في بقية عناصر الصفحة عن طريق css والشرط كالتالي:
<b:if cond='data:blog.url == data:label.url'>
أظهرني فقط في الصفحات التى تظهر عند الضغط على اي تسميه
</b:if>
رغم أن الشرط السابق يدخل ضمن صفحات الروابط كما تعلمنا سابقاً
إلا أنني لم أدرجه معهم لأنه يكون فعال فقط في حاله وضعه ضمن الصندوق Label
ويظهر مفعوله في الصفحات التى تعرض النتائج بعد الضغط على أي تسميه.
الشكل الثاني: داخل التدوينات التى تحمل تسميه معينه
بعد نشر موضوعك الذى يحتوي على مجموعة تسميات تتيح لك علامة الشرط هذه أن تستهدف الموضوعات التى تحتوى على
تسميه معينه كالتالي:
<b:if cond='data:label.name == " المدونة التعليمية للحاسوب"'>
أظهرني فقط في التدوينات التى تحمل التسميه المدونة التعليمية للحاسوب
</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 == "المدونة التعليمية للحاسوب"'>
أظهرني فقط في التدوينات التى تحمل التسميه المدونة التعليمية للحاسوب
</b:if>
</b:loop>
هذا النوع من علامات الشرط يعتبر أكثر تعقيداً لأنها مرتطبه بمتغيرات أخرى،
وتستغرق وقت أطول لاستخدامها بكفاءة ولكن مع كثرة التجربه سوف يسهل عليك
تطويعها بالقالب وتخصيص تدويناتك بشكل جذاب
إلى اللقاء في الدرس القادم وبعد الدرس العاشر سيبدأ التطبيق صوت وصورة إنشاء الله
;(( الدرس العاشر بعيد جداً فهذه الأساسيات يعلمها مطورى القوالب ويمكن التطرق لها فى التطبيق :d
ردحذفهههههه لكن ضروري أخي فالأساسيات تزيل الكثير من الغموض عند التطبيق لكي لا يجد الإخوة مشاكل في التطبيق فقط الصبر أخوي باقي اربع دروس وسيبدأ التطبيق
ردحذفأتمنى الأنتهاء من الأساسيات على الأكثر فى خلال شهر حتى أكون متفرغ و أقوم بالتطبيق x-)
ردحذفإن شاء الله أخي
ردحذفولكن لدى سؤال أخى
ردحذفهل يجب قبل البدء فى التصميم أن أكون على دراية بـ PHP % JQuery أم انهما ليسوا مهمين فى تصميم قوالب بلوجر ؟ فأنا على دراية كبيرة بـ HTML $ Css ولكن لست محترف فقط بعض الأساسيات التى تعلمتها بالممارسة
هل هذا يكفى ؟ أو كيف أطور مهاراتى
نعم أخي فقوالب بلوجر لا تحتاج كثيرا إلى مصممين ذو ذراية بـ PHP & JQuery
ردحذففقط يتوجب عليك ان تكون متمكنا في HTML & Css لكي تنشء قالبا احترافيا خاصا بك أما الـ xml فهو ليس بالصعب لأننا قد لانستعمله كثيرا
شكراً لكـ اخي اسامه ومنتضرين بقية الدورة :)
ردحذفإن شاء الله أخي وشكرا على المرور
ردحذفthanks alot (h)
ردحذفشكرا على مرورك اخي
ردحذفشكرا لك أخي ، ونتمنى أن تكمل لنا الدروس 4 القادمة لنصل إلى صورة و صوت
ردحذفطبعا اخي إن شاء الله x-)
ردحذفشكرا جزيلا في موازين حسناتك ان شاءالله
ردحذفانا بانتظار الدروس القادمة،
ردحذفهل سيكون هناك دروس تطبيقية ؟
طبعا أولا دروس أساسية وهي العشرة الأولى ثم الدروس التطبيقية ساعلن عنها عند الوصول إليها المهم انا بدأت أعمل فيديوهات وأحفظها في حاسوبي لحين نصل إلى دروس مابعد العشرة الاولى ونرجوا متابعتكم عبر التعليقات وشكرا
ردحذفبالتوفيق يا اخي 8-)
ردحذفشكرا لك أخي :)
ردحذفبارك الله فيك اخي مشكور
ردحذفNICE
ردحذفearticlecity