هل أنت قارئ مدونة نشط وتريد مشاركة وجهات نظرك وأفكارك والخبرات التي اكتسبتها في السنوات الماضية؟ هل تحلم أن يكون لديك مدونتك الخاصة للتواصل على مستوى العالم؟ انت الان ، لست بعيدًا – خطوة واحدة فقط وستتعلم كيفية إنشاء قالب Blogger.
إن إنشاء المدونات سهل للغاية مع شركة بلوجر. Blogger هي خدمة معروفة لنشر المدونات تتيح للمستخدمين إنشاء مدونات رائعة مجانًا. ومع ذلك ، مطلوب القليل من المعرفة HTML بلغة الترميز و Javascript. انها ليست صعبة. بمجرد تفكيرك في تعلم “كيفية إنشاء قالب Blogger من البداية” ، مع بعض المفاهيم الأساسية ، تكون على استعداد للبدء في عذا الدرس.
كيفية إنشاء قالب مدونة؟
امتلاك قالب مدونة فريد خاص بك هو شيء مميز. لكن السؤال الذي يطرح نفسه – من أين نبدأ؟ الجواب البسيط هو ، هناك طريقتان موثوقتان لتصميم قالب على النحو التالي
هناك طريقتان لإنشاء قالب Blogger
إنشاء قالب Blogger باستخدام الطريقة اليدوية
إنشاء قالب مدونة مع TemplateToaster
إذا كانت لديك معرفة جيدة بالترميز ، فستذهب إلى الطريقة اليدوية لإنشاء قالب المدونة. ولكن إذا كنت مبتدئًا ولا تعرف كيفية استخدام التعليمات البرمجية – فإن برنامج TemplateToaster هو الأفضل لإنشاء قالب مدونة. لا تحتاج إلى برمجة مع منشئ قوالب المدونات هذا . سيمنحك واجهة سهلة تعمل فيها عن طريق السحب والإفلات لتصميم القالب الخاص بك. ما عليك سوى اختيار ما تريد. دعونا نتعمق في الاطلاع على الطريقة المفصلة في كيفية تصميم قالب مدونات باستخدام كلتا الطريقتين.
قم بإنشاء قالب Blogger باستخدام الطريقة اليدوية
يتكون قالب Blogger من عناصر XHTML وعناصر المدونة. لتصميم تخطيط أساسي للقالب ، ستستخدم مساحات الأسماء. مساحة الاسم (xmlns) محددة مسبقًا لاستخدامها مع Blogger بواسطة Google. وتستخدم 3 أنواع من مساحات الأسماء بشكل أساسي على النحو التالي:
اختيار xmlns: b – ‘b’
أن مساحة الاسم هذه تستخدم للوصول إلى عناصر المدونة.
أن مساحة الاسم هذه تستخدم للوصول إلى عناصر المدونة.
xmlns: data – يتم استخدامه لتحديد من أين تأتي بيانات المدونة.
xmlns: expr – يستخدم في التعبير عن السمات.
ستكتب كل الشفرة في ملف main.xml الخاص بـ Blogger.
الشفرة للتخطيط الأساسي
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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>
</head>
<body>
<!-- BODY CONTENTS -->
</body>
</html>
الأقسام
ينقسم قالب المدونة إلى أقسام. الأقسام الأساسية هي: رأس ، محتوى ، تذييل ، شريط جانبي. ستستخدم عنصر القطعة لتحديد المحتوى في القسم. لاحظ أنه لا يمكنك استخدام HTML داخل القسم. ولكن للعناصر حول القسم ، يجوز استخدام HTML.
الشكل الصحيح لشفرة القسم ستكون
<b:section id=’ ‘ class=' ' maxwidgets=' ' showaddelement=' '>
<b:widget……../>
</b:section>
While the below format, will be considered Wrong:
<b:section id=' ' class=' ' maxwidgets=' ' showaddelement=' '>
<h1>Content heading</h>
<div>Content</div>
</b:section>
سمات القسم
تحتاج إلى تحديد السمات التالية في القسم. المعرف هو السمة المطلوبة فقط بينما العتاصر الاخرى فهي اختيارية.
المعرف – هو الاسم الفريد للقسم المحدد بالأحرف والأرقام فقط.
class – يتكون من فئات شائعة مثل “navbar” و “main” و “header” و “footer” و “sidebar”. إذا قمت بتغيير القوالب لاحقًا ، فستتيح لك هذه الخيارات تقرير نقل المحتوى الخاص بك أم لا. يمكنك أيضًا استخدام أسماء الفئات الأخرى إذا كنت ترغب في ذلك.
maxwidgets – يحدد الحد الأقصى لعدد عناصر واجهة المستخدم التي يمكن إضافتها في القسم.
showaddelement – يتكون من قيمة “نعم” أو “لا”. “نعم” هو الافتراضي. يحدد هذا ما إذا كانت علامة تبويب عناصر الصفحة تعرض الرابط “إضافة عنصر صفحة” أم لا.
النمو – يمكن أن يكون “أفقيًا” أو “رأسيًا”. “العمودي” هو الافتراضي. يحدد هذا ما إذا كانت عناصر واجهة المستخدم مرتبة جنبًا إلى جنب أو مكدسة داخل القسم.
الشفرة لإضافة أقسام
<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
<!-- Section contents -->
</b:section>
<b:section id="sidebar" class="sidebar" maxwidgets="" showaddelement="yes">
</b:section>
<b:section id='main' class='main' maxwidgets="1" showaddelement="no">
<!-- Section contents -->
</b:section>
<b:section id='footer' class='footer' showaddelement="no">
<!-- Section contents -->
</b:section>
الودجات (الاضافات)
القطعة او الاضافة هي الجزء الرئيسي الذي يعرض بيانات حقيقية للقسم. يعمل كعنصر نائب. يحدد القسم فقط عناصر التخطيط. تتوفر بعض الأدوات الافتراضية في المدونة. ومع ذلك ، يمكنك أيضًا إنشاء عنصر واجهة المستخدم المخصص الخاص بك.
سمات القطعة (الاضافة)
القطعة يمكن أن يكون لها العديد من الصفات. من بينها ، مطلوب معرف ونوع فقط والبعض الآخر اختياري.
معرف – يمكن أن يتكون من الأحرف والأرقام فقط.ويكون كل معرف للقطعة فريد من نوعه. لا يمكن تغيير معرف عنصر واجهة المستخدم إلا بحذف عنصر واجهة المستخدم الموجود أو إنشاء عنصر واجهة مستخدم جديد.
النوع – يشير إلى نوع عنصر واجهة المستخدم ويمكن أن يحتوي على أحد أنواع عناصر واجهة المستخدم الصحيحة المدرجة أدناه
ارشيف المدونة
مدونة
تغذية
رأس
HTML
SingleImage الصورة المفردة
LINKLIST
قائمة
شعار
BlogProfile
شريط القائمة
VideoBar
NewsBar
مقفل – يمكن أن يكون له قيمة “نعم” أو “لا”. القيمة الافتراضية هي لا’. لا يمكنك نقل أو حذف عنصر واجهة مستخدم مؤمن من علامة تبويب عناصر الصفحة.
title – يعرض عنوان عنصر واجهة المستخدم. إذا لم يتم تحديد ذلك ، فسيتم استخدام عنوان افتراضي مثل “List1”.
pageType – يمكن أن يكون “الكل” أو “الأرشيف” أو “الرئيسي” أو “العنصر”. “الكل” هو الافتراضي. سيتم عرض عنصر واجهة المستخدم فقط على الصفحات المحددة.
الجوال – يمكن أن يكون “نعم” أو “لا” أو “افتراضي”. يخبر القطعة سيتم عرضها على الهاتف المحمول أم لا. لن يتم عرض العنوان أو المدونة أو الملف الشخصي أو قائمة الصفحات أو AdSense أو الإسناد إلا على الجوّال إذا تم تعيينه على “افتراضي”.
شفرة الاضافة:
<b:section id="sidebar" class="sidebar" maxwidgets="" showaddelement="yes">
<b:widget id='CustomSearch1' title='Search' type='CustomSearch' locked='false'/>
<b:widget id='FollowByEmail1' title='Follow By Email' type='FollowByEmail' locked='false' />
<b:widget id='PopularPosts1' locked='false' title='Popular On Relatemein' type='PopularPosts'/>
<b:widget id='Label1' type='Label' locked='false' />
</b:section>
يتم تضمين الودجات (الاضافات) داخل القسم. بناء الجملة لإضافة عنصر واجهة مستخدم في قسم سيكون مثل هذا إلى حد ما
إنشاء قالب مدونة مع برنامج انشاء قوالب المدونات TemplateToaster
في هذه الطريقة ، لا يوجد تشفير. مجرد واجهة سحب وإفلات بسيطة لإنشاء قالب Blogger. والأهم من ذلك ، إنه حل كامل للأسئلة الشائعة من قِبل القراء حول كيفية إنشاء قالب Blogger سريع الاستجابة حيث أن جميع القوالب المصممة مع برنامج تصميم الويب TemplateToaster تستجيب افتراضيًا.
منشئ قوالب المواقع TemplateToaster هو الطريقة الأكثر ملاءمة لإنشاء قالب Blogger. فقط قم بتنزيله من خلال زيارة الموقع الرسمي. وتنزيل نسخة تجريبية مجانية. اتبع الخطوات السهلة للتثبيت. الشاشة الأولى التي تراها بعد التثبيت ستبدو
من هنا ، سوف تقوم باختيار CMS. نظرًا لأن TemplateToaster يدعم العديد من أنظمة إدارة المحتوى ، سترى العديد من الخيارات. لكنك ستختار Blogger.
الآن ، ستحصل على الشاشة لاختيار قالب نموذج لتخصيص أو إنشاء قالب مدونة من البداية. حدد ” البدء من البداية ” وانقر فوق ” تعديل “.
من الشاشة التالية ، يمكنك اختيار نظام الألوان وطباعة الخط للقالب الخاص بك. يمكنك تغييره في أي وقت أثناء التصميم.
هذه هي الواجهة الرئيسية للبرنامج. من هنا ، يمكنك تصميم القالب الخاص بك حسب الحاجة. يحتوي على العديد من علامات التبويب الذاتية التصوير مثل رأس ، قائمة ، تذييل ، محتوى ، عرض شرائح ، الشريط الجانبي ، إلخ. إنه يعرض عليك مئات من أحدث الخيارات لتصميم قالب فريد من نوعه.
تصميم الرأس
حدد علامة التبويب رأس من القائمة العلوية من الشاشة الرئيسية.
الآن ، قم بتعيين العرض عن طريق تحديد خيار العرض . هنا ، يتم وضع رأس العرض الكامل .
حدد خيار الخلفية . سوف يساعدك على تعيين لون الخلفية ، التدرج أو الصورة. هنا ، يتم تحديد صورة الخلفية . يمنحك معرض صور ولكن يمكنك أيضًا استعراض صورتك المخصصة.
اضبط ارتفاع الرأس كما هو موضح أدناه.
ارسم منطقة النص بمساعدة خيار مناطق النص . اكتب النص المناسب هنا.
تصميم القائمة
حدد موضع القائمة فيما يتعلق بالرأس.
هنا ، يتم وضع القائمة داخل رأس من خلال تحديد خيار داخل رأس.
ضبط ارتفاع القائمة. يمكنك أيضًا تحديد ارتفاع قائمة مخصص.
اضبط لون الخلفية للقائمة. يمكنك أيضًا تعيين تدرج أو صورة. حتى ، يمكنك إنشاء لون مخصص عن طريق تحديد السطوع والتعتيم مختلفة مع المزيد من الألوان .
تعيين الطباعة من عناصر القائمة. هنا ، لديك خيارات مختلفة متاحة مثل عائلة الخط والحجم واللون والمحاذاة وما إلى ذلك كما هو موضح أدناه
يمكنك أيضًا ضبط لون مختلف على حالات مختلفة من زر القائمة. كما هو موضح أدناه ، مع خيار ” خصائص زر القائمة” ، يتم تحديد لون الخلفية لزر القائمة الرئيسية .
أخيرًا ، اضبط محاذاة عناصر القائمة حسب خصائص زر القائمة ← محاذاة ← أفقي ← من اليسار إلى الصفحة .
تصميم الشريط الجانبي
يمنحك TemplateToaster العديد من الخيارات لتطبيق الشريط الجانبي الأيسر أو الأيمن أو كليهما.
هنا ، يتم وضع شريط جانبي الأيسر للبحث من علامة تبويب الشريط الجانبي.
تعيين لون الخلفية لذلك. قم ببقية العمل لإضافة الاضافات الذي سيتم بعد التصدير.
تصميم المحتوى (المجال الرئيسي)
الآن لتصميم جزء المحتوى ، حدد علامة التبويب محتوى.
إذا كنت ترغب في عرض بيانات التعريف ، أي معلومات حول المنشور مثل العنوان وتاريخ النشر والمؤلف والفئة وما إلى ذلك ، انقر فوق بيانات التعريف → إظهار البيانات الأولية .
يمكنك ضبط عدد الأعمدة في منطقة المحتوى. لذلك ، انتقل إلى خيار الأعمدة وحدد الخيار المناسب. يتم تحديد عرض عمودين أدناه.
تصميم تذييل الصفحة
أخيرًا ، صمم تذييل الصفحة باستخدام علامة تذييل الصفحة .
اضبط العرض على أنه عرض كامل.
من خيار الخلفية ، قم بتطبيق لون الخلفية كما هو موضح أدناه
ضع أيقونات الوسائط الاجتماعية من خيار Social Icons وربطها بالمواقع المناسبة. يمكنك تحديد أي رمز من معرض الأيقونات الذي يناسب تصميمك.
الآن ، انقر نقرًا مزدوجًا فوق نص حقوق الطبع والنشر لتخصيصه. سيتم فتح علامة التبويب تنسيق . من هنا ، يمكنك ضبط محاذاة أو زاوية أو طباعة النص.
تصدير القالب
بمجرد أن تكون جاهزًا باستخدام القالب الخاص بك ، قم بتصديره. لذلك ، حدد خيار التصدير من شريط الأدوات السريع. هذا هو الخيار الأخير في أقصى اليمين. يمكنك أيضًا تحديد خيار “تصدير” من قائمة “ملف”.
بمجرد النقر فوق تصدير ، سترى مربع حوار Export Blogger Theme. اكتب اسم المجلد والمسار. انقر فوق زر التصدير .
الآن ، سيتم فتح مربع حوار حسابات Google. هنا ، اختر حسابًا حاليًا من القائمة المنسدلة أو أضف اسمًا جديدًا للحساب وانقر فوق حفظ .
الآن ، سيعيد توجيهك إلى صفحة تسجيل الدخول إلى Google. هنا ، أرسل بريدك الإلكتروني وانقر فوق ” التالي” .
أدخل كلمة المرور وانقر فوق ” التالي” .
منح الأذونات إلى TemplateToaster عن طريق النقر تسمح .
ستتم إعادة توجيهك إلى لوحة معلومات Blogger.
الآن من الجزء الأيمن من الشاشة ، انتقل إلى Theme → Backup / Restore . قم بتحميل ملف القالب الذي تم تصديره هنا من خلال التصفح.
حدد ملف القالب بالنقر فوق فتح .
قم بتحميل ملف القالب.
الآن في قسم السمة ، يمكنك رؤية السمة الخاصة بك.
انتقل إلى المشاركات من الجزء الأيمن من الشاشة كما هو موضح أعلاه.
انتقل إلى وظيفة جديدة الخيار لنشر مقالة جديدة.
بمجرد قيامك بصياغة المنشور الخاص بك في محرر منشورات Blogger ، يمكنك نشره. وبالمثل ، يمكنك إضافة المزيد من المقالات.
الآن سوف تنقر فوق خيار عرض المدونة لمعاينة صفحة المدونة.
إضافة الاضافات في الشريط الجانبي
كما أضفت المنشورات ، فإن المهمة الوحيدة المتبقية هي إضافة عناصر واجهة مستخدم إلى الشريط الجانبي.
لذلك من الجزء الأيمن حدد تخطيط . سيتم فتح نافذة تخطيط.
انقر فوق إضافة أداة ذكية في الشريط الجانبي – اليسار – 1 .
سيفتح قائمة أدوات ، ستقوم بإضافة منشور مميز من هنا.
الآن ، ستقوم بتكوين منشور مميز عن طريق إضافة مقتطف نشر مختلف . تحقق من المقتطفات التي تريدها كما هو موضح أعلاه. انقر فوق حفظ .
الآن إذا قمت بعرض المدونة ، فستقوم بطباعة الإخراج مع المشاركة المميزة كما هو موضح.
هذا هو قالب Blogger النهائي الخاص بك. إنه أمر مثير حقًا لأنك تنشئ قالب Blogger خاص بك. أليس كذلك؟
© موقع كنز العلوم. جميع الحقوق محفوظة.
