نبدأ بعون الله طريقة تعريب القوالب .. باستخدام مثال قالب من احدى قوالب الشركة العالمية جوملارت .. التى حازت على اعلى عدد من اصوات مستخدمو جوملا العرب فى استفتاءها عن افضل شركات التصميم .. نبدأ بسم الله
ندخل الى لوحة تحكم موقعنا بجوملا ثم الى ادارة القوالب .. ونختار القالب الخاص بنا والذى سنقوم بالتعديل عليه وندخل اليه .. نجد Css , Html الصورة مثل هذه وكل مل يهمنا كما فى الصورة هو التعديل على css , html
ندخل الى لوحة تحكم موقعنا بجوملا ثم الى ادارة القوالب .. ونختار القالب الخاص بنا والذى سنقوم بالتعديل عليه وندخل اليه .. نجد Css , Html الصورة مثل هذه وكل مل يهمنا كما فى الصورة هو التعديل على css , html
ثم نقوم بالضغط على تعديل الاستايل .. فيظهر عندنا ملفات الاستايل .. ندخل على الملف الرئيسي وهو
Template_css.css
ندخل فنجد الصفحة كالتالى
اول شىء نسنخدم خاصية البحث فى المتصفح لسهولة ادخال بيانات التعريب وانهاء العملية بنجاحثانيا نبدأ فى البحث عن المحاذاة الى اليسار ونستبدلها بكود المحاذاة لليمين
text-align:right;
ثالثا نبدأ فى عملنا كما فى
هذه الخريطة .. التى قمنا بتجميعها لكل العرب .. بحيث انك تقوم بالتعديل على الرموز كما هو مشار هنا .. فتمكنك من تعريب اساس القالب اى 80 % من القالب باذن الله قم بتغيير الدوال كما فى الخريطة ولاحظ التغيير فى الرموز ذات الدائرة المحيطة بها
لاحــــــــــــــــــظ
بعد كل تعديل على الرموز فى ملف الاستايل .. اضغط مشاهدة وعاين القالب على الفايرفوكس والاكسبلورر وشاهد التغيير .. فتحدث احيانا اخطاء .. فيكون من السهل تداركها .. وتصليحها فى هذا القالب .. قبل التعديل على دالة اتجاه الكتابة فى قوالب جوملارت
ja-content
تجد الشكل كالتالى...
أما بعد التعريب واضافة كود التحويل الى " من اليمين الى اليسار "
direction:rtl;
تجد العنوان قد اتخذ محاذاة يمنى .. والكتابة أخذت أيضا محاذاة يمنى داخل الموضوع
ثم نتجه الى التعديل على الموديولات .. ونعاين الموديولات فى كل خطوة
نلاحظ بعد التعريب .. محاذاة العنوان الى اليمن والكتابة داخل الموديول الى اليمين
عند معاينة المواضيع فى انترنت اكسبلورر .. نجد الخطأ التالى... كما فى الصورة
فنقوم بتدارك الخطأ .. وتصحيح دالة
buttonheading
والمسئولة عن صور المقال وازراره فيتم التعديل كما فى الصورة والان انتهينا من ملف الاستايل الاساسى.. فنذهب للتعديل على ملف طريقة الكتابة
Typo.css
فنعدل الدوال .. كما فى الصورة جميعها
تكون شكل الكتابة هنا كالصورة التالية ثم بعد التعديل على الملف كاملا .. تكون النتيجة كالتالية
ايضا نلاحظ تعريب القوائم كما فى الصورة
ثم نذهب لآخر خطوة وهى تعريب القائمة .. وهو كما فى الصورة
بحيث تم تصحيح اتجاه القائمة ...وهو من اليمين الى اليسار
انتهى الدرس بحمد الله