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

الدرس الرابع

1- تعديل القالب Template

2- تغيير خلفية المدونة Background

3- تعديل عرض المدونة Adjust widths

4- تعديل التصميم Layout 1 - 2

5- حفظ القالب
 


*****

1- تعديل القالب Template

شاهد الفيديو

Blogger Template Designer


قد تحتاج إلى تغيير قالب المدونة template بين فترة وأخرى

كنوع من التجديد


لفعلك ذلك

اذهب في القائمة الجانبية إلى Template

الزر الذي يهمنا هنا هو Customize

القوالب التي تراها في الأسفل

ستظهر مرة أخرى بعد الضغط على Customize

اضغط عليه وستنتقل إلى هنا

هناك 7 قوالب مختلفة

Dynamic Views - Simple - Picture Window - Awesome Inc. - Watermark - Ethereal - Travel

وتحت كل قالب هناك نماذج مختلفة للألوان والخلفيات

خلونا نلعب شوية ونختار كذا قالب مختلف

ولاحظوا كيف تتغير ألوان الكتابة لتتماشى مع القالب

اختاروا القالب Watermark ثم اللون البني

ستظهر لكم هذه الصورة

اختاروا القالب Picture Window ثم أول اختيار

ستظهر لكم هذه الصورة

اختاروا القالب Simple ثم اللون الأحمر

ستظهر لكم هذه الصورة

حتى يتثبت القالب الذي اخترتوه

اذهب إلى أعلى يمين الصفحة واختر  Apply to Blog

ستلاحظ الصورة على اليسار

تغيرت إلى أحمر في هذه الحالة

2- تغيير خلفية المدونة Background

تختار Background من القائمة اليسار

هنا أمامك 4 أشياء

باللون الأزرق مكتوب

Use default background and colors

إذا لم تعجبك تغييراتك، يمكنك الضغط عليه لتعود إلى الخلفية والألوان الإفتراضية

Suggested themes

تدرجات ألوان مقترحة

حتى تحافظ المدونة على تناسقها العام

Main color theme

تغيير اللون الأساسي بكل ألوان ودرجات الطيف

Background image

وضع صورة للخلفية

هنا عندك اختيارين

الخيار الأول

اضغط على مربع Background image أو السهم الصغير وستظهر لك هذه الصور

يوجد 19 ثيم مختلف وكل ثيم يحتوي صور مختلفة

لنختر مثلاً Nature

ونختار أوراق الخريف

ثم نختار الصورة التي تحتها للثلج

لاحظو كيف تتغير ألوان العناوين في المدونة بما يتناسق مع الخلفية

لتثبيت الصورة

أسفل يمين المربع نضغط Done

الخيار الثاني

وهو لرفع صورة من جهازك Upload image

وكما هي واضحة الشروط

لا يزيد حجمها عن 300 كيلوبايت

وحتى تغطي الخلفية كاملة يجب أن يكون مقاس الصورة من 1800x1600 فأعلى

3- تعديل عرض المدونة Adjust widths

انتقل إلى Adjust widths

لتظهر لك هذه الخيارات

Entire blog  تغيير مقاس المدونة

Right sidebar تغيير مقاس الشريط الجانبي

حركهم وسترى كيف تحدث التغيرات

سؤال: ما هو العرض الذي يناسب مدونتك؟

هذا السؤال ستجيب عليه بعد نهاية الدورة 

يعتمد في ماذا ستستخدم المدونة

مثلاً

إذا كانت للصور فتحتاج إلى تعريض المدونة بما يناسب حجم الصور

وإذا

كان تهمك الأشياء في الشريط الجانبي فتحتاج إلى إبرازها بشكل أفضل

كل ما تفعله هنا قابل للتعديل

إذا أردت أن تعود للوضع الإفتراضي

فتضغط على Reset widths to template default

وإذا أنت راض عن تعديلك فتضغط  Apply to Blog

4- تعديل التصميم Layout 1 - 2

انتقل إلى Layout

لتظهر لك هذه الخيارات

Body layout هنا تستطيع أن تحدد تصميم المدونة

وكم شريط جانبي تحتاج

وكيف يقسم الشريط الجانبي

Footer layout كيف يقسم الشريط السفلي

سؤال: ما هو التصميم الذي يناسب مدونتك؟

مرة أخرى

هذا السؤال ستجيب عليه بعد نهاية الدورة

ويعتمد على

ما هو هدفك من المدونة؟

كيف تريد أن تظهر المدونة للزائر؟

ماهي الأدوات widget / gadget التي ستستخدمها ؟

سأشرح الأدوات في الدرس الخامس

ما هو الـ Advanced؟

التعديل المتقدم لأجزاء معينة من المدونة

سواء نوع وحجم ولون الخط

ولون الخلفية

وعند اختيارك لأحد العناصر

سيظهر مربع أحمر حوله في المدونة

ليبين لك أن التغيير سيحدث في هذا المكان

مثلاً

اختر Blog Title وانظر أين يظهر المربع الأحمر

5- حفظ القالب

في أعلى اليمين اضغط على   Back to Blogger

حتى تعود إلى قائمة التحكم الجانبية Template

انظر إلى أعلى يمين الصفحة

ستجد مكان حفظ أو استرجاع القالب

اضغط على Backup / Restore

سيظهر لك هذا المربع

ينصح بأخذ نسخة احتياطية من القالب قبل التعديل عليه

وذلك بالضغط على Download full template

فإذا حدث خطأ وأنت تعدل وتريد أن تسترجع القالب قبل التعديل

تختار Choose File

ثم Upload

هذه العملية مفيدة أيضاً

إذا أردت إنشاء مدونة جديدة بنفس التعديلات والتصميم

كل ما عليك هو أن تحمل القالب المحفوظ إليها

سأشرح في الدرس السادس

كيف تحمل قوالب خارجية

كيف تحفظ مواضيعك والتعليقات

ملاحظة

بجانب Customize

يوجد زر آخر وهو Edit HTML

بعض مواقع تطوير المدونات

قد تطلب منك الدخول عليه لإدخال تعديلات جميلة للمدونة

وتخبرك بالخطوات أين تضع الأكواد الجديدة

ولا بأس في ذلك

لكن

تأكد أن تحفتظ بنسخة احتياطية للقالب قبل القيام بالتغييرات

تحسباً لحدوث خطأ أثناء تثبيتك للأكواد الجديدة

انتهى الدرس الرابع

لا تنسوا الإشتراك في المدونة

ومتابعتي أي استفسار أنا موجود