دورة تصميم قوالب بلوجر الدرس 11 قالب خام للتصميم وشرح الاقسام والادوات

دورة تصميم قالب بلوجر


السلام عليكم واللهم صل على محمد وال محمد
نكمل اليوم بالدرس العاشر دورة تصميم قالب بلوجر 2021 من الصفر الى الاحتراف فبعد ان تكلمنا في الدروس السابقة عن 
  • مقدمة هامة ولمحة عن لغة HTML قسم اول
  • لمحة عن لغة HTML قسم ثاني
  • لمحة عن لغة CSS قسم اول
  • لمحة عن لغة CSS  قسم ثاني
  • لمحة عن لغة CSS قسم ثالث واخير
  • لمحة عن لغة javaScript قسم اول
  • لمحة عن لغة javaScript قسم ثاني
  • لمحة عن لغة javaScript قسم ثالث واخير
  • لمحة عن مكتبة jQuery قسم اول
  • لمحة عن مكتبة jQuery قسم ثاني

  • نكمل اليوم ان شاء الله ونقدم قالب خام جاهز للتصميم

    لمحة عن القالب الخام

    يضم القالب جميع الامور الافتراضية التي يتضمنها اي قالب بلوجر مهما اختلف تصميمه فهي تعتبر كامور اساسية بكل قالب مثل
    1. اكواد الميتا تاج 
    2. اكواد ال css للصفحة الرئيسية وصفحة المقالات 
    3. اكواد ال css لجميع الادوات الموجودة في بلوجر كالتسميات واتصل بنا والمشاركات الشائعة والمميزة
    4. هيكلية القالب العامة كالهيدر وقسم المقالات والسايد بار والفوتر والحقوق
    5. اكواد مشاركة المقال
    6. اكواد ردود الافعال على المقال
    7. مقالات ذات صلة
    8. المقال التالي والسابق بكل مقال
    9. كاتب المقال
    10. بعض اكواد جي كويري مهمة واساسية
    طبعا هذه كلها اساسيات يعني كبداية وفي الدروس القادمة سوف يتم شرح كل اضافة وكل اداة موجودة وتغيرها او حذفها او تعديلها بالاضافة لاضافة اخرى سيتم تصميمها وادراجها كالقائمة الرئيسية ومواضيع حسب التسمية وغيرها من متطلبات قالب بلوجر الحديث

    شرح الاقسام section والادوات widget

    تعتبر الاقسام بنية اي قالب بلوجر حيث يتم تقسيم القالب بالاقسام وفي الاقسام لا يمكن استخدام اي كود html تتضمن فقط اكود الادوات ولكن ضمن اكواد الادوات يمكن اضافة html ويكون كود الاقسام والادوات على الشكل التالي
    <b:section id='logo' maxwidgets='1' showaddelement='no'>
    .... هنا يكون كود الاداة ولا يمكن اضافة اكواد html مثلا
    <b:widget id='Header1' locked='true' title='عالم التقنية السورية sytechwd (رأس الصفحة)' type='Header' version='2' visible='true'>
    .....هنا في الادوات يمكن ان يتضمن كود html
    </b:widget>
    </b:section>

    حيث يضم تاغ الفتح في القسم  ما يلي
    • id ويمكن ان يكون اي id تريده
    • maxwidgets ومعناها عدد الادوات التي سوف يضمها القسم وتكون بالارقام مثل 1 او 2 وهكذا
    • showaddelement تكون قيمتها yes او no وذالك للسماح باضافة ادوات جديدة في القسم او لا يسمح

    اما تاغ الفتح في الادوات يضم ما يلي
    • id ولا يمكن ان يكون اي id حيث يجب ان يكون بحسب نوع الاداة متبوعا برقم كما في المثال السابق النوع هو Header فالـ id هو Header1
    • locked وتكون القيمة اما true للتشغيل او false للايقاف حيث عند التشغيل سيتم قفل الاداة اي ستكون اداة ثابتة غير قابلة للنقل لغير مكان ولايمكن حذفها
    • title يم عنوان الاداة اي عنوان تريده
    • type وهو يحدد نوع الاداة ويجب ان يكون النوع صحيح لاحد ادواة بلوجي ويكون احد الانواع التالية:
      •     BlogArchive
      •     Blog
      •     Feed
      •     Header
      •     HTML
      •     SingleImage
      •     LinkList
      •     List
      •     Logo
      •     BlogProfile
      •     Navbar
      •     VideoBar
      •     NewsBar
    او يمكنك اضافة اداة من التسيق ومن ثم الذهاب لاكواد القالب لمعرفة نوع الاداة ما هو كمل فعلت انا في الفيديو

    ودائما كما في كل درس اقول انه دائما من الافضل مشاهدة

    شرح الفيديو


    رابط تحميل القالب الخام
    التحميل

    والان الى اللقاء صديقي بدرس قادم لاتنسى صندوق التعليقات موجود خصيصا لاجلك لذالك لاتتردد في اي سؤال او استفسار ويسعدني الاجابة عليك
    • فيس بوك
    • بنترست
    • تويتر
    • واتس اب
    • لينكد ان
    • بريد
    author-img
    Ahmad Wael

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

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

    جاري جلب الرابط
    عالم التقنية السورية

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

    شكرا لكم على زيارتنا ونرجو منكم الاشتراك في قناتنا على اليوتيوب لدعمنا , اشتراكم سبب في إستمرارنا



    x
    نحن نستخدم ملفات تعريف الارتباط من Google لتقديم خدماتنا وتحليل عدد الزيارات لهذا السبب تتم مشاركة عنوان IP ووكيل المستخدم التابعين لك مع Google بالإضافة إلى مقاييس الأداء والأمان لضمان جودة الخدمة وإنشاء إحصاءات الاستخدام واكتشاف إساءة الاستخدام ومعالجتهاإعرف المزيداوافق