حصريا وفقط من جملة joomla العرب درس مفصل تعريب قوالب الشركة العالمية JOOMLART

[said]

حرصا منا على ايصال هذا الدرس مفصل الى كا سمتخدم عربي قمنا بنشر هذا الدرس مفصل وهو من محتويات كتاب تعريب جملة joomla الذى اصدرناه الشهر الماضي (http://joomlarab.net/lessons/books/148-arabizing-joomla.html)والذى أتى بثماره مع كثير من اعضائنا الكرام ..

نبدأ بعون الله طريقة تعريب القوالب .. باستخدام مثال قالب template من احدى قوالب الشركة العالمية جملة joomlaرت .. التى حازت على اعلى عدد من اصوات مستخدمو جملة joomla العرب فى استفتاءها عن افضل شركات التصميم .. نبدأ بسم الله
ندخل الى لوحة تحكم موقعنا بجملة joomla ثم الى ادارة القوالب .. ونختار القالب template الخاص بنا والذى سنقوم بالتعديل عليه وندخل اليه .. نجد Css , Html الصورة مثل هذه وكل مل يهمنا كما فى الصورة هو التعديل على css , html


http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/481x403-images-arabizing-2.jpg (http://joomlarab.net/images/arabizing/2.jpg)



http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/366x215-images-arabizing-1.jpg (http://joomlarab.net/images/arabizing/1.jpg)


ثم نقوم بالضغط على تعديل الاستايل style .. فيظهر عندنا ملفات الاستايل style .. ندخل على الملف الرئيسي وهو
Template_css.css


http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/540x471-images-arabizing-3.jpg (http://joomlarab.net/images/arabizing/3.jpg)

ندخل فنجد الصفحة كالتالى


http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/463x116-images-arabizing-4.jpg (http://joomlarab.net/images/arabizing/4.jpg)


اول شىء نسنخدم خاصية البحث فى المتصفح لسهولة ادخال بيانات التعريب وانهاء العملية بنجاحثانيا نبدأ فى البحث عن المحاذاة الى اليسار ونستبدلها بكود code المحاذاة لليمين
text-align:right;






http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/515x1007-images-arabizing-5.jpg (http://joomlarab.net/images/arabizing/5.jpg)
ثالثا نبدأ فى عملنا كما فى

هذه الخريطة .. التى قمنا بتجميعها لكل العرب .. بحيث انك تقوم بالتعديل على الرموز كما هو مشار هنا .. فتمكنك من تعريب اساس القالب template اى 80 % من القالب template باذن الله قم بتغيير الدوال كما فى الخريطة ولاحظ التغيير فى الرموز ذات الدائرة المحيطة بها


http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/643x378-images-arabizing-6.jpg (http://joomlarab.net/images/arabizing/6.jpg)

لاحــــــــــــــــــظ
بعد كل تعديل على الرموز فى ملف الاستايل style .. اضغط مشاهدة وعاين القالب template على الفايرفوكس والاكسبلورر وشاهد التغيير .. فتحدث احيانا اخطاء .. فيكون من السهل تداركها .. وتصليحها فى هذا القالب template .. قبل التعديل على دالة اتجاه الكتابة فى قوالب جملة joomlaرت
ja-content
تجد الشكل كالتالى...
أما بعد التعريب واضافة كود code التحويل الى " من اليمين الى اليسار "
direction:rtl;
تجد العنوان قد اتخذ محاذاة يمنى .. والكتابة أخذت أيضا محاذاة يمنى داخل الموضوع


http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/628x376-images-arabizing-7.jpg (http://joomlarab.net/images/arabizing/7.jpg)

http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/228x415-images-arabizing-8.jpg (http://joomlarab.net/images/arabizing/8.jpg)

ثم نتجه الى التعديل على الموديولات .. ونعاين الموديولات فى كل خطوة

نلاحظ بعد التعريب .. محاذاة العنوان الى اليمن والكتابة داخل الموديول الى اليمين


http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/604x295-images-arabizing-9.jpg (http://joomlarab.net/images/arabizing/9.jpg)

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


http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/527x233-images-arabizing-10.jpg (http://joomlarab.net/images/arabizing/10.jpg)


فنقوم بتدارك الخطأ .. وتصحيح دالة
buttonheading
والمسئولة عن صور المقال وازراره فيتم التعديل كما فى الصورة والان انتهينا من ملف الاستايل style الاساسى.. فنذهب للتعديل على ملف طريقة الكتابة
Typo.css
فنعدل الدوال .. كما فى الصورة جميعها


http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/266x502-images-arabizing-13.jpg (http://joomlarab.net/images/arabizing/13.jpg)


تكون شكل الكتابة هنا كالصورة التالية ثم بعد التعديل على الملف كاملا .. تكون النتيجة كالتالية

http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/263x456-images-arabizing-14.jpg (http://joomlarab.net/images/arabizing/14.jpg)


ايضا نلاحظ تعريب القوائم كما فى الصورة


http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/189x161-images-arabizing-11.jpg (http://joomlarab.net/images/arabizing/11.jpg)


ثم نذهب لآخر خطوة وهى تعريب القائمة .. وهو كما فى الصورة


http://joomlarab.net/plugins/content/mavikthumbnails/thumbnails/542x195-images-arabizing-12.jpg (http://joomlarab.net/images/arabizing/12.jpg)




بحيث تم تصحيح اتجاه القائمة ...وهو من اليمين الى اليسار



انتهى الدرس مفصل بحمد الله


جميع الحقوق محفوظة موقع الدعم العربى جملة joomla العرب
المصدر : www.joomlarab.net (http://www.joomlarab.net)
الموضوع الأصلى :http://joomlarab.net/arabizing/arabi...arabizing.html (http://joomlarab.net/arabizing/arabizing-joomla/162-joomlart-arabizing.html)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©