كتبه: karwanpro / بتاريخ: 2013-07-19 , هه‌ینی
اصبح تعريب قوالب وردبريس اليوم حاجة ملحة لاسباب كثيرة من بينها ان قوالب العربية اكثرها مدفوعة وقلة الخبرة لدى اصحاب المواقع لتصميم قالبهم لذلك لو استطعنا تعريب القوالب لم يبقى لدينا مشكلة لان هناك الكثي من القوالب بكل الاذواق من موقع الوردبريس نفسة ومجاني فقط يحتاج الى تعريب , لكن ايظا الكثير يريد التميز حتى في التعريب لذلك هذا الدرس يعلمك باحترافية تعريب القوالب بكل انواعه من حيث الاتجاه و ترجمة الكلمات و حتى تغير الستايل اي الالوان لكي يكون لك قالب خاص بك وعلى ذوقك.
سوف نطبق الدرس على قالب Holistic Teahouse قالب جميل وفيه كثير من الخصائص ولا يدعم العربية لذلك اخترناه اما بقية القوالب فلا يختلف في طريقة تعريبه , انظر الى القالب في نسخته الانجليزية



ما نحتاجه من برامج هي برنامج الشهير Notepad++ يمكنك تنصيبه من موقع البرنامج وهو مجانى وخاصة بتحرير الاكواد لكثير من لغات البرمج وبرنامج اخر وهي Absolute Color Picker لمعرفة كود الالوان ويمكنك تحميله من موقع البرنامج نفسه
في البداية لندرس القوالب بشكل عام حتى نتمكن من التميز بين ما يحتاج الى التغير وما لا يحتاج , الاكواد وبرمجة القالب شيء ثابت ليس هناك من تغيره من داع وهذا يسهل علينا الكثير اما ما نقوم بتغيره هي :

  • تعديل اسم القالب ونسخته و اسم المعرّب وبيانات القالب في لوحة التحكم
  • ترجمة النصوص الواردة في القالب
  • تغير اتجاه القالب
  • تغير اتجاه النصوص
  • اللمسات الشخصية كالالوان والخطوط
  • تغير اتجاه الصور


اولا - تعديل بيانات القالب
بيانات القالب ليس بالامر المهم لانه لا يظهر في المدونة امام الزوار وانما هي خاصة بلوحة التحكم ويمكن الاستفادة منها في ان تصمم لغيرك ويكون معلماتك في القالب موجودة لكي يبقى حقوقك محفوظة واحرص على حقوق مصمم القالب كان تكتب من تعريب فلان , انظر الى صورة القالب في لوحة التحكم



لتغير هذه البيانات بعد تحميل القالب وفتحه من الملف zip افتح الملف الخاص بالستايل style.css ستجد الاسطر الاولى هي بيانات لتلك القالب



يمكنك تغير تلك البيانات كما يلى
Theme Name: اسم القالب الذي سيظهر
Description: حول القالب
Version: اصدار القالب
Author اسم صاحب القالب
Author URI: رابط صاحب القالب
Theme URI: رابط القالب
Tags: الوسوم
لا تنسى قبل بدأ بتعديل على اي كؤد ان تحول الترميز الى Encode in UTF-8 Without BOM حتى يظهر كلمات العربية بتنسيق الصحيح كما في الشكل



بع التعديل على البيانات بشكل نرضى به يظهر بشكل عربي كامل انظر



ثانيا – ترجمة النصوص الواردة في القالب
هذه الخطوة يحتاج الى بعض التركيز لان كثيرا ما يختلط الكلمات النصية بالاكواد في القوالب عند البعض ولكن في برنامج Notepad++ احد خصائصه يدعم الالوان للاكواد لذلك يتبين عندك النصوص عن الاكواد ولكن في هذه الحالة ايظا بعض الاكواد التي يراد بها النصوص ايظا الوانه مشابهه للنصوص سنحاول التفريق بينهم بعدة نقاط

  • النصوص يكتب بطريقتين أ- يكتب بلون رصاصي 808080 بخط اعتيادي . بـ- يكتب بلون اسود 000000 بخط غامق
  • النصوص التي اكثر من كلمة تكون بينها مسافة اما الاكوان فبينها ( _ ) بدلا من المسافة
  • النصوص تكون داما الحرف الاول منه كبيرا بينما الاكواد كل حروفه تكتب بالحرف الصغير

انظر الى الصورة قد وضعت علامات على ماهو نص و ماهو كود لتميز اكثر



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

ثالثا – تغير اتجاه القالب
من المعروف ان اتجاه اللغة العربية من اليمين الى اليسار بعكس اتجاه الانجليزية لذلك من الضروري تغير اتجاه القالب لكي يتوافق مع اللغة العربية وهذه تكون بعدة تغيرات في ملف style.css منها
1- ابحث عن كلمة body عادة تكون في الاسطر الاولى وهي تنسيق خاص بجسم القالب فقط اضف الى اكواده كود DIRECTION: rtl; سيجعل النصوص منسقة بشكل ممتاز مثل
Code

body
{
  DIRECTION: rtl;
  margin: 0px;
  padding: 0px;
  background: url(images/mainbg.jpg);
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}

2- غير كل (float: left) بكود (float: right) هذا سيجعل الشرائح كلها من اليمين الى اليسار.
3- غير كل (background-position: left top) بكود (background-position: right top) هذا الكود هو ان بعض القوالب ستجد صورة بجانب الكتابة مثل النقاط او راس الموضوع وتكون على اليسار هذا سيغيره الى اليمين لا الكتابة ايضا يكون في اليمين ولكن في القالب الحالي لايوجد هذا الكود.
4- غير كل (padding-right) الى (padding-left) وكل (padding-left) الى (padding-right) هذه خصائص الحشو فبعض الاحيان يحتاج الى حشو اليمين فغيره الى اليسار وبالعكس لتحسين تنسيق القالب
5- غير كل (text-align: left) الى (text-align: right) وهذا هو اتجاه النص ليكون من اليمين الى اليسار.
6- التعامل مع كود (padding) هذه سيحدد الحشو المنسق ستجده‌ بطرق عديدة يمكنك تغيره بشكل الصحيح كما في الاكواد التالية وتغيره بشكل صحيح مع مراعاة ان الـ 6 هي بما تكون اكثر او اقل
Code

padding: 0 6px 0 0 => padding: 0 0 0 6px
padding: 6px 0 7px 0 => padding: 7px 0 6px 0
padding: 6px 0 0 6px => padding: 0 6px 6px 0
padding: 6px 6px 0 0 => padding: 0 0 6px 6px
padding: 0 0 0 6px => padding: 0 6px 0 0
padding: 0 6px 0 0 => padding: 0 0 0 6px
padding: 0 6px => padding: 0 0 0 6px

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

رابعا - تغير اتجاه النصوص
هذه امر سهل للغاية فبعض الاحيان لا يحتاج يكتفي باتجاه القالب ولكن في حال لم يتغير اتجاه النص فابحث عن (text-align: left) وبدله بـ (text-align: right) سيكون بشكل جيد.

خامسا - اللمسات الشخصية
هذه تعتمد على امكانياتك لا في تعريب القالب بل في تناسق الالوان والاشكال فمثلا
1- لتغير لون ما بواسطة برنامج Absolute Color Picker تعرف على كود اللون وابحث عنه في ملف style.css ستجده وغير اللون الى ما تريده
2- لتغير صورة في مجل الصور ستجد الصور كله غير ما تراه يحتاج الى التغير
3- وكل شيء اذا اردت تغيره باخرى شخصية فيمكنك من خلال النقاط التي ذكرناه او اكتشفها بنفسك لان عالم الوردبريس عالم كبير وعميق كل ما تبحر فيه تجد نفسك في البداية .

سادسا - تغير اتجاه الصور
فهذه سهلة لا يحتاج الى برمج باي برنامج تحرير الصور مثلا فوتوشوب تستطيع قلب اتجاه الصور اذا كان يحتاج الى ذلك لا ليس كل صورة تحتاج الى تغير اتجاهه

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



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

rss facebooki twitter google plus
فیسبوك
نصيحة برمجية
أصحاب المواقع
مواضيع اخرى
آخر كتاب قرأته