تصميم قالب احترافي العناصر الاساسية للقالب
السلام عليكم ورحمة الله و بركاته
لتصميم اي نوع من انواع القوالب سوف نتبع العناصر التالية لانها هامة جدا
انا اعرف انك متشوق لبداية هذه الدورة لتقوم بتصميم قالب مدونتك بنفسك و على الشكل الذي تريده انت و زيادة على ذالك تكون واثق انه غير مدسوس فيه اكواد تجسس او اكواد تعطل محركات البحث عن ارشفة مدونتك
هيا نبدأ بسم الله
اول شيء هو يجب علينا ان نعرف المكونات الأساسية للقوالب وهي كالتالي
- الهيدر header : وهو الصندوق الذي يتواجد فيه الشعار (شعار مدونتك ) و مكان اخر تستطيع وضع الاعلانات فيه او نص تصف فيه نوعية مواضيعك كما تشاء
- مينيو بار menu : وهوعبارة عن شريط نضع فيه اقسام المدونة مثل الرئيسية و برامج ترفيه و اتصل بنا و الى غير ذالك
- main-wrapper : وهو الجزء او المكان المخصص لعرض التدوينات
- sidebar-wrapper: و هو المكان لعرض الاعلانات و ادوات المدونة مثل التسميات اوصفحاتك على الفيس بوك او قناتك على اليوتوب و الخ من الأدوات
- الفوتر footer-wrapper: اما بالنسبة للفوتر فهو مثل sidebarونضيف اليه تعريف بحقوق الملكية
لكي نبدا العمل يجب علينا انشاء مدونة تجريبية في بلوجر و بعد ذالك نتوجه الى
قالب ثم الى تحرير html و بعدها نقوم عملية مسح لجميع الاكواد الموجودة .
لاحظ الاكواد التالية
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[ ]]></b:skin>
</head><body></body></html>
تقوم بوضع هذه ثم تقوم بعملية حفظ القالب وستحصل على صفحة
بيضاء ساشرح لك ماهو مكتوب بسرعة و بايجاز
<?xml version="1.0" encoding="UTF-8" ?>
لقد اتخذ كل موقع نوعا خاصا من لغات البرمجة فيما يخص بلوجر فانه وضع احدى اللغات التي يعتمدها في ادارة قالب المدونةهي لغة xml و تعتمد كثيرا html وسنحدد
لها دروسا مخصصة بل والاحرى سوف تاخذ فكرة كبيرة عنها لثناء تعلمنا في تصميم القالب لقد بينا اننا نستعمل النسخة 1.0 و ان يعتمد اللغة العربية UTF-8
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
وهذا الكودهو لربط القالب ببلوجر
<head> </head>
و هو وسم اساسي للقالب ة نكتب داله شيفرات ال scc و java و ما نكتبه فيه لا يظهر في الواجهة الرئيسية للقالب
<title><data:blog.pageTitle/></title>
هو عنوان الصفحة لمدونات بلوجر و نكتبه داخل وسم الهيد
<body></body>
و هذا ما نسميه بصدر الصفحة و هو الذي يضم جميع الوسوم الاساسية و كل ما نكتبه بداخله يظهر في الواجهة الرئيسية للقالب
و بهذا نكون قد انهينا درس اليوم ولتكون هذه الدورة منظمة سنعمل على تقسيم الدروس كالاتي:
- الدرس الاول نتناول فيه الهيدر و المنييو بار header menu
- الدرس الثاني نتناول فيه سيدر بار siader
- الدرس الثالث نتاول فيه mean wrapper
- الدرس الرابع نتناول فيه footer
لاي استفسار او تعليق الرجاءوضعه في مربع التعليقات اسفل التدوينة ان اعجبكم الوضوع لا تنسو النضمام الى صفحتنا على الفيس بوك و الاشتراك في قناتنا على اليوتوب
الدرس التالي من هنا
Charlie Puth - Mother Lyrics
ReplyDelete