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

تصميم قوالب بلوجر - الدرس الخامس : أنواع الصفحات بقوالب البلوجر


السلام عليكم ورحمة الله تعالى وبركاته
سعدت بلقائكم في درس جديد حول دورة تصميم القوالب
وآتاسف عن التأخير في التدوين والسبب هو تصميم القالب الذي على مدونتي الآن :)
درسنا اليوم هو

الدرس الخامس : أنواع الصفحات بقوالب البلوجر



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

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

النوع 1 - صفحة المدونة الرئيسية.
النوع 2 - صفحات فردية وهي الخاصة بعرض التدوينات و التعليقات.
النوع 3 - صفحات المحتوى وتظهر عند التنقل من خلال المشاركات الأقدم والأحدث.
النوع 4 - صفحات الأرشيف.
النوع 5 - صفحات ثابتة.
النوع 6 - صفحات متغيرة.
 
الآن بعد ان عرفت الأنواع الموجودة لنشرح كل صفحة على حدى، 
وتعرف كل صفحة ودورها في قوالب البلوجر

نوع 1 :  صفحة المدونة الرئيسية data:blog.homepageUrl 


هذا النوع خاص وليس كباقي الانواع كما انه لايعتبر من الـ PageType
وهذا الاخير خاص فقط بعرض ما نريده نحن في الصفحة الرئيسية فقط

مثال

<b:if cond='data:blog.url == data:blog.homepageUrl'>
أظهر ما أريده أنا في الصفحة الرئيسية فقط
</b:if>

مثلا إذا لاحظتم واجهة الخدمات الخاصة بالتصميم ستجد انها تظهرفقط في الصفحة الرئيسية أي انني استعملت هذا النوع بالنسبة لواجهة الخدمات

النوع 2 - صفحات فردية وهي الخاصة بعرض التدوينات و التعليقات item

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
أظهر ما أريده أنا في صفحة التدوينات فقط
</b:if> 
ستجد ان داخل هذا النوع القسم الخاص بالتدوينة والتعليقات

كمثال الكل يعرف الإضافات التالية :

نبذة عن الكاتب
قد يهمك أيضا
ساعدنا بنشر هاته التدوينة

فطبعا إذا لاحظت النوع قبل هاته الإضافة ستجد انه النوع item

مثلا

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post-author'>--------------</div>
</b:if>

النوع 3 - صفحات المحتوى index

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

مثال

<b:if cond='data:blog.pageType == &quot;index&quot;'>
أظهر ما أريده أنا في صفحات المحتوى فقط
</b:if>

النوع 4 - صفحات الأرشيف archive

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

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
أظهر ما أريده أنا في صفحات الأرشيف فقط
</b:if>
النوع 5 - صفحات ثابتة static_page

هذا النوع جميل في التعامل كما انه مضاف حديثا لقوالب بلوجر وهو مازاد من جمالية البلوجر في عمل صفحات ثابتة مستقلة عن التدوينات

الكل يعرف الصفحات التالية :

إتصل بنا
إنظم إلينا
الدردشة مثلا

فهي صفحات ثابثة ومستقلة
مثال

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
أظهرني داخل الصفحات الثابته فقط 
</b:if>
فطبعا إذا لاحظت النوع قبل هاته الصفحات ستجد انه النوع static_page

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

فهاته الصفحات هي عبارة عن صفحات مستقلة كما انها ليس عادية بل وهي بشكل انيق وجذاب عبر استخدام 
لغة الـ HTML وتقنية الـ Css

بعضكم سيخبرني كيف فعلت هذا لكن ليس الآن فلكل شيء درسه الخاص :)

إذا فهو نوع مهم ويستحق التجربة وإضافته سهلة فقط عبر لوحة التحكم ثم الصفحات

النوع 6 - صفحات متغيرة url.html

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

أظن انك قد فهمت ما ارمز إليه
الـ url.html أعني به رابط التدوينة

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

المهم مثال عن هذا النوع

<b:if cond='data:blog.url == &quot;URL.html&quot;'>
 أظهرني في الصفحة المحددة فقط 
</b:if>

لكن أحب ان اقول ان له ميزة اخرى سنستعملها وهي جميلة جدا جدا واكثر من مفيدة لجميع أصحاب المدونات :)

اي انه يمكنك وضع وصف مقتطف من تلك التدوينة والكلمات الدلالية أي أن هذا النوع كما لو انه ميتاتاج لكل تدوينة وليس للمدونة باكملها
مما يعني أرشفة سريعة جدا جدا لتدويناتك وانا أخصدائما جزءا من وقتي لكي تتأرشف مواضيعي بسرعة فائقة ^^

ساعطيكم الطريقة في هاته التدوينة بإذن الله

<b:if cond='data:blog.url == &quot;URL.html&quot;'>
    <meta content='هنا تضع الوصف الخاص بالتدوينة' name='description'/>
    <meta content='هنا تضع الكلمات الدلالية الخاصة بالتدوينة' name='keywords'/>
