كيفية صنع قوالب للمبتدائين مجانية
كيفية إنشاء قالب بلوجر من الصفر: دروس للمبتدئين
بارام شاهال
| آخر تحديث في 16 مايو 2020 | نصائح وحيل تصميم مواقع الإنترنت
إنشاء قالب بلوجر
- فخطوة واحدة وباستخدام هذا البرنامج التعليمي للمبتدئين تعلم كيفية إنشاء قالب Blogger من البداية بخطوات قليلة سهلة.
يعد إنشاء المدونات أمرًا سهلاً حقًا باستخدام المدون. Blogger هي خدمة معروفة لنشر المدونات تتيح للمستخدمين إنشاء مدونات رائعة مجانًا. ومع ذلك ، فإن القليل من المعرفة بترميز HTML و CSS و Javascript مطلوب. الأمر ليس بهذه الصعوبة. بمجرد أن تفكر في تعلم "كيفية إنشاء قالب Blogger من البداية" ، مع بعض المفاهيم الأساسية ، فأنت على استعداد للبدء.
كيفية إنشاء قالب بلوجر؟ دروس للمبتدئين
إن امتلاك قالب مدون فريد خاص بك هو شيء فخم. لكن السؤال الذي يطرح نفسه - من أين نبدأ؟ الجواب البسيط هو أن هناك طريقتين موثوقتين لتصميم قالب على النحو التالي
هناك طريقتان لإنشاء قالب Blogger
إنشاء قالب بلوجر بالطريقة اليدوية
إنشاء قالب بلوجر باستخدام TemplateToaster
إذا كانت لديك معرفة جيدة بالشفرات ، فستذهب إلى الطريقة اليدوية لإنشاء قالب بلوجر. ولكن إذا كنت مبتدئًا ولا تعرف كيفية البرمجة - فإن TemplateToaster هو الأفضل لاختيار إنشاء قالب بلوجر وتخصيصه. أنت لا تحتاج إلى أي ترميز مع منشئ قالب المدونة هذا. سوف يمنحك واجهة سحب وإفلات سهلة لتصميم القالب الخاص بك. ما عليك سوى اختيار ما تريد ، وبقية الأشياء التي سيتعامل معها. دعنا نتعمق في رؤية الإجراء التفصيلي لكيفية تصميم قالب المدونة بكلتا الطريقتين
اتبع الخطوات لإنشاء قالب Blogger بطريقة يدوية
يتكون قالب Blogger من XHTML وعناصر blogger. لتصميم تخطيط أساسي للقالب ، ستستخدم مساحات الأسماء. تم تحديد مساحة الاسم (xmlns) مسبقًا لاستخدامها مع Blogger من Google. يتم استخدام 3 أنواع من مساحات الأسماء بشكل أساسي على النحو التالي
xmlns: b - يحدد "b" أن مساحة الاسم هذه تستخدم للوصول إلى عناصر المدون.
xmlns: البيانات - تُستخدم لتحديد مصدر بيانات المدونة.
xmlns: expr - حساب تعبير السمات.
ستكتب كل الشفرة في ملف main.xml في Blogger.
الخطوة 1: بناء الجملة للتخطيط الأساسي
<؟ 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>
</html>
الأقسام
قالب المدون مقسم إلى أقسام. الأقسام الأساسية هي: رأس الصفحة ، المحتوى ، التذييل ، الشريط الجانبي. سوف تستخدم عنصر القطعة لتحديد المحتوى في القسم. لاحظ أنه لا يمكنك استخدام HTML داخل القسم. ولكن حول القسم ، يجوز استخدام HTML.
سيكون الشكل الصحيح للقسم
<b: section id = '' class = '' maxwidgets = '' showaddelement = ''>
<ب: القطعة …… ../>
</ ب: قسم>
بينما التنسيق أدناه ، سيتم اعتباره خاطئًا:
<b: section id = '' class = '' maxwidgets = '' showaddelement = ''>
<h1> عنوان المحتوى </ h>
<div> المحتوى </ div>
</ ب: قسم>
سمات القسم
تحتاج إلى تحديد السمات التالية في القسم. المعرف هو السمة المطلوبة فقط بينما البعض الآخر اختياري.
معرف - هو الاسم الفريد للقسم المحدد بالأحرف والأرقام فقط.
فئة - تتكون من فئات مشتركة مثل "navbar" و "main" و "header" و "footer" و "sidebar". إذا قمت بتغيير القوالب لاحقًا ، فستتيح لك تحديد ما إذا كنت تريد نقل المحتوى الخاص بك أم لا. يمكنك أيضًا استخدام أسماء فئات أخرى إذا كنت ترغب في ذلك.
maxwidgets - يحد من الحد الأقصى لعدد الأدوات التي يمكن إضافتها في القسم.
showaddelement - يتكون من قيمة "نعم" أو "لا". "نعم" هو الخيار الافتراضي. يحدد هذا ما إذا كانت علامة تبويب عناصر الصفحة تعرض الرابط "إضافة عنصر صفحة" أم لا.
النمو - يمكن أن يكون "أفقيًا" أو "عموديًا". "عمودي" هو الافتراضي. يحدد هذا ما إذا كانت عناصر واجهة المستخدم مرتبة جنبًا إلى جنب أو مكدسة داخل قسم.
الخطوة 2: بناء الجملة لإضافة أقسام
<b: section id = 'header' class = 'header' maxwidgets = "1" showaddelement = "no">
<! - محتويات القسم ->
</ ب: قسم>
<b: section id = "sidebar" class = "sidebar" maxwidgets = "" showaddelement = "yes">
</ ب: قسم>
<b: section id = 'main' class = 'main' maxwidgets = "1" showaddelement = "no">
<! - محتويات القسم ->
</ ب: قسم>
<b: section id = 'footer' class = 'footer' showaddelement = "no">
<! - محتويات القسم ->
</ ب: قسم>
بارام شاهال
| آخر تحديث في 16 مايو 2020 | نصائح وحيل تصميم مواقع الإنترنت
إنشاء قالب بلوجر
- فخطوة واحدة وباستخدام هذا البرنامج التعليمي للمبتدئين تعلم كيفية إنشاء قالب Blogger من البداية بخطوات قليلة سهلة.
يعد إنشاء المدونات أمرًا سهلاً حقًا باستخدام المدون. Blogger هي خدمة معروفة لنشر المدونات تتيح للمستخدمين إنشاء مدونات رائعة مجانًا. ومع ذلك ، فإن القليل من المعرفة بترميز HTML و CSS و Javascript مطلوب. الأمر ليس بهذه الصعوبة. بمجرد أن تفكر في تعلم "كيفية إنشاء قالب Blogger من البداية" ، مع بعض المفاهيم الأساسية ، فأنت على استعداد للبدء.
كيفية إنشاء قالب بلوجر؟ دروس للمبتدئين
إن امتلاك قالب مدون فريد خاص بك هو شيء فخم. لكن السؤال الذي يطرح نفسه - من أين نبدأ؟ الجواب البسيط هو أن هناك طريقتين موثوقتين لتصميم قالب على النحو التالي
هناك طريقتان لإنشاء قالب Blogger
إنشاء قالب بلوجر بالطريقة اليدوية
إنشاء قالب بلوجر باستخدام TemplateToaster
إذا كانت لديك معرفة جيدة بالشفرات ، فستذهب إلى الطريقة اليدوية لإنشاء قالب بلوجر. ولكن إذا كنت مبتدئًا ولا تعرف كيفية البرمجة - فإن TemplateToaster هو الأفضل لاختيار إنشاء قالب بلوجر وتخصيصه. أنت لا تحتاج إلى أي ترميز مع منشئ قالب المدونة هذا. سوف يمنحك واجهة سحب وإفلات سهلة لتصميم القالب الخاص بك. ما عليك سوى اختيار ما تريد ، وبقية الأشياء التي سيتعامل معها. دعنا نتعمق في رؤية الإجراء التفصيلي لكيفية تصميم قالب المدونة بكلتا الطريقتين
اتبع الخطوات لإنشاء قالب Blogger بطريقة يدوية
يتكون قالب Blogger من XHTML وعناصر blogger. لتصميم تخطيط أساسي للقالب ، ستستخدم مساحات الأسماء. تم تحديد مساحة الاسم (xmlns) مسبقًا لاستخدامها مع Blogger من Google. يتم استخدام 3 أنواع من مساحات الأسماء بشكل أساسي على النحو التالي
xmlns: b - يحدد "b" أن مساحة الاسم هذه تستخدم للوصول إلى عناصر المدون.
xmlns: البيانات - تُستخدم لتحديد مصدر بيانات المدونة.
xmlns: expr - حساب تعبير السمات.
ستكتب كل الشفرة في ملف main.xml في Blogger.
الخطوة 1: بناء الجملة للتخطيط الأساسي
<؟ 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>
</html>
الأقسام
قالب المدون مقسم إلى أقسام. الأقسام الأساسية هي: رأس الصفحة ، المحتوى ، التذييل ، الشريط الجانبي. سوف تستخدم عنصر القطعة لتحديد المحتوى في القسم. لاحظ أنه لا يمكنك استخدام HTML داخل القسم. ولكن حول القسم ، يجوز استخدام HTML.
سيكون الشكل الصحيح للقسم
<b: section id = '' class = '' maxwidgets = '' showaddelement = ''>
<ب: القطعة …… ../>
</ ب: قسم>
بينما التنسيق أدناه ، سيتم اعتباره خاطئًا:
<b: section id = '' class = '' maxwidgets = '' showaddelement = ''>
<h1> عنوان المحتوى </ h>
<div> المحتوى </ div>
</ ب: قسم>
سمات القسم
تحتاج إلى تحديد السمات التالية في القسم. المعرف هو السمة المطلوبة فقط بينما البعض الآخر اختياري.
معرف - هو الاسم الفريد للقسم المحدد بالأحرف والأرقام فقط.
فئة - تتكون من فئات مشتركة مثل "navbar" و "main" و "header" و "footer" و "sidebar". إذا قمت بتغيير القوالب لاحقًا ، فستتيح لك تحديد ما إذا كنت تريد نقل المحتوى الخاص بك أم لا. يمكنك أيضًا استخدام أسماء فئات أخرى إذا كنت ترغب في ذلك.
maxwidgets - يحد من الحد الأقصى لعدد الأدوات التي يمكن إضافتها في القسم.
showaddelement - يتكون من قيمة "نعم" أو "لا". "نعم" هو الخيار الافتراضي. يحدد هذا ما إذا كانت علامة تبويب عناصر الصفحة تعرض الرابط "إضافة عنصر صفحة" أم لا.
النمو - يمكن أن يكون "أفقيًا" أو "عموديًا". "عمودي" هو الافتراضي. يحدد هذا ما إذا كانت عناصر واجهة المستخدم مرتبة جنبًا إلى جنب أو مكدسة داخل قسم.
الخطوة 2: بناء الجملة لإضافة أقسام
<b: section id = 'header' class = 'header' maxwidgets = "1" showaddelement = "no">
<! - محتويات القسم ->
</ ب: قسم>
<b: section id = "sidebar" class = "sidebar" maxwidgets = "" showaddelement = "yes">
</ ب: قسم>
<b: section id = 'main' class = 'main' maxwidgets = "1" showaddelement = "no">
<! - محتويات القسم ->
</ ب: قسم>
<b: section id = 'footer' class = 'footer' showaddelement = "no">
<! - محتويات القسم ->
</ ب: قسم>
ليست هناك تعليقات: