الحالة
مغلق و غير مفتوح للمزيد من الردود.

Abu Fahad

الرئيسـ التنفيذي
إنضم
2016 - 8 - 7
المشاركات
2,362
الإعجابات
427
النقاط
1,795
الإقامة
السعودية
غير متصل
#1
إذا كنت من متابعي مدونة حاسب سهل الأوفياء فلا شك أنك لاحظت مؤخرا أننا قمنا بتغيير نوع خط المدونة من Arial الممل إلى نوع جديد من الخطوط أكثر جاذبية وأسهل في القراءة، في البداية يجب أن تعلم أن هذه المدونة تستخدم سكربت ووردبريس الغني عن التعريف، والذي يوفر عدد كبير جدا من الاضافات من بينها إضافات متخصصة في تغيير نوع الخطوط، لكن بما أنه من السهل علينا تغييرها يدويا بدون إضافات فلم اللجوء إلى أطراف خارجية؟ أضف إلى ذلك أنه قل ما تجد إضافات تدعم خطوط عربية، لهذا سوف نتعلم في هذه المقالة كيفية تغيير خط أي موقع أو مدونة سواء كان ووردبريس أو بلوجر أو غيرهما فتابع معي.
في هذا العرض سوف نستخدم موقع
You do not have permission to view link سجل دخولك أو قم بالتسجيل الآن.
المميز والمجاني الذي يوفر عدد كبير من الخطوط العربية بأشكال وأنواع وأحجام مختلفة، الرائع في هذا الموقع أنه يوفر خدمة توصيل المحتوى للخطوط تماما مثل
You do not have permission to view link سجل دخولك أو قم بالتسجيل الآن.
، ماذا يعني هذا الأمر؟ ببساطة شديدة أنه بإمكانك استعمال الخط دون الحاجة إلى تحميله ثم رفعه إلى الخادم.

بعد زيارة الموقع توجه إلى تبويب الخطوط لعرضها:


1516787344229.png
طبعا يمكنك كتابة نص لعرضه في الخطوط من خيار “النص” مع إمكانية اختيار الحجم والوزن من الأعلى، أيضا تستطيع اختيار نوع الخطوط التي تريد عرضها في القائمة، لا تنسى أيضا النقر على زر “مشاهدة” للاطلاع على شكل الخط وحجمه في مختلف العناوين والفقرات.

بعد العثور على الخط المناسب إضغط “استعمال” وسوف تفتح لك نافذة أسفل الخط:


1516787393148.png
سوف تحصل على إثنين من الأسطر لتضعهما في موقعك، ضع السطر الأول في الترويسة قبل وسم </head> والثاني الذي يحمل اسم الخط، ضعه في ملف CSS ضمن التحديد body في سمة عائلة الخطوط (font-family).

خطوات تغيير خط مدونات ووردبريس
من لوحة التحكم توجه إلى “مظهر” ثم “محرر”:

1516787460850.png

أولا أنقر على تروسية القالب الرقم (3) header.php، ثم ضع السطر الأول قبل وسم </head> الرقم (4)، بعد ذلك إضغط على “تحديث الملف” لتطبيق التغييرات:

1516787506430.png
من نفس الصفحة في الأسفل أنقر على “ملف الستايل” المستخدم في قالب مدونتك
الرقم (5)، ثم إبحث في التحديد body عن سمة font-family، بعد ذلك ضع اسم الخط في البداية ثم فاصلة
(الرقم 6) بدون أن تحذف أي خط موجود بشكل مسبق، ولا تنسى النقر على “تحديث الملف” لتطبيق التغييرات:


1516787579330.png
ملاحظة: إذا كان اسم الخط يتكون من كلمة واحدة مثل droid-sans فلا داعي لوضعه بين علامتي تنصيص (” “) مثلا (droid-sans)، أما إذا كان اسم الخط يتكون من كلمتبن أو أكثر هنا وجب عليك وضع الاسم بين علامتي تنصيص مثلا (“Times New Roman”).

بنفس الطريقة يمكنك تغيير نوع الخط لأي موقع أو مدونة بدون إضافات أو تحميل، بل فقط بإضافة السطر الأول قبل الوسم </head> واسم الخط في السمة أو الخاصية font-family ضمن التحديد body في ملف CSS.


You do not have permission to view link سجل دخولك أو قم بالتسجيل الآن.
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.

أعلى