</b:if>

ستقوم بتغيير URL.html  برابط التدوينة التي تريد أرشفتها

ثم تضع وصفا لها وكلمات دلالية خاصة بها

كل تدوينة أردت أرشفتها فبعد نشرك للتدوينة إذهب مباشرة واعمل هاته الخطوة وقم بإضافتها تحت كل واحدة

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

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

وقد تكون هاته النتيجة هي دليلنا حول الارشفة السريعة عبر هاته الطريقة لأن مدونتي هي التي تظهرفي السطر الاول باول صفحة لكن أطلب منكم ان تقولوا عبر تعليق في مرتبتي عند البحث عن تصميم قوالب بلوجر لكل شخص من بلد معين ;)

وأرجوا أن أكون قد توفقت في الطرح وإزالة بعض الغموض
تحياتي اخوكم اسامة ولاتنسوا التعليق
 
والسلام عليكم ورحمة الله تعالى وبركاته

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

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

  1. شكرا يا اخي درس غاية في الروعة

    ردحذف
  2. العفو وشكرا على مرروك الطيب والمتابعة :)

    ردحذف
  3. مشكووووووور ياغالي اتمم والله يجازيك كل الخير (h)

    ردحذف
  4. العوف أختي الكريمة وشكرا لك على تفاعلك مع الدورة :>)

    ردحذف
  5. شكر خالص لك يا اعز اصدقاء عالم النت ابدعت و ابدعت ثم ابدعت فصرت في القمة (h) (h) (h) (h) (h)

    ردحذف
  6. شكرا لعى كلامك الجميل اخي الكريم وشكرا على المتابعة تحياتي الطيبة :)

    ردحذف
  7. كنت في انتظار هذا الدرس بفارغ الصبر ونتمني منك المزيد إلي نهاية الدورة إن شاء الله أعانك الله وجعله في ميزان حسناتك

    ردحذف
  8. شكرا لك والحمد لله انني افدت الكثير وإنشاء الله اتمم الدورة على أحسن وجه وشكراعلى تفاعلك :)

    ردحذف
  9. يا اخي كيف اقوم بتعليق و انت ادهشتني و عقدت الفرحة لساني جميل حميل حميل ;-( بعد زمن طويل و مدة طويلة يأتي شخص عربي و يشرح كيفية تصميم قوالب بلوجر فعلا هرمنا من اجل هذه اللحظة :o سنوات و قضيتها في البحث عن مثل هته الشروحات و بطبيعة الحال لا اجد ظالتي سوى عند قلائل من المدونين الغربيين و اخيرا تاتي و تشرح و تبسط فعلا تستحق (h) و عزومة على فنجان (c) و احتفال cheer في انتظار اكمال الدورة

    لدي ملاحظة بسيطة لما لا تقوم بعد هذه الدروس بعمل تطبيق مباشر عن طريق درس او اكثر بالفيديو؟؟

    ردحذف
  10. شكرا على تعليقك الجميل اخي الكريم ونرجوا المتابعة أنا اولا يجب أن أريكم النقاط الأساسية قبل الدخول في الدورة الحقيقية التي ستكون عبر الفيديوهات تحياتي وإنشاء الله نكمل هاته الدورة :)

    ردحذف
  11. شكرآ لك :) و ننتظر الجديد :)

    ردحذف
  12. شكرا لك والحمد لله انني افدت الكثير وإنشاء الله اتمم الدورة على أحسن وجه وشكراعلى تفاعلك :)

    ردحذف
  13. يعطيك العافيه شرح واضح

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

    ردحذف
  15. شكرا لك أخي إستفدت كثيرا من دروسك

    ردحذف
  16. العفو أخي وشكرا على المرور :)

    ردحذف
  17. شكراً أخي بصراحة من مدة وأنا أبحث عن مواضيع مثل التي في مدونتك باللغة العربية والحمدلله أخيراً وجدتها (h)

    ردحذف
  18. شكرا يا اخي درس غاية في الروعة

    ردحذف
  19. والله اخي ضهرت المدونة في التريتب الاول ههههه :)

    ردحذف
  20. na3m akhi charh ra23
    ركن الإسلام عامة ~ شباب الخير خريبكة
    chabab-khayr-khribga.blogspot.com/p/blog-page_19.html‏
    19‏/05‏/2013 - الرئيسية · معلومات عامة · قصص الانبياء · قصص قصيرة · ركن الإسلام عامة · اتصل بي · عن المدونة ... ركن الإسلام عامة. الزيارات: younes el harchi | الأحد, ...

    ردحذف
  21. انا من الجزائر و صفحتك ظهرت في السطر الاول
    بارك الله فيك

    ردحذف
  22. السلام عليكم اخي الكريم . جزاك الله كل الخير على ما تقدمه من افادة
    أتمنى ان تواصل في عطاءك هذا ونحن معك دائما (h)

    ردحذف
  23. جزاك الله كل الخير على ما تقدمه

    ردحذف

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

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

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