[ 2 ] شرح مكونات قالب مدونات البلوجر وخصائصه



بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , كنت قد أعلنت سابقاً عن البدأ في افتتاح دروة لتعريب قوالب مدونات البلوجر , وبإذن الله اليوم سنبدأ ثاني دروسنا في دروة التعريب وسيكون عبارة عن شرح مكونات القالب وخصائصه , ولكي تتمكن من متابعة الدروة يتوجب عليك مشاهدة الدرس الأول من الدورة وكان بعنوان [ 1 ] شرح تنصيب الأدوات التي سنسخدمها في دروسنا مع بعض النصائح والتوجيهات

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

[الدرس الثالث] دورة تعريب قوالب


- المكونات الاساسية لقوالب بلوجر :
1 -  الجسم الأساسى للقالب “ Body “
وهو عبارة عن الوعاء التى يحتوى بداخله كل المكونات الاخرى للقالب من الهيدر " Header "  والفوتر  " Footer " والغلاف الداخلى  " Content Wrapper " وغيرها أى انه اشبه بوعاء الطبخ الذى تقوم بإضافة كافة المقادير بداخله .

2 - الهيدر الخاص بالمدونة " Header "
وهو عبارة عن الجزء الموجود فى أعلى المدونة والذى يحتوى بدوره على عنوان المدونة " Title " ووصف المدونة    "Description " وايضا إعلانات منها " Adsense " وقد يحتوى على كل ما سبق ذكره او الجزء منه فهو المسئول عن تعريف المدونة وسيتم شرحه بالتفصيل لاحقا.

3 - شريط القوائم " Menu bare "
وهو عبارة عن شريط يحتوى على مجموعة من الروابط والاختصارات الهامة التى تحب ان تعرضها على زوراك ومتابعيك وتسهيل الوصول اليها مثل فهرس للمدونة او سجل للزوار او اتصل بنا وغيرها.

4 - الجسم الداخلى " Content Wrapper "
او المنطقة الخاصة بمحتوى المدونة او كما احب ان اسميه الغلاف الداخلى للمدونة
وهو يحتوى بداخله على كل من محتوى الرسائل " Main Wrapper " وأيضا محتوى السايدبار " Side bare  " وهو يعتبر الجزء الاهم فى المدونة وسيكون شغلنا الشاغل فى الفترة القادمة بما يحتويه من مكونات وتدوينات ومهارات.

5 - منطقة الرسائل " Main Wrapper "
يقع هذا الجزء فى الجسم الداخلى " Content Wrapper " والمسئول عن نشر المواضيع " Posts " وأيضا نشر التعليقات " Comments "  الخاصة بكل موضوع ومكونات اخرى سيتم وضعها فى هذا المكان ليظهر بشكل راقى وجميل.

6 - منطقة السايدبار " Sidebare "
يقع هذا الجزء فى الجسم الداخلى " Content Wrapper " وهو الجزء المخصص لوضع الادوات والاضافات الخاصة بك والتى تخص مدونتك من ( التسميات " Labels " , الأرشيف " Archives" ، التعليقات " Comments" ، اعلانات ادسنس " Adsense " ، أو اى موجوز تحت تضيفه " RSS " ) ويختلف هذا الجزء من قالب إلى أخر .

7 - الفوتر الخاص بالمدونة " Footer "
وهو عبارة عن الجزء الموجود فى أسفل المدونة وهو مثل السايدبار " Side bare  " تقريبا وهو مخصص لوضع الادوات والاضافات الخاصة بك والتى تخص مدونتك من ( التسميات " Labels " , الأرشيف " Archives" ، التعليقات " Comments" ، اعلانات ادسنس " Adsense " ، أو اى موجوز تحت تضيفه " RSS " ) ولكن له بعض المميزات الخاصة سيتم شرحها بالتفصيل لاحقا.

مثال لما سبق , صورة مدونة ملتقى الدروس

وإليكم بعض الأمور , أو بعض الخواص التي عادة ما نحتاج إلى تعديلها عندما نعرب قالبا .. وهي على النحو التالي :

 - text-align وتعني محاذاة النصوص , فإذا كان القالب إنجليزيا فستكون محاذاة النصوص على اليسار وستكون العبارة-إن صحت التسمية- هكذا ;text-align:left بينما لو كان القالب معربا ستكون هكذا ;text-align:right .

- float وتعني محاذاة التنسيق , وشأنها كشأن العبارة التي قبلها فعندما نريد عنصرا ما موجودا في المدونة أن يكون تنسيقه في اليمين تكون العبارة هكذا ;float:right بينما لو كنا نريد تنسيقه نحو اليسار هكذا ;float:left .

- padding وتعني الهوامش الداخلية فإذا كانت في القالب الإنجليزي موجودةً هكذا padding-left:3px; فإنه يلزمنا تغيير left إلى right لتصبح العبارة هكذا padding-right:3px; .

