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

http://www.wb-7.com/wp-content/uploa...9/besmilah.png

http://www.wb-7.com/wp-content/theme...h=270&zc=0&s=1


أقدّم لكم هذا الشرح طريقة المفيد والذي يعطي فكرة أوليّة مهمة عن تعريب القوالب


خطوات عليك إعدادها قبل بدء التعريب:


إختيار قالب template للتعريب.
هنالك قوالب انجليزية كثيرة على هذا الرابط:
WordPress › Free WordPress Themes

افضل ان تختار قالب template بسيط حتى نتعلم ونتقن الشيئ.



برنامج لمعالجة ملفات المدونة blog يعمل بترميز utf-8
شخصياً أستعمل برنامج notepad ++

موجود هنا



بعد ان قمنا بتركيب install السيرفر SERVER المحلي وركبنا المدونة blog عليه واخترنا القالب template نبدأ بالعمل.

بداخل مجلد القالب template الذي اخترناه توجد ملفات php و css وصور. كلها مسؤولة
عن الشكل الخارجي للقالب template.

______________________________________

بالنسبة لملفات ال php علينا تغيير الكلمات الانجليزية الى العربية وتغيير تركيب installة اليوم والتاريخ.
نفتح الملفات بواسطة برنامج nptepad ++ ونغير الترميز
الى utf-8 (من FORMAT) ونبدأ بالترجمة.
نحن لا نغيّر كل الكلمات الانجليزية للعربية.
فقط الكلمات التي تظهر بالمدونة blog.
مثلاً:

رمز PHP:

('Not Found'); ?>

('Sorry, but no posts matched your criteria.'); ?>

include (TEMPLATEPATH . '/searchform.php'); ?>

بعد التعريب:

رمز PHP:

('Not Found'); ?>

('عذراً , لم يتم العثور على نتائج مناسبة'); ?>

include (TEMPLATEPATH . '/searchform.php'); ?>

هنالك كلمات انجليزية ممنوعون من تغييرها للعربية
وهي كلمات او اوامر مسؤولة عن برمجة القالب template.

عندما تستعمل برنامج notepad++ فهو يظهر لك الكلمات
القابلة للتعريب حيث يكون لونها رمادي فاتح وتكون بين فواصل علوية مثل هذه ‘ او هذه “.


رمز PHP:

(__('Read the rest of this entry »')); ?>
(); ?>

في ملفات ال PHP علينا أيضاَ تغيير تركيب installة التاريخ. بالانجليزية يكون على هذا النمط:

رمز PHP:

('F jS, Y')


حتى يلائم العربية نغيره الى:

رمز PHP:

’j F, Y‘


______________________________________

بعد ان انتهينا من تعديل ملفات PHP ننتقل الى ملف الستايل style: STYLE.CSS
هذا الملف مهم جدا وهو عمليا مسؤول عن الشكل الخارجي للمدونة blog من ناحية الاتجاهات (يمين شمال).



طبعا لازم تكون عندك خلفية معينة عن ال CSS ولو كانت بسيطة.

العمل على هذا الملف يكون أسهل وعملي أكثر من الترجمة.

1. لتغيير اتجاه الصفحة من اليسار لليمين نتوجه الى قسم ال body في
ملف الستايل style ونضيف اليه direction: rtl; كالتالي:



رمز PHP:

body {
margin: 0;
padding: 0;
background: #4E5706 url(images/bg.gif);
color: #000;
font-size: x-small;
font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
text-align: center;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
direction: rtl;


2. الان نصل الى تغيير الاتجاهات يمين يسار في تصميم القالب template
مثل العناوين القوائم وما الى ذالك …

نبحث عن الكلمات left او right ونغيرها حسب الحاجة.

مثلا:



رمز PHP:

}
#header {
margin: 0 auto;
width: 765px;
height: 85px;
background: url(images/header.gif) no-repeat;
text-align: left;
overflow: hidden;
}


نشاهد باللون الأحمر أنّ الانحياز او اتجاه الخط هو لليسار.
اليسار يلائم اللغة الانجليزية ونحن نحتاج العربية.
لذالك نغيّر left الى right.

من المهم ذكره انه توجد كلمات left أو right يمنع تغييرها بتاتا
لانها لا تكون ضمن المتغيرات التي يمكن ان نعدل عليها.

مثلا هنا لا نغير كلمة RIGHT بالمرة:

رمز PHP:

#wp-calendar caption {
margin: 1.2em 0 0 0;
padding: 0.4em 0;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
background: url(images/sidebarheader.gif) no-repeat 50% -2px;
color: #212503;;
font-weight: bold;
}


والسبب هو ان كلمة right تشير الى
جزء معين من القالب template (اسم) وليست ضمن
المتغيرات.

3.
بالنسبة لل margin, border,padding (في كتاب شرح طريقة ال css الذي ذكرته بالبداية يوجد شرح طريقة
لهذه المتغيرات) فهذه المتغيرات الثلاث ممكن ان تلبس أكثر من صورة.
ما يهمنا هو الصورة التي يظهر بها 4 ارقام حيث نبدّل الرقم الثاني
مع الرقم الرابع.

مثال قبل التغيير:

رمز PHP:

#content {
float: right;
padding: 0 38px 0 23px;
width: 538px;
background: url(images/content.gif) no-repeat 100% 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 477px;
}


وبعد التغيير:



رمز PHP:

#content {
float: right;
padding: 0 23px 0 38px;
width: 538px;
background: url(images/content.gif) no-repeat 100% 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 477px;
}


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

4.

في القالب template محتمل تكون قوائم على شكل صورة.
بشكل عام تغيير الاتجاه من اليسار لليمين يحل المشكلة.
لكن احيانا المشكلة تبقى ويمكن حلها بواسطة:

قبل التغيير -

رمز PHP:

background: url(images/bullet.gif) no-repeat;


لتغيير اتجاهها -



رمز PHP:

background: url(images/bullet.gif) right no-repeat;


5.

الخطوط – نبحث عن font-family وعن font-size لتغيير
نوع الخط وحجمه.

بهذا نكون قد انتهينا من ملف الستايل style.

______________________________________

الان نقوم بتغيير اتجاه الصور من مجلد ال Images.
يعني نعمل للصورة flip افقي بواسطة برنامج لمعالجة الصور.
مثال على قبل وبعد:






http://www.wb-7.com/wp-content/uploads/2014/10/flip.jpg



بهذا نكون قد انتهينا.
ان شاء الله الشرح طريقة يفيدكم.



المصدر : شرح طريقة طريقة تعريب قوالب ووردبريس






اقتباس
((( القوانين المحدثه )))
[ يمنع ] نقل اي موضوع من موقع تطويري آخر ولصقه هنا في منتديات ديزاد باتنة ما لم يكن ناقل الموضوع هو نفس كاتبه في ذاك الموقع .

بس عشان ما يحكو اشي المشرفين لأنها صارت قبل هيك ... انا كاتبو وانا ناقلو ...

وتحياتي للحميع


منقولـ

https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©