تغير خطوط مدونات بلوجر

كيفية تغيير خط الموقع او المدونة الى الخط الذي تريده

السلام عليكم ورحمة الله.

أهلا بك الى موضوع جديد على مدونة فكرة تطوير.

لو أعجبك الموضوع لاتبخل علينا برأيك في تعليق.

نبدأ على بركة الله.

divider-site

بعظ أصحاب المواقع الجدد يواجهون مشكل مع كيفية تغيير خط الموقع .

كما نعلم خط الموقع أو المدونة من بين أبرز الأشياء التي تثير إنتباه الزائر وتضيف جمالية الى الموقع.

بعظ القوالب تأتي مع خطوط جميلة و أنيقة لاكن لايمكن قول الشيء نفسه على البعظ الأخر, فأغلب قوالب بلوجر أو قوالب ووردبريس او حتى واجهات المواقع العادية قد لاتحتوي على خطوط جميل, لاكن هذا ليس امرا يجعلك تتخلى عن قالب او ستايل يعجبك فهنالك العديد من الطرق التي يمكنك من خلالها تغيير خط الموقع الى خط أجمل .

من خلال هذا الموضوع سنتعرف على كيفية تغيير خط الموقع او المدونة الى الخط الذي تريده و ينال إعجابك سواء كانت مدونة بلوجر او ووردبريس او منتدى المبدأ نفسه.

[otw_shortcode_quote border=”bordered” border_style=”bordered” background_color_class=”otw-silver-background” color_class=”otw-black-text”]لكي لا يقع البعظ في الخطأ الخطوط تصنف ضمن لغة css وهي اللغة المسؤلة عن مظهر الموقع لذالك عندما نريد تغيير أو إضافة خط للموقع فيجب علينا التعديل على ملفات الستايل css .[/otw_shortcode_quote]

الأن نمر الى التطبيق و شرح الطرق المختلفة لتغير الخطوط .

كيفية تغيير خط الموقع على منصة بلوجر:

الشرح ينطبق على جميع المواقع وليس فقط بلودر فقط يجب مراعات بعظ الإختلافات البسيطة فعوض <b:skin><![CDATA[ على بلوجر نعمل على <style>  أو style.css بالنسبة لباقي المواقع.

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

النوع الأول: من خلال موقع جوجل فونت “ Google Fonts ” .

ويكون عبر التوجه الى خدمة الخطوط لجوجل Google Fonts

ستجد العديد من الخطوط لاكن للأسف عدد الخطوط العربية قلية جدا لذالك سنستخدم الأفضل بينها في هذا الشرح وهو خط Noto .

صورة للخط:

كيفية تغير الخط في مدونات بلوجر

لنتعرف على كيفية تغيير خط الموقع وفي نفس الوقت نتعرف على أنواع أو طرق إستدعائه.

نتوجه الى المدونة ثم …
1- من  لوحة التحكم –> قالب -> تحرير HTML .

2خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات .

3– قم بالبحث عن الكود التالي بالإستعانة بالإختصار CTRL+F .

4- إبحث عن <b:skin>

كيفية تغيير خط الموقع او المدونة الى الخط الذي تريده

في الصورة يوجد نوعان من الإستدعاء.

رقم 1 يوضع داخل أكواد Css في مدونات بلوجر يوضع مباشر بعد <b:skin><![CDATA[ وهو النوع المستخدم على موقع Google Fonts ويكون بهذا الشكل …

أما النوع الثالث فهو بهذا الشكل, وبدوره يوضع في نفس المكان.

اما الرقم 2 فهو يوضع بعد السوم <head> ويكون بهذا الشكل .

هذه هي الطرق المعروفة والمتداولة في إستدعاء الخطوط من خارج الموقع و تنطبق على جميع المواقع وليس فقط مدونات بلوجر يكفيك وضع روابط الإستدعاء في المثال الأول في ملف الستايل الما المثال التاني فيبقا مكانه في <head> .

الأن لا يتبقى سوى تغير إسم الخط في القالب وذالك عبر البحث عن الوسم Font-family أو Font في الغالب يكون بهذا الشكل .

يكفيك تغيره ليصبح بهذا الشكل .

قم بتكرار نفس العملية مع العناصر التي تريد تغير الخط الخاص بها كالعناوين وغيرها.

أما في حال تريد توحيد خط المدونة وتغيره بالكامل فيكفيك البحث عن الوسم body في أكواد ( او ملف) Css و تغير الخط بداخله ليصبح بهذا الشكل .

 تغير خطوط مدونات بلوجر

 

 

لا تذهب دون ترك تقييمك للموضوع

1 نجمة2 نجمة3 نجوم4 نجوم5 نجوم (3 التصويتات, متوسط التقييم: 4.33 اكبر عدد تقييم 5)
جاري التحميل...

بقلم

عادل

اسمي عادل مغربي 28 سنة. مطور مواقع و محب للتكنولوجيا و البحث عن كل جديدي. هوايتي إنشاء و تطوير المواقع و احب مشاركة معلوماتي مع الجميع. لهذا أنشأت مدونة الويب العربي و مدونة فكرة تطوير. .

أترك تعليق

لن يتم مشاركة عنوان بريدك الإلكتروني


*