يعتبر مظهر المدونة من الأساسية التي يجب مراعاتها قبل نشر المواضيع و المقالات , فمظهر المدونة و شكلها يؤثر بشكل كبير قبل جودة المواضيع المكتوبة , فعندما يدخل الزوار لمدونة ما فمن الصعب أن يكملو تصفحها إذا كانت الخطوط مزعجة أو غير مريحة للأعين , لهذا فإختيار خط فريد للمدونة من الخطوات المهمة جدا في تحسين مدونة بلوجر . لإختيار خط لمدونة بلوجر أو أي موقع كان يجب مراعاة أمور مهمة منها حجم الخط , و سرعة ظهوره على المدونة , فتوجد خطوط حجمها كبير جدا و عندما تريد تصفح المدونة لاتظهر الخطوط حتى تمر مدة من الزمن . في هذه التدوينة قمت بإختيار خطوط تجمع بين الجمالية و السرعة في التحميل , أغلبها خطوط تناسب جميع التصاميم
بعدها نقوم بتغيير الخطوط الموجودة بالقالب : أكواد css الخاصة بتغيير شكل الخط هي font-family و font . سنقوم بالبحث في القالب عن هذه الكلمات و نقوم بتغيير محتواها , كمثال هذا الكود
الخط الذي يجب تغييره في هذه الحالة هو Oswald و arial , ليصبح الكود هكذا :
Neo هو إسم الخط , لذلك غيرنا oswald و arial ل neo , كما هي الحالة لباقي الخطوط , نقوم بتغيير الخط الأصلي بإسم الخط الذي نريد إستعماله , إذا كنت ستستعمل أكثر من خط نقوم بتقسيمها بالفاصلة كـ oswald , neo إذا كنت تعرف إسم الخط المستعمل في مدونتك و تريد تغييره فتوجد طريقة أفضل هي الضغط على ctrl + shift + R في محرر أكواد html في بلوجر و كتابة إسم الخط المستعمل في المدونة ( الخط الذي نريد تغييره ) ثم نضغط على التأكيد , ستظهر لنا مساحة أخرى سنكتب فيها إسم الخط الجديد .
قائمة الخطوط
خط نسيم
كود الخط
<link href='//cdn.rawgit.com/codatey/f/one/fonts/Nassim/font.css' rel='stylesheet' type='text/css'/>
استعمال الخط
font-family:nassim;
خط الجزيرة
كود الخط
<link href='//cdn.rawgit.com/Modareb/Codatey/secure/fonts/Jscdt.css' rel='stylesheet'/>
استعمال الخط
font-family:jsregular; font-family:jsbold;
حيث يتوفر الخط على شكلين , خط عادي و خط عريض الخط العادي : jsregular الخط العريض : jsbold معاينة الخط من هنا : رابط المعاينةخط Neo
كود الخط
<link type="text/css" href="//cdn.rawgit.com/Modareb/files/master/fonts/neo.css" rel="stylesheet"/>
استعمال الخط
font-family:neo;
خط Atrissi
كود الخط
<link type="text/css" href="//cdn.rawgit.com/Modareb/Codatey/secure/fonts/Atrissi.css" rel="stylesheet"/>
استعمال الخط
font-family:Atrissi;
خط MyriadArabic
كود الخط
<link type="text/css" href="//cdn.rawgit.com/Modareb/Codatey/secure/fonts/MyriadArabic.css" rel="stylesheet"/>
استعمال الخط
font-family : MyriadArabic;
طريقة تركيب الخطوط
طريقة إضافة الخطوط لمدونات بلوجر
نقوم بالدخول إلى المظهر( القالب ) ⇽ تحرير HTML . بواسطة ctrl + f نبحث عن وسم <head> ( يكون في أعلى القالب ) , ثم نضع كود الخط تحته مباشرة كمثال في الصورة التالية.post h3 { color: #333333; font-family: Oswald,Arial; font-size: 27px; }
الخط الذي يجب تغييره في هذه الحالة هو Oswald و arial , ليصبح الكود هكذا :
.post h3 { color: #333333; font-family: neo; font-size: 27px; }
Neo هو إسم الخط , لذلك غيرنا oswald و arial ل neo , كما هي الحالة لباقي الخطوط , نقوم بتغيير الخط الأصلي بإسم الخط الذي نريد إستعماله , إذا كنت ستستعمل أكثر من خط نقوم بتقسيمها بالفاصلة كـ oswald , neo إذا كنت تعرف إسم الخط المستعمل في مدونتك و تريد تغييره فتوجد طريقة أفضل هي الضغط على ctrl + shift + R في محرر أكواد html في بلوجر و كتابة إسم الخط المستعمل في المدونة ( الخط الذي نريد تغييره ) ثم نضغط على التأكيد , ستظهر لنا مساحة أخرى سنكتب فيها إسم الخط الجديد .
تعليقات
إرسال تعليق