السلام عليكم ورحمة الله وبركاته
طريقة تغير خطوط المدونة الى خطوط احترافية طبعاً الخطوط احد عوامل جمالية الموقع بوجد بعض المواقع تستخدم خطوط مدفوعة واحترافية اما اليوم جثت لكم خطين احترافين وكثيرين الاستخدام في المدونات والمواقع
طريقة تركيب الخط الى المدونة
1- من لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F) <head>واضف بعده كود الخط الذي يعجبك
الخط الاول GESSTwoLight
كود الخط الاول
<link href='https://dl.dropboxusercontent.com/s/a2i96u2mu00z22n/GESSTwoLight.css' rel='stylesheet' type='text/css'/>
الخط الثاني Droid Arabic Kufi
كود الخط الثاني
الآن بعد ان اضفت كود الخط الذي اخترته الى القالب تبقى لك خطوه اخيره لكي يظهر هذا الخط في مدونتك , كل ماعليك الان هو تغير اسم الخطوط في القالب , وخصوصا الأوسمة المهمه مثل الـ h2 , h3 , h1 , باسم الخط الذي اخترته ولتغيير اسم الخطوط في مدونتك قم بعمل الاتي:<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
قم بالبحث داخل القالب عن الكود التالي
Font-family:
Font-family:Arial, Tahoma,vardana; ستجده غالبا بهذا الشكل
font-family: كل ماعليك الان هو استبدال اسم الخط الذي يلي كود الــــ
باسم الخط المطلوب الذي سبق واضفته لمدونتك
GESSTwoLight وفي مايلي مثال لاضافة الخط الاول المسمى بـ
قبل
Font-family:Arial, Tahoma,vardana;
بعد
Font-family:GESSTwoLight, Tahoma,vardana;
لاحظ هنا اننا قمنا باستبدال اسم الخط Arial باسم الخط الجديد الذي اضفناه الى المدونه وهو GESSTwoLight
الان قم بتكرار العمليه على باقي اكواد font-family
واذا اردت تغيير خط المدونه بالكامل فقم بالبحث عن الكود التالي
body {واضف الكود التالي بعده مباشرة
Font-family:GESSTwoLight, Tahoma,vardana;
.jpg)
.jpg)
.jpg)
ليست هناك تعليقات: