بسم الله الرحمن الرحيم
اليوم بإذن الله موعدنا مع الدرس الاول من سلسلة دروس دورة تصميم قوالب بلوجر الذى سنتناول فيه مكونات وأساسيات قوالب بلوجر ومعرفة الشكل العام للقالب الذى سيكون محل الدراسة فى الدورة .
وقبل البدء أتمنى من الجميع مراعاة التالى :-
1- التركيز .
2- إنشاء مدونة للتجارب والتى سنقوم بمتابعة الدورة من خلالها وعدم المساس بالقالب الأساسى لمدونتك لتجنب اى أخطاء سوف تقابلنا خلال هذه الدورة.
بسم الله نبدأ
تابعوا معى هذه الصورة “ من الافضل ان تقوم بفتحها فى صفحة منفصلة من خلال الضغط عليها “
تختلف مكونات قوالب بلوجر من قالب الى اخر وان شاء الله خلال هذه الدورة سيتم التعامل مع هذا القالب
- المكونات الاساسية لقوالب بلوجر :
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 " ) ولكن له بعض المميزات الخاصة سيتم شرحها بالتفصيل لاحقا.
------------------------------------------------------------------------------------------------------------------
8- حقوق الملكية " copyrights "
وهنا يتم وضع الحقوق الخاصة بالمدونة والقالب وايضا وضع حقوق التصميم والتعريب ان وجدت ويكون هذا الجزء هو ختام القالب اى موجود فى اخر القالب.
------------------------------------------------------------------------------------------------------------------
ملاحظات :
1- الجسم الداخلى للمدونة " Content Wrapper " يمكن ان يحتوى اكثر من سايدبار " Sidebre " وايضا تختلف طريقة ترتيبه من قالب لأخر.
2- يمكن دمج اكثر من مكون من المكونات السابقة فى منطقة واحدة ( مثال : يمكن ان يتم وضع حقوق الملكية بداخل الفوتر ) وهذا لا غبار عليه ولكن انا احب ان يكون كل منطقة مستقلة عن الاخرى .
3- سيتم التطرق الى كل جزء بشكل تفصيلى ومتنوع عند الوصول اليه.
س & ج
س : ماذا بعد شرح مكونات القالب الاساسية ؟
ج : ان شاء الله سنقوم بشرح القواعد المنظمة لهذه المكونات وهى تعرف باسم CSS وسيتم شرحها بشكل عام ثم سيتم شرحها بالتفصيل مع كل درس ومع شرح كل جزء من الاجزاء السابقة.
تم بحمد لله انتهاء الدرس الأول من دورة تصميم قوالب بلوجر
هذا وإن كان هناك توفيق فمن الله وحده وإن كان هناك سهو أو خطأ أو نسيان فمنى ومن الشيطان
17 التعليقات:
أول تعليق , مبروك يا باشا , وبانتظار الدورة بفارغ الصبر
@ باسم والله ياباسم المدونة منورة بيك وان شاء الله اكون عند حسن ظنكم
بداية موفقة اخي متشوقين للدروس المقبلة
@ كريم قدوري اشكرك على تفاعلك اخى الكريم
أقسم بالله درس اكثر من رائع يفهمه المبتديء قبل المحترف ،، نصيحتي للجميع اقرأ هذه الدورة بتمعن وفهم .. فهذه الدورة صدقوني ستغير كثيرا من الذين يستصعبون التصميم .. وبإجادتك لهذه الدورة ستحترف التعريب أيضا .. أخي محمد واصل يا غالي ولا تحرمنا من مزيد إبداعادتك ..
شكرا على الدورة اولا
لدي سؤال : هل يمكن ان يحنوي القالب على اكثر من menu bare
يعني مثلا واحد على اليمين وواحد افقي
@ باسم دعمك لى يسعدنى ويجعلنى ان شاء الله أن اقدم احسن ما عندى لهذه الدورة فهذه الدورة لن تكتمل الا بدعمكم وملاحظاتكم وتعليقاتكم وحبكم
@ السقاف اشكرك اخى الكريم وبالنسبة لسؤلك
نعم يمكن ان يحتوى القالب على أكثر من Menu Bare ويمكنك انت تحديد المكان بسهولة واحب ان اقول لك ان عند تعلمك اساسيات البلوجر والتصميم يمكنك ان تقوم بما شاء وكيفما تشاء .
بارك الله لك و ننتظر المزيد
@ waterandair اشكرك اخى الكريم اسعدنى تواجدك
أتمنى لك أخي الكريم التوفيق من الله ، لتميزك الجميل في الشرح وطرح المواضيع بشكل سلس وملموس وسهل الإستعاب للمبتدئين واصل تميزك
@ أبو اياد اشكرك اخى الكريم ويسعدنى متابعتك وتواجدك بمدونتى المتواضعة
السلام عليكم ورحمة اللة وبركة يااخى ويسعدنى التوصل معك
@ عبد النبى عبدالقادر
يسعدنا ويشرفنا ايضا تواجدك معنا اخى الكريم
جزاك الله كل الخير على المجهود و في انتظار الدرس الثاني ان شاء الله
@ Reham سعدت بمرورك تم نشر الدرس الثانى
جزاك الله كل خير على الشرح الوافي
إرسال تعليق