الجمعة، 20 أبريل 2012

تصميم قالب مدونة بلوجر ( الدرس الثاني )

 البنية الأساسية لقوالب بلوجر(مكونات القالب وأجزائه)



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

بسهولة تامة ، سواء على مستوى التصميم، أو تغيير الخطوط، أو تعريب القالب ...
وبعض الأقسام من بنية القالب يبدو ظاهرة للعيان في أي مدونة وهي منطقة الرأس Header ومنطقة القدم أي أسفل المدونة Footer، ومنطقة النشر Post section التي تظهر فيها التدوينات. وفي الآن نفسه توجد أقسام هي من بنية من القالب ليست ظاهرة للعيان أي لا تظهر عند عرض المدونة على شاشة الكمبيوتر لكنها أقسام مهمة وأساسية في بنية القالب، ولتصميم قالب جيد خال من العيوب ويمكن أن نطلق عليها صناديق كبرى لأنها تحتوي في داخلها صناديق أخرى أصغر حجما ونذكر منها :

الجسم Body : وهو يغطي معظم ما يظهر على الشاشة من القالب .

*الوعاء الخارجي أو الغلاف الخارجي: Outer wrapper: وقد نسميه الصندوق الخارجي، وهو يغطى كل القالب، وعلى العموم فهو يحتوي على أجزاء أصغر تقع داخلة وهي: منطقة الرأس Header، ومنطقة المحتوى Content، ومنطقة الأسفل أو قدم المدونة Footer. وسنعرف بكل جزء منها باختصار.
* الرأس :Header: وهذا الجزء block كما يدل عليه اسمه هو الذي يشغل الحيز العلوي من قالب المدونة وهو يتكون بدوره من أجزاء أصغر وهي: عنوان المدونة، وصف المدونة، وقد يحتوي على أجزاء أخرى من إضافة المدون كالإعلانات مثلا ، وشريط الروابط العلوي، وكل هذا أشبه بقطع صغيرة تندرج ضمن قطعة أو غلاف أكبر هي منطقة الرأس header wrapper..
*المحتوى  أو منطقة المحتوى  content wrapper: وهي تقع مباشرة أسفل منطقة الرأس، وهي أهم جزء أو قطعة من القالب على الإطلاق، وداخل هذا المنطقة يقع شريط جانبي أو أكثر- سنتعرف عليه لاحقا-، وداخله أيضا يقع الجزء الأساس أو الصندوق الأساسي main container ، الذي يحتوي على التدوينات posts ، والتعليقات، وقد يحتوي أيضا على بعض الإعلانات.

*أسفل القالب  Footer: وهو ذيل القالب ، وهو يوجد في أسفل القالب ككل وكما هو الحال بالنسبة لمنطقة الرأس ، يمكنك أن تضيف إليه عن طريق "عناصر الصفحة" عدة إضافات من قبل المدون.

*الجزء الرئيسي Main wrapper : وهو أهم جزء يقع ضمن "منطقة المحتوى" content wrapper، وداخل هذا الجزء يقع في مكان النشر – نشر المواضيع- ، ومكان التعليقات وتاريخ النشر وقطع أخرى يضيفها المدون من خلال خاصية عناصر.

*الإطار الجانبي sidebar : في هذا الجزء توجد معظم القطع والإضافات التي يمكن إضافتها أو إزالتها من المدونة وعلى رأسها : التصنيفات، والأرشيف، معلومات عن المدون، وإضافات HTML . وقد يكون للقالب إطار جانبي واحد أو أكثر ، وفي النسخة الأخيرة من بلوجر صار سهلا إضافة أو إزالة الأطر الجانبية ، يكفي فقط الإلمام ببنية بلوجر وفهم اكواده.

*مكان النشر blogpost : وهذا الجزء هو أهم ما في المدونة ، إذ من خلاله تعرض محتوى مدونتك لعموم القراء ، ويحتوي بدوره على أجزاء وهي عنون التدوينة ، وتاريخ نشرها ، واسم المدون ، والتصنيف الذي تندرج فيه التدوينة.

ويمكن عرض كل أجزاء القالب وقطعه بطريقة هرمية كالتالي :

الجسم : body.

الوعاء الخارجي : outer wrapper.
منطقة الرأس : header wrapper.
 عنوان المدونة.
وصف المدونة.
 إضافات أخرى.
 منطقة المحتوى : content wrapper.
 وعاء الشريط الجانبي : sidebar wrapper.
وعاء الجزء الأساسي : Main- wrapper.
التاريخ.
 التدوينات.
عنوان التدوينة.
 محتوى المدونة.
 محتوى المنطقة السفلى.
 التعليقات .
 رابط الخلاصات.
 قطع أخرى.
 منطقة الذيل : Footer.
 نص .
 قطع أخرى

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

العودة الى فهرس  دورة تصميم قالب مدونة بلوجر


... نهاية الشرح ...
إضافة عداد الزوار إلى المدونة بأشكال جذابة   |  ابداع ديزاين Abda3 Design  لخدمات التصميم والبرمجة
إقرأ المزيد
طريقة سريعة وسهلة لاختبار سرعة موقعك او مدونتك
كيف تختار الاستضافة المناسبة قبل حجز المدونة
إضافة تعليقات الفيس بوك
طريقة رائعة جذابة لاضافة ازرار المواقع الاجتماعية
كيف تحمي محتويات مدونتك من النقل او السرقة لـ(blogger)
كيفية تركيب قوالب بلوجر
"عَنْ أَبِي هُرَيْرَةَ رَضِيَ اللَّهُ عَنْهُ أَنَّ رَسُولَ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ قَالَ:مَنْ صَلَّى عَلَيَّ وَاحِدَةً صَلَّى اللَّهُ عَلَيْهِ عَشْرًا"
قم بتصفح جميع الموضوعات

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




ضع تعليقك

3 التعليقات:

Unknown يقول...

اشكرك على هذا الشرح

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

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

Unknown يقول...

جزاك الله خير

البحــث

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

المتابعون

استثمارا للخبرات العالية والإمكانات التقنية المتميزة والطاقات البشرية الكبيرة التي تتميز بها "ابداع" أنشأت المؤسسة إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية تتمكن الشركات والمتاجر من ترويج منتجاتها في كافة أنحاء العالم وتزويد مواقعها بإمكانية البيع عبر الإنترنت وتشمل خدمة بناء مواقع الإنترنت عدة مراحل بدأ من عملية التصميم المبدئي للموقع، وحتى الانتهاء منه، والقيام بتحديث الموقع كلما تطلب الأمر كما تتميز مؤسسة "ابداع" بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة في العمل لذلك نحمد الله العلي العظيم على منحنا تلك القدرة