- margin وهي مضاد padding وتعني الهوامش الخارجية وهي لا تختلف عن padding , فإذا كانت في القالب الإنجليزي موجودةً هكذا margin -left:3px فإنه يلزمنا تغيير left إلى right لتصبح العبارة هكذا ;margin -right:3px .

- direction ونستطيع من خلالها تحديد اتجاه القالب كامل , بحيث نضيفها بهذا الشكل direction:rtl مثلا تحت Body هنالك سيتحول اتجاه القالب كاملا في بعض القوالب , وفي القوالب الأخرى سيبقى اتجاه بعض العناصر مثل ما هو مع بعض التغيير . وفي بعض القوالب تكون هكذا direction:ltr; فعلينا بتغييرها direction:rtl; .

توضيح : rtl تعني right-to-left أي من اليمين إلى اليسار , و ltr تعني rleft -to-rightمن اليسار إلى اليمين .

- Font-family , وتعني الخط , فإذا كان الخط هكذا ;font-family:arialونريد أن نغيره إلى خط آخر مثلا التاهوما سنغير arial فقط . ;font-family:tahoma .

هذا إيجاز لبعض الخواص [ css ] التي عادة ما أستخدمها عندما أعرب قالباً ما , ولن تفهموها بشكل جيد الآن , ولكن بعد التطبيق ستسهل لكم وستحبونها كثيرا .

أما بالنسبة لتعديل Html فإني لم أعد أستخدمها كثيرا عندما أعرب أحد القوالب , وذلك لأن أكثر التعديل يكون على css والتنسيق من خلالها من اليمين إلى اليسار , أو العكس .
فعادة ما نبحث في القالب في تحرير Html في البلوقر عن dir , ونضع بجانبها rtl لتكون بهذا الشكل dir="rtl" .

ملاحظة مهمة : الاتش تي ام ال تحتوي على السي اس اس , أي أنها تكون مع بعض , ولتتعرفو أكثر على الفروقات أنصحكم مرة أخرى بزيارة هذا الموقع http://ar.html.net

وانتظروا الدرس القادم , مع شرح تطبيق التعريب على قالب للبلوجر .

المصدر : مدونة ملتقى الدروس

23 تعليق على [ 2 ] شرح مكونات قالب مدونات البلوجر وخصائصه

أبو يمنى يقول...

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

sifaw aniloul يقول...

3id mobarak sa3id

غير معرف يقول...

" بســــــــــم الله الرحمـــــــــــــــن الرحيـــــــــم "
لديك موقع راءع اريد عرض خاص لك
احصاءيات مجانية لموقعك من هنا

http://www.eaglestats.com/

houda يقول...

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

شات يقول...

مدونة روعه بصراحة ونعم والله

revan يقول...

المدونه حقيقي تحفه
ومعلومات مفيده اوي
مشكووووووووووووووووور

حواء يقول...

موضوع رائع

أكلات رجيم يقول...

thanx

ناصر يقول...

السلام عليكم و رحمة الله و بركاته
بارك الله فيك على الشرح المتميز .

محسنات محركات البحث يقول...

مشكور على الموضوع

اسرار السيو يقول...

thanx

قوالب بلوجر عربية ومجانية يقول...

شكرا على الشرح.
لمن يرغب في تحميل قوالب بلوجر احترافية ومجانية : قوالب بلوجر عربية ومجانية

الربح من الانترنت يقول...

تسلم ايديك على الموضوع
الربح من الانترنت-وظائف خالية

mohessaid يقول...

مقال جميل أخي الكريم.
http://arabetech.blogspot.com

اشهار المواقع يقول...

تسلم ياغالى على الموضوع والمدونة الرائعة

عيون مصر يقول...

شكرا يا غالى لكن للاسف الصور لا تظهر

Entrümpelung wien يقول...

Dank den Themen .... Ich hoffe, mehr von den Themen

Hicham ne يقول...

THAnk's a lot brother :))))))



www.baramij-ucom.blogspot.com

coo@stnet يقول...

موضوعك مميز جداا ياباشا
وأتشرف بزيارتك لمدونتي :
http://free1blogger.blogspot.com

entrümpelung wien يقول...

Vielen Dank ... Wo neue Themen?

Räumung Wien يقول...


مدونة مميزة
كل تقدير واحترامى لكم ... :)


Wohnungsräumung يقول...

شكرا ع المجهود

Entrümpelung wien يقول...

شكرا على الموضوع ..))

إرسال تعليق

Newer Posts Older Posts Home
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
سياسة الخصوصية | التعليقات المنشورة لا تعبر عن رأي كاتب مدونة " قوالب بلوجر معربة " ولا أتحمل أي مسؤولية قانونية حيال ذلك ( ويتحمل كاتبها مسؤولية النشر )