السلام عليكم أصدقائي، اليوم سأشرح لكم كيفية تغيير خط قالب Median UI لخط تجوال Tajawal ليتناسب مع المدونات العربية التي تستخدم هذه القالب والذي كنت قد تحدثت عنه في مقال سابق، ولكونه واحد من أفضل قوالب بلوجر وأكثرها شعبية على الإطلاق، قررت إطلاق سلسلة من الشروحات تحت التصنيف تطوير قالب Median UI، حيث سأقدم شروحات ومقالات حول كيفية إستخدام القالب وتخصيصه وتطويره في بعض الجوانب ليظهر بأفضل شكل لمدونات بلوجر العربية ولكون الدعم العربي للقالب معدوم.
في هذا الشرح، سنتعرف كيف يمكننا تغيير الخط الإفتراضي في قالب ميديان Median UI ليتناسب مع مدونات بلوجر العربية، الذي سنطبق فيه ما كنت قد تحدثت عنه في شرح كيفية تغيير خط قالب مدونة بلوجر لأي خط من خطوط جوجل بكل سهولة.
ولكي لا أطيل عليكم أكثر .. دعونا نبدأ الشرح ..
شرح تغيير خط قالب ميديان Median UI لخط تجوال Tajawal أو أي خط عربي
لتغيير خط مدونتك في بلوجر بشكل كامل بأي خط من خطوط جوجل السابقة، قم بعمل الآتي:
تنبيه: لاتنسى أخذ نسخة إحتياطية للقالب قبل تطبيق هذا الدرس، كي تتمكن من إستعادة القالب في حال ظهور أي مشاكل أو أخطاء بعد تطبيق هذا الدرس.
إقرأ أيضا: أفضل قالب بلوجر Bootstrap احترافي مجاني بدون حقوق.
الخطوة الأولى: من لوحة التحكم في مدونتك قم بالدخول على تخطيط ثم تحرير HTML إضغط Ctrl+F من لوحة المفاتيح بعد النقر في أي مكان وسط القالب للبحث في كود قالب مدونتك، ثم قم بالبحث عن <style>/*<![CDATA[*/ وإضف تحته مباشرة كود الخط العربي الذي تريده، وهنا سأستخدم على سبيل المثال خط تجوال ، لذا سأضيف كود الخط التالي:
/* arabic */
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:local('Tajawal
Medium'),local('Tajawal-Medium'),url(https://fonts.gstatic.com/s/tajawal/v3/Iurf6YBj_oCad4k1l8KiHrRpiYlJ.woff2)
format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
/* latin */
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:local('Tajawal
Medium'),local('Tajawal-Medium'),url(https://fonts.gstatic.com/s/tajawal/v3/Iurf6YBj_oCad4k1l8KiHrFpiQ.woff2)
format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* arabic */
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:local('Tajawal
Bold'),local('Tajawal-Bold'),url(https://fonts.gstatic.com/s/tajawal/v3/Iurf6YBj_oCad4k1l4qkHrRpiYlJ.woff2)
format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
/* latin */
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:local('Tajawal
Bold'),local('Tajawal-Bold'),url(https://fonts.gstatic.com/s/tajawal/v3/Iurf6YBj_oCad4k1l4qkHrFpiQ.woff2)
format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
تنويه: يمكننا إضافة الخط بطريقة أخرى من خلال إستدعاءه من مكتبة خطوط جوجل كما تعلمناه في شرح كيفية تغيير خط قالب مدونة بلوجر لأي خط من خطوط جوجل بكل سهولة.
إقرأ أيضا: كيفية حماية مدونات بلوجر و ووردبرس ومنع سرقة المقالات ونسخ المحتوى
يمكنكم الإستفادة من مقالي السابق حول: العلامات الشرطية للعرض في بلوجر (data:view) -Blogger Conditional Tags
الخطوة الثانية: إضغط Ctrl+F من لوحة المفاتيح للبحث مرة أخرى، قم بالبحث عن --fontH: إذا كانت نسخة القالب هي أحدث نسخة أي 1.6 ، أو ابحث عن --font-head: إذا كانت نسخة القالب 1.5 وأستبدل الخط في الكلاسات الثلاثة بإسم الخط العربي الذي قمنا بإضافته لللقالب في الخطوة الأولى، ولأننا أضفنا خط تجوال فسنقوم بتغيير إسم الخط بـ 'Tajawal', sans-serif ; ليصبح الكود كالتالي:
--fontH: 'Tajawal', sans-serif ;
--fontB: 'Tajawal', sans-serif ;
--fontBa: 'Tajawal', sans-serif ;
ثم إضغط على زر حفظ القالب، وبهذا نكون قد قمنا بتغيير خط قالب ميديان Median UI إلى خط تجوال Tajawal.
في الأخير، إذا واجهتك أي مشاكل أو صعوبات أو أخطآء خلال تطبيق هذا الشرح، لا تتردد بالاستفسار وطرح مشكلتك في التعليقات أدناه، وسأحرص على مساعدتك والرد عليك في أسرع وقت إن شاء الله.
اترك تعليقك