شروحات متفرقة

تغيير خط القالب بدون اضافات

change-font-template

الكثير من الشركات المنتجة للقوالب تستخدم المكتبة الغنية عن التعريف bootstrap وهي مكتبة توفر تصاميم جاهزة مثل ( الازرار ، القوائم ، الجداول ، عرض المواضيع والكثير من الاضافات الاخرى ) فبدلاً من اضاعة الوقت في تصميم مثل هذه الاشياء تقوم الشركات المصنعة للقوالب مثل ( وردبريس ، جوملا ، دروبال ، بلوجر وغيرها ) باستخدام هذه المكتبة دون اضاعة وقت في تصميم مثل هذه الاشياء .

عند استخدام مكتبة  bootstrap تقوم الشركات المصنعة للقالب بإضافة ملف جديد خاص بالستايل وعادة يكون اسمه (rtl.css) هذا الملف تقوم باستدعائه تحت bootstrap.css وذلك لتعديل على ملفات bootstrap بدلاً من الذهاب للملف الخاص بـ bootstrap وبالبحث داخله فاي شيء يتم كتابته داخل الملف rtl.css يتم تنفيذه بغض النظر عن ما هو موجود داخل ملفات cc الاخرى وذلك بشرط ان يكون استدعائه اخر شيء .

طريقة تغيير خط المدونة ( القالب ) ببساطة هو اضافة خصائص التصميم في ملف rtl او نقوم بإضافة ملف بغض النظر عن اسمه يحمل امتداد css ونقوم بإستدعائه تحت جميع ملفات css في الصفحة الرئيسية index ومن ثم نذهب إلى القالب ونحدد الكتابة ونضغط زر يمين ثم نختار inspect elements او فحص العناصر ولا بد من الاشارة إلى ان بعض القوالب تستخدم (h1,h2….) وفي هذه الحالة يجب تغيير الخصائص لكل منها .

1

1- نقوم بنسخ اسم الكلاس المسؤول عن الخط وفي مثالنا هذا يكون :

2- نذهب للبحث عن ملف rtl.css في ملفات القالب وعادة يكون موجود داخل ملف اسمه style ثم نقوم بإضافة اسم الكلاس الذي اخذناه من متصفح الانترنت بالشكل التالي :

2

3- الآن نقوم بإضافة الخصائص التي نريدها على النص كيفما نشاء بالنسبة لنوع الخط أفضل استخدام خطوط Google وهي تتوفر على بعض الخطوط عربية والمئات من الخطوط الانجليزية وسأقوم بتوضيح استخدامهم :

 

اسم الخط : Droid Arabic Naskh 

1709

 

طريقة تركيبه :

1- نقوم اولاً بإضافة الكود التالي في اعلى صفحة rtl.css :

2- نقوم بإضافة الكود التالي داخل الكلاس الذي نريد تغيير الخط له :

اسم الخط : Droid Arabic Kufi 

1697

1- نقوم اولاً بإضافة الكود التالي في اعلى صفحة rtl.css :

2- نقوم بإضافة الكود التالي داخل الكلاس الذي نريد تغيير الخط له :

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

او إذا اردنا تغيير الخط لفئة محددة نقوم بكتابة اسم الفئة يسبقها نقطة (.) ثم نفتح {} وفي داخل القوسين نكتب التأثيرات التي نريدها :

الطريقة السابقة تستخدم لإضافة خصائص اخرى مثل حجم الخط لون الخط .

عن الكاتب

أحمد أبو فارس

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