الأربعاء، 8 أكتوبر 2014

تغير و إضافة أشكال جديدة من خطوط الكتابة لقوالب بلوجر

بقلم: BR MED يوم الأربعاء، 8 أكتوبر 2014 القسم : 0 التعليقات
 السلام عليكم ورحمة الله تعالى وبركاته
دائما ما يسعى المدونون إلى أن تظهر مواقعهم و مدوناتهم في ابهى حلة سواء في التصميم أو تناسق المحتوى و اليوم في ورشة مدون سوف نرى أسلوب من أسالب تطوير المدونات و جعلها تبدو جدابة و متناسقة للقارئ أو الزائر الذي يتصفحها . اليوم سوف نرى دور جمالية الخط . فخطوط قوالب بلوجر تلعب دور مهم في جمالية المواضيع و خصوصا لدى محرري المقالات . المهم سوف ننتقل إلى شرح كيفية تغير الخطوط في قوالب بلوجر أو إضافتها في حالة التصميم.
الأن طريقة التركيب
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: إسم الخط ;
هذا كل ما في الأمر أتمنى أن أكون قد شرحت جيدا الموضوع أشكركم على تعليقاتكم المشجعة، في أمان الله

ليست هناك تعليقات:

إرسال تعليق

يسعدنا تفاعلكم بالتعليق , أما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولابمحول الأكواد , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r

الاشتراك في: تعليقات الرسالة (Atom)