القوالب • شروحات

كيفية تعريب قالب وردبريس وجعله RTL

9 تعليقات

5000

تابعني على instgram

كتب بواستطة mohamed shaheen

ADS

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

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

طريقة تعريب قالب وردبريس

اولا يجب عليك صناعة قالب ابن او ما يعرف ب childe-theme  وهو قالب الابن من قالب الاب الاساسي وهو القالب الذي قمت بشرائه  سوف نأخذ مثال على قالب Twenty Fifteen

ADS

لماذا نقوم بانشاء قالب الابن او childe-theme

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

صناعة قالب ابن او ما يعرف ب childe-theme

اولا انشاء ملف جديد وقم بتسميتها childe-fifteen  هذا الملف يحتوي علي ثلاث ملفات
ملف style.css   وايضا ملف function.php  وصورة مصغرة للقالب “قم بأخذ صورة القالب الاصلي ”
بالنسبة لملف function.php فهو يحتوي علي الكود التالي

 

function inspiry_enqueue_styles(){
wp_enqueue_style(
'style-ar',
get_template_directory_uri() . 'style.css',
array(),
''
);
}
add_action('wp_enqueue_scripts', 'inspiry_enqueue_styles');

هذا الكود هو لجلب ملف الستايل الخاص بقالب الابن والذي يحتوي علي اكواد css الخاصة باللغة العربية

وايضا ملف style.css لابد ان يحتوي في مقدمة الملف علي الاكواد التالية

 
/* 

Theme Name: twentyfifteen Child
Template: twentyfifteen
Version: 1.0
Author:	wordpress

*/

/*Add your own styles here:*/

Theme Name: هنا اسم قالب الابن

Template: اسم قالب الاب وهو القالب الرئيسي

في هذه الحالة نكون قد انشئنا ملف الستايل هو في مثابة ملف تعريفي للودبريس يخبر الوردبريس باسم القالب وتفاصيله واصدارته حتى يظهر لنا في لوحة التجكم في قائمة القوالب
فالكود السابق من شأنه يخبر الوردبريس بان هذا القالب اسمه twentyfifteen Child وهو قالب ابن للقالب الاب twentyfifteen .

عكس اتجاهات النصوص وجعلها RIGHT TO LEFT

وهنا عندما ندخل لوحة التحكم الوردبريس ونذهب الى القوالب سوف نلاحظ انه قد ظهر قالب جديد اسمه twentyfifteen Child نقوم بتفعيله
وبعدها نقوم بكتاب اكودنا الخاصة باللغة العربية في ملف style.css والتي هيا عبارة عن عكس اتجاهات النصوص والصور واي شيء يحتاج الى عكس وجعل اتجاهه من اليمين اليسار عن طريق تغير FLOAT : LEFT الى FLOAT : RIGHT وايضا text-align left الى text-align right
وبعد الانتهاء قد نكون جعلنا القالب متوافق مع Rtl Language .

ترجمة عبارات القالب الثابتة

يتبقى لنا الخطوة التانية وهي تعريب الجمل الثابتة في القالب كمثل جمل الازرار مثلا ” تعليق , ارسال , المزيد , التالي , السابق , مقالات مشابهة ”
كل هذه الجمل او الكلمات تكون باللغة الانجليزية
لكي نقوم بتعريب هذه الجمل نقوم بالذهاب الى ملفات القالب ونبحث عن الملف الخاص باللغات وهو غالبا ما يكون اسمه LanguageS نجد بداخله ملف بصيغة .PO نقوم بفتح هذا الملف عن طريق برنامج poedit ونقوم بترجمة العبارات التي بداخله
وبعدها حفظ الملف باسم ar.po ويعطيك نسخة اخرى بصيغة ar.mo نقوم بنسخ هذه الملفات ووضعها في ملف Languages .

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

ADS