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

تصميم قوالب البلوجر - الدرس السابع : تعريف كل وسوم البلوجر الجزء الأول

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

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

درسنا اليوم هو :

تعريف كل وسوم البلوجر الجزء الأول

هاته الصورة ستشرح لكم الأمر لكن انا سأضيف وصفا لكل وسم
وهاته  الوسوم هي التي أستعملها كثير وكثيرا ما تجدها بقوالب بلوجر وطبعا لك الحق في تغييرها عند تصميم قالب خاص بك
 
 
body : وهو جسم المدونة أي الجزء الكلي للمدونة وهو الخاص بوضع خلفية المدونة مثلا.
Outer-wrapper : لديه نفس دور جسم المدونة لكن لديه دور التوسيط وهو اهم دور وهو يحتوي على الأجزاء الثلاث الهيدر و المحتوى والفوتر.
Header-wrapper : خاص برأس الصفحة أي الهيدر ويحتوي على شعار المدونة والإعلان إذا أردت. 
Header : شعار المدونة اي اللوجو.
Top-Ads : وهو الإعلان ويمكنك وضعه أولا وبالمقاس الذي تريده أنت.
content-wrapper : وهو المحتوى الذي يشمل الـ main-wrapper و الـ Sidebar كذلك هو خاص بالتوسيط مثلا وعمل خلفية خاصة بالمحتوى تكون مغايرة لخلفية الجسم.
main-wrapper : وهو الجزء الخاص بالتدوينات فقط.
Post : وهي التدوينات حيث يمكننا جعل شكل التدوينة بتنسيق احترافي ولتخصيص أكثر فهي تحتوي على التالي مثلا :
Post H2 : عنوان التدوينات.
post-meta : هذاالوسم ليس افتراضي ولايكون على البلوجر بل يجب إضافته عبرإضافات البلوجر بالمدونات وعمت درس حول إضافتها.
post-body : وهو جسم التدوينات.
sidebar-wrapper : وهي الجزء الخاص بالقائمة التي تكون بالمدونة ويمكن عمل قائمة واحدة او إثنان كما بمدونتي :) .
Sidebar : وهي القائمة الجانبية ولتخصيص اكثر نجدها بهاته الوسوم على css مثلا :
.sidebar
.sidebar h2
.sidebar ul
.sidebar ul li
.sidebar ul li a
.sidebar .widget
Footer-wrapper : وهو ذيل القالب اي الفوتر يشمل ثلاث أقسام من القوائم و كذلك الجزء الخاص بالحقوق وحقوق مصمم القالب مثلا.
 
 الآن تعرفنا على الوسوم الاساسية التي قد نبني بها قالب بلوجر
وسنتمم باقي العناصر كالتعليقات والبروفيل والأرشيف إلخ....
إلا هنا ننتهي من هذا الجزء وبانتظار تعليقاتكم وشكرا

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


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

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

  1. جزاك الله كل خير , بالفعل معلومات يجب على كل مهتم في هذا المجال معرفتها :)

    ردحذف
  2. يسعدني ان اكون اولا المعلقين على الدرس صراااحة دروس بالقمة اخي اسامة مبروووو ك استمر بالابداع (h) (h) (h) (h) (h) (h) (h) (h) (h) (h) (h)
    ------------------------------------------------------------------------------------------------------------------------
    http://th3smallpro.blogspot.com/

    ردحذف
  3. واااااااااو درس ررررووووهة شكار اخ اسامة دائما تبدعنا بجديدك

    ردحذف
  4. شكرا لمروركم الكريم وسرعتكم في التعليق نورتونا بجد (f)

    ردحذف
  5. شرح وافى والله ماقصرت فى اى شئ ^_^ منتطر جديدك ومتابع الدورة

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

    ردحذف
  7. موضوع ممتاز شكراً لك
    http://computerswant.blogspot.com/

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

    ردحذف
  9. موضوع ممتاز

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

    ردحذف
  11. جزاك الله خيرا واصل عملك الرائع ولا تهتم بتعليقاتنا السخيفة والغير مفيدة اهتم بالمحتوى ثم المحتوى

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

    ردحذف
  13. الحقيقة , أنا لم أجد حتى الأن شرح وافي و كامل و منظم لكيفية تصميم قالب يعمل على البلوجر , فكل الشروحات ناقصة ,

    ردحذف
  14. ننتظر منك الدرس القادم
    و بالتوفيق في الطرح

    ردحذف
  15. جزاك الله كل الخير اخي الكريم
    درس جميل وشرح مبسط وتام للعناصر التركيبية لقالب البلوجر
    ننتظر الدروس القامة (k)

    ردحذف

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

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

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