الأربعاء، 8 أكتوبر 2014
دائما ما يسعى المدونون إلى أن تظهر مواقعهم و مدوناتهم في ابهى حلة سواء في التصميم أو تناسق المحتوى و اليوم في ورشة مدون سوف نرى أسلوب من أسالب تطوير المدونات و جعلها تبدو جدابة و متناسقة للقارئ أو الزائر الذي يتصفحها . اليوم سوف نرى دور جمالية الخط . فخطوط قوالب بلوجر تلعب دور مهم في جمالية المواضيع و خصوصا لدى محرري المقالات . المهم سوف ننتقل إلى شرح كيفية تغير الخطوط في قوالب بلوجر أو إضافتها في حالة التصميم.
الأن طريقة التركيب
1- من لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الوسم التالي <head> ثم أضف بعده الكود الذي يعجبك (كل نمودج يوجد الكود الخاص به تحته)
الخط الأول: GESSTwoLight
الكود الخاص به:
<link href='https://dl.dropboxusercontent.com/s/7xs45001z6znqg6/GESSTwoLight.css' rel='stylesheet' type='text/css'/>
الخط التاني: Droid Arabic Kufi
الكود الخاص به:
<link href='https://dl.dropboxusercontent.com/s/9sfmn9gnslt17ga/warch-mo-Droid%20Arabic%20Kufi.css' rel='stylesheet' type='text/css'/>
الخط الثالث: ge_dinar
الكود الخاص به:
<link href='https://dl.dropboxusercontent.com/s/vqs4knrp9dtoove/warch-mo-ge_dinar.css' rel='stylesheet' type='text/css'/>
الخط الرابع: GESSTVBold
<link href='https://dl.dropboxusercontent.com/s/bupa0fo848epaok/warch-mo-GESSTVBold.css' rel='stylesheet' type='text/css'/>
الخط الخامس: Droid Arabic Naskh
<link href='https://dl.dropboxusercontent.com/s/kjn94i2zrmvo2q9/warch-mo-Droid%20Arabic%20Naskh.css' rel='stylesheet' type='text/css'/>الأن نأتي إلى طريقة تطبيق الخطوط على الكتابة
في القالب توجد عدة أوسمة مثل العنوان الرئيسي و عنوان التدوينات و بعض الأدوات الأخرى وكذلك بعض الإضافات التي بها نصوص الكتابة ’
يمكنك التعديل على نوع الخط لكل على حدى فقط بالتحديد على مكان الخط الذي تريده يظهر مكانه داخل الأكواد
و الكود المتحكم في نوع الكتابة هو : Font-family
وغالبا ستجده متبوعا بأشكال كتابة أخرى كمايلي:
Font-family:Arial, Tahoma,vardana;
ما عليك فعله هو وضع إسم الخط الذي وضعته في أعلى كل نمودج مكان إسم الخط الأول
يمكنك في حالة وجود عدة أسماء خطوط كما في مثالنا هذا أن تحذفها و تترك إسم الخط المرغوب فيه فقط
في حالة كنت تريد تغير خط المدونة بالكامل فيمكنك أن تبحث عن body{ وتضع بعده Font-family: إسم الخط ;
هذا كل ما في الأمر أتمنى أن أكون قد شرحت جيدا الموضوع أشكركم على تعليقاتكم المشجعة، في أمان الله
الاشتراك في:
تعليقات الرسالة (Atom)
ليست هناك تعليقات:
إرسال تعليق
يسعدنا تفاعلكم بالتعليق , أما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولابمحول الأكواد , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r