0
السلام عليكم ورحمة الله
مرحبا بكم من جديد على مُدونتي مدونة المستقبل
لا طالما وجدت الكثير من التعليقات حول مشاكل تعريب قوالب بلوجر و الأغلبية يريد خل مُشكلة واجهته اثناء التعريب باستعمال برنامج تعريب قوالب بلوجر.
للذلك ساكتب هذه التدوينة وساشرح فيها إن شاء الله كيفية تعريب قالب بلوجر من البداية حتّى النهاية بجميع الخطوات السهلة جدّاً فقط اتبع معي المراحل التالية :


الشرح:


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




  1. نقوم بالكتابة في الخانة rechercher كلمة right و في خانة remplacer par نكتب ymen ثم نضغط على remplacer tout
  2. ثم نكتب مرة أخرى في الخانة rechercher كلمة left و في خانة remplacer par نكتب ysar ثم نضغط على remplacer tout



شرح تعريب قوالب بلوجر بدون برامج
  1. نكتب مرة أخرى في الخانة الاولى كلمة ysar وفي الخانة الثانية right ثم نضغط على rempalcer tout
  2. نكتب مرة أخرى في الخانة الاولى كلمة ymen وفي الخانة الثانية left ثم نضغط على rempalcer tout

الآن اعتبر أنك انتهيت من تعريب أجزاء كبيرة في القالب، وبقيت خطوة أخيرة وهي تغيير الأبعاد بين الحاشية (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) بعد الانتهاء: انسخ جميع الأكواد التي في المفكرة واستبدل الموجود في القالب بها.
والآن انتهيت قم بمعاينة القالب قبل حفظه


 



إرسال تعليق Blogger

عزيزى الزائر بمجرد الضغط على اعلامى اسفل نموذج الرد فسيتم اعلامك باخر ردود المشاركة

تذكر قول الله تعالى (( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ ))

 
Top