طريقة تغيير خطوط قالب Median UI Template لمدونات بلوجر

طريقة تغيير خطوط قالب Median UI Template لمدونات بلوجر

Posted by HULOOLBG

15‏/03‏/2025

تطوير بلوجر تطوير قالب Median UI تطوير ويب

السلام عليكم أصدقائي، اليوم سأشرح لكم كيفية تغيير خط قالب 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.

في الأخير، إذا واجهتك أي مشاكل أو صعوبات أو أخطآء خلال تطبيق هذا الشرح، لا تتردد بالاستفسار وطرح مشكلتك في التعليقات أدناه، وسأحرص على مساعدتك والرد عليك في أسرع وقت إن شاء الله.

طريقة تغيير خطوط قالب Median UI Template لمدونات بلوجر

4/ 5

Oleh HULOOLBG

Ditulis HULOOLBG Pada مارس 15, 2025 Komentar