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

السلام عليكم ورحمة الله وبركاته

سأشرح اليوم طريقة سريعة للتعريب، وأتبعها أنا شخصياً وهي في الغالب لا تستغرق أكثر من 10 دقائق. 

والتعريب هذا لا يقوم بتعريب القالب كاملاً إذ سيلزمك أيضاً أمور أخرى لإكمال التعريب:

كقلب الصور، وتغيير النصوص، وغيرها من الأمور. لكنها ستكون مفيدة للمبتدئين ومختصرة للمحترفين.


الطريقة:

الخطوة الأولى:

2) اذهب إلى تصميم >> تحرير HTML >> اضغط على "توسيع قوالب عناصر واجهة المستخدم"

3) انسخ جميع أكواد القالب يمكنك الضغط على Ctrl + A لتحديد جميع الأكواد. 4) الصق الأكواد في برنامج المفكرة. 1) افتح برنامج المفكرة (notepad)

الخطوة الثانية:

 ) من قائمة الأدوات في برنامج المفكرة اذهب إلى (تحرير) ثم (استبدال).

  2) اكتب في الخانة الأولى right وفي الخانة الثانية left ثم اضغط على استبدال الكل

3)ثم اكتب من جديد في الخانة الأولى left وفي الخانة الثانية right ثم اضغط على استبدال الكل

هذه الخطوة ستقوم بها يدوياً، لكنها سهلة وكل ماتحتاج إليه هو الانتباه جيداً إلى الشرح.

  الآن اعتبر أنك انتهيت من تعريب أجزاء كبيرة في القالب، وبقيت خطوة أخيرة وهي تغيير الأبعاد بين الحاشية (margin) والحشو (padding).

الخطوة الرابعة:

1) عليك البحث الآن في أكواد CSS عن مثل الكودين في الاسفل، وستقوم ببعض التغييرات على كل واحدة

.

margin: 100px 40px 10px 70px;
padding: 20px 20px 20px 80px;

- ملاحظة: يجب أن تحتوي على 4 أعداد مثل:

100px 40px 10px 70px
ونهمل ما لا يحتوي على أربع أعداد.

  - ملاحظة أخرى: ليس من المهم أن تتطابق الأرقام مع المثال السابق، فقد تتغير هذه الأرقام.


مثال:
2) عندما تجد أي كود مثل السابق، قم باستبدال العدد الثاني بالعدد الرابع، والعدد الرابع بالعدد الثاني.

كود:

margin: 100px 40px 10px 70px;

نقوم بتغيير العدد الثاني بالعدد الرابع، فتصبح هكذا:

كود:

margin: 100px 70px 10px 40px;

نعيد نفس الأمر مع الكود padding:

مثال:

كود:

padding: 20px 20px 20px 80px;

نقوم بتغيير العدد الثاني بالعدد الرابع، فتصبح هكذا:

كود:

padding: 20px 80px 20px 20px;

3) نكرر البحث ونكرر العملية مع جميع أكواد CSS، وتذكر يجب أن تحتوي على 4 
أعداد.

4) بعد الانتهاء: انسخ جميع الأكواد التي في المفكرة واستبدل الموجود في القالب بها.

    وهذه طريقه اخرى نقلتها عن مدونة الرافدين للافاده:
 
و هي بعد تصدير القالب و رفعه الى المدونة اي ان الامر يتعلق بالتعديل على الكود :
 
من لوحة تحكم المدونة نختار تخطيط ثم تحرير HTML ..

التعديل على القالب يبدا من بداية القالب /* begin Page */

وينتهي بـ





و الان اضغط ctrl + f و ابحث عن كلمة float .. اينما تجد بجانبها left استبدلها ب right


اي انه عندما تجد float: left استبدلها بـ float: right .


بشرط ان لا تتعدى هذا الكود









اي لا تغير ما بعده اي تحته .




و الان اعد البحث عن text-align .. اينما تجد بجانبها left استبدلها ب right


اي انه عندما تجد text-align:left استبدلها بـ text-align:right .




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


و هو الخلفية و الاطار للتعليقات لانه في قوالب يلوقر تظهر التعليقات بدون تحديد كما في الصورة :







لذا يجب ان نضيف كود بسيط جدا الى القالب و هو كما يلي :


قبل هذا الكود مباشرة





نضيف هذا الكود

.comment-body


{


background: #302217;


border: 1px dashed #BA8736;


padding: 5px;


}

مع تغير الالوان حسب ما يلائم شكل المدونة .




ليصبح كما في الصورة:

اما بخصوص تغيير اسم زر الصفحة الرئيسية للمدونة

لان بعد تصميم القالب تجد جميع الصفح باللغه العربيه واسم صفحة الرئيسية بالانجليزية

وهذا يظهر فى الازرار المصممه مع القالب فقط

تقوم بتوسيع القالب

وتبحث عن هذا الكود

          menuitems.push(new Array(&#39;Home&#39;,&#39;<data:blog.homepageUrl/>&#39;));

تقوم بتغيير كلمة Home الى الرئيسية او حسب ماتريد

انتهى الموضوع تمنياتى لكم بالتوفيق. 

التسميات: اضافات بلوجر