شرح تعريب قوالب بلوجر والتعديل عليها والربح من موقع خمسات شرح تعريب قوالب بلوجر والتعديل عليها والربح من موقع خمسات

شرح تعريب قوالب بلوجر والتعديل عليها والربح من موقع خمسات

التعريب  مبني على اساس بسيط وهو تحويل القالب بأكمله من اتجاه اليسار الى اتجاه اليمين لا اكثر ولا اقل أو بشكل علمي تحويل جميع كلمات القالب
Left = يسار
الى
Right = يمين
والعكس صحيح 

عند فعل هذا غالبية القوالب تعرب بنسبة 80%
ويبقى 20% تعود لتعريب الكلمات وضبط بعض الإتجاهات 
هناك برنامج يسمى معرب قوالب بلوجر وهذا البرنامج يقوم بهذه العملية بشكل جيد ويعرب أيضا بعض الكلمات
ويمكن تحميل إصدار البرنامج الأخير من الموقع الرسمي 

لكن دائما تبقى في بعض القوالب أجزاء تحتاج لضبط ولا يقوم البرنامج بضبطها وهي
الحشوة = Padding
الهامش = Margin
يمتلئ القالب بهذه  الاكواد وتكتب بعدة طرق منها ان تكتب بها الإتجاهات Right , Left وهذه البرنامج يعدلها
وطريقة أخرى لا يعدلها البرنامج وهي هذه الطريقة 
مثال 
padding:1px 2px 3px 4px;
margin:1px 2px 3px 4px;
طبعا مع اختلاف قيم الأرقام
لكن القيمتين الذين يهمنا أمرهم في التعريب هما القيمتين
2 و 4
أكرر لا اقصد الأرقام فقد تكون الأرقام بهذا الشكل
padding:0 0 4px 2px
ولكن أنا اقصد الموقعين فالموقع الثاني هو موقع اليمين
والرابع هو موقع اليسار
فالقالب الأجنبي قد نجد الحاشيه أو الهامش تجاه اليسار هكذا
margin: 0 0 5px 30px;
ونحن نريد جعله تجاه اليمين فيصبح
margin: 0 30px 5px 0;
لاحظتم تبديل القيم وقد يكون العكس هذا بحسب القالب 
هذا هو ملخص فكرة تعريب القوالب وستنجح هذه الطريقة في غالبية القوالب
كل ما عليك استخدام البرنامج بان تضيف له القالب وتعربه ثم تنسخ محتوى القالب بعد التعديل تدخل الى تحرير القالب
وتحذف كل ما به وتضيف أكواد القالب الجديد ثم تبدا بضبط التعريب

بطريقة اخري وتوضح الطريقة الاولي التي استخدمنا فيها البرنامج

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

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

  1.   من قائمة الأدوات في برنامج المفكرة اذهب إلى (تحرير) ثم (استبدال).
  2.   اكتب في الخانة الأولى right وفي الخانة الثانية ymen ثم اضغط على استبدال الكل
  3.   ثم اكتب من جديد في الخانة الأولى left وفي الخانة الثانية ysar ثم اضغط على استبدال الكل

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

  1.   الآن اكتب في الخانة الأولى ymen وفي الخانة الثانية left ثم اضغط على استبدال الكل.
  2.   ثم اكتب في الخانة الأولى ysar وفي الخانة الثانية 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) بعد الانتهاء: انسخ جميع الأكواد التي في المفكرة واستبدل الموجود في القالب بها.

والآن انتهيت قم بمعاينة القالب قبل حفظه


لقد تعبت في كتابته هذا الموضوع ارجو من حضراتكم التشجيع ولو بتعليق او نشر الموضوع 

إرسال تعليق

2 تعليقات

  1. السلام عليكم شكرا على الدرس أنا عندي مشكلة فقط في الأرقام الهندية أريد أن أستبدلها بالأرقام العربية (التي نسميها الانجليزية) شكرا لك مسبقا

    ردحذف
  2. تستآهل آححـلآ تعلـيقُ .. تسلْم حبيبيُ .. ♥

    ردحذف
Emoji
(y)
:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)