افضل الطرق في تعريب القوالب الأجنبية الإحترافية

ميني سوفت

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

اليوم إن شاء الله معنا درس من أهم الدروس في عالم البلوجر وهو تعريب القوالب الأجنبية وذلك نظراً للإحترافية الشديدة التي يحتوي عليها القالب , واتمنى أن نطور من انفسنا وقريباً نصنع هذه القوالب وبنفس الإحترافية .
تعريب القالب باختصار هو عكس القالب من الشمال الى اليمين.

تعريف بقالب البلوجر ..
قالب البلوجر هو عبارة عن ملف XML يحتوي على أكواد جافا سكربت وأكواد CSS وايضاً أكواد HTML
وما يجعل القالب معرب هي اكواد CSS والتي تبدأ من الوسم
 <b:skin><![CDATA[
وتنتهي عند الوسم 
]]></b:skin>

ما الذي يجب التعديل عليه في القالب ؟
كلمة left جيب تغييرها الى right
وكذلك كلمة right يجب تغييرها الى left

مثال على ذلك هذه الوسوم الآتية
float: right;
right: 0;
margin-right: 0;
padding-right:
text-align: right;
border-right-color: #E6E6E6;
background: url(رابط صورة) no-repeat right 5px;
border-right: 2px solid #bf0499;

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

مثال على ذلك هذه الوسوم الآتية
padding: 0 0 0 5px;
margin: 0 0 0 5px;
أو
padding: 0 5px 0 0;
margin: 0 5px 0 0;

ماذا يُعني هذا ..؟؟
الوسم الذي يحتوي على ارعة ارقام هكذا
 0 0 0 5px
يدل على ان هذا الوسم مضبوط على الجهة الشمال .. كيف هذا ؟
الرقم الاول من اليسار فوق 
الرقم الثاني يمين
الرقم الثالث تحت
الرقم الرابع شمال
وبهذا قد فهمنا هذه الخطوة وبذلك تستطيع تعريب اي قال مهما كان هو
ولكن هناك قوالب تحتوي على اكواد جافا وعند تركيب القالب على المدونة العربية قد تجد ان هناك اكواد لا تعمل 
الحل بسيط جداً
اولا سوف تضع هذا الوسم
dir='ltr'
بجوار الوسم html في اعلى القالب ليصبح هكذا
<HTML dir='ltr'>

ستجد أن اتجاه الكلام اصبح من اليسار
في هذه الحالة سوف نقوم باستخدام الكود التالي
direction:rtl;
في اماكن معينه مثل تعتمد على القالب نفسه 

ما هي اسرع الطرق في تحويل الكلمات من الشمال الى اليمين.؟؟
سوف نقوم باستخدام برنامج Notepad++ 
يمكنك تحميله من هذا الرابط هنا
ثم قُم بتنصيبه و اتبع الصور التالية ..

افتح القالب بواسطة البرنامج ثم إضغط Ctrl + F
سوف تظهر هذه النافذة ,, في الخانة رقم واحد أكتب left
ثم انتقل لكلمة mark
وانظر الصورة التالية 
بعد الإنتقال لكلمة mark
اضغط على mark all كما بالصورة
بعد الضغط على mark all ستجد عدد ظهر بالاسفل كما بالصورة
هو عدد الكلمات التي ظللت بسبب الضغط على mark all
ستجد كلمة left قد ظُللت جميعها ولكن لن نقوم بتغييرها الى right مباشرتاً
بل انظر الصورة التالية
سوف نقوم بتغيريها الى yemen مثلاً
ثم كرر نفس العملية ولكن بحثاً عن كلمة right ثم حولها الى left
ثم كرر نفس العملية بحثاً yemen استبدلها بـ right
وبهذا قد نكون انهينا تعديل الكلمات من left الى right والعكس
بقى لنا الخطوة الثانية وهي البحث عن
 padding: 0 0 0 5px; - margin: 0 0 0 5px;
طبعاً مع اختلاف الارقام و امكانها  , ليس شرطاً ان يكون الارقام كما هي في الموضوع 
ممكن تأتي هكذا 
0 5px 0 0
0 0 0 5px
0 8px 0 0 
سوف نأخد الرقم الثاني نجعله في الآخر او نآخذ الرقم الآخر نجعله الثاني ,, بمعنى اوضح , لو جاءت الارقام لك كالتالي 
0 0 0 5px
اجعلها هكذا
0 5px 0 0
والعكس 
لم يبقى لنا اي شئ في تعديل القالب سوى الكلمات العادية مثل
home = الرئيسية
وهكذا 
بعد الإنتهاء من تعريب القالب وتركيبه قد تجد أن هناك بعض الاشياء الغير مظبوطة 
وايضاً قد تجد صور مقلوبة , وهذا ما سوف نأخذه في الدرس القادم بإذن الله 
فكونوا معنا والله ولي التوفيق



0 التعليقات:

حذف كلمة الاشتراك في الرساله آتوم في المدونات بلوجر

ميني سوفت

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

اليوم ان شاء الله نكمل دروس دورتنا بهذا الدرس الرائع وهو كيفية حذف كلمة الاشتراك في الرساله Atom
هذا الدرس من دروس دورة البلوجر للمبتدأين والمحترفين فكونوا معنا وانتظروا جديدنا ان شاء الله في عالم التدوين.

تابعوا الدرس والله ولي التوفيق..

ميني سوفت
هذه هي الرساله التي سنقوم بإخفاءها

ميني سوفت
اذهب الى لوحة تحكم القالب ثم اختر قالب

ميني سوفت
ثم اضغط تحرير HTML

ميني سوفت
ثم انظر في اول القالب ستجد هذه الكلمة وبجاورها السهم الاسود اضغط عليه
وهذا الجزء هو الذي يحتوي على اكواد CSS

ميني سوفت
ثم انظر ستجد أنني اضفت هنا كود مُظلل بالاصفر
سأضع لك الكود وضعه في نفس المكان
.feed-links {display:none !important;} 

ميني سوفت
ثم اضغط حفظ القالب

وبهذا انتهى درسنا البسيط لهذا اليوم على امل اللقاء بكم قريباً
السلام عليكم

0 التعليقات:

حذف الشريط العلوي في المدونة Navbar

ميني سوفت

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

اليوم بفضل الله أول مواضيع التعديل على شكل المدونة وسوف نبدأها ان شاء الله بحذف الشريط العلوي في المدونة والذي يُسمى Navbar , حذف الشريط العلوي يُعطي المدونة إحترافية أكثر وشكل أكثر جمالاً

ملاحظة هامة : لرؤية صور الشرح بوضوح إضغط على الصورة مرة واحدة فقط

بعد أخذ نُسخة إحتياطية من القالب أتبع التالي:

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

ميني سوفت
ستجد القالب بالشكل التالي
انظر السطر المُظلل بالاصفر ستجد بجانبه سهم صغير اسود اضغط عليه
حتى يتم توسيع هذا الجزء

ميني سوفت
بعد التوسيع ستجد القالب اصبح بهذا الشكل
انظر الجزء الذي ظُلل بالاصفر
ضع تحته هذا الكود 
 #navbar-iframe,#navbar {display: none !important;}
ميني سوفت
لتصبح هكذا
ثم اضغط حفظ القالب
وبهذا تم حذف الشريط Navbar 
تم بحمد لله والى لقاء آخر قريب ان شاء الله
الدرس القادم حذف جملة الاشتراك في الرسائل Atom في اسفل المدونة

0 التعليقات:

شرح أخذ نُسخة إحتياطية من قالب المدونة واستعادته وقت الحاجة وكذلك جميع التدوينات

ميني سوفت

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

اليوم سوف نقوم بشرح أخذ نسخة من قالب المدونة وايضاً طريقة استعادة هذه النسخة عند الحاجة 
اخذ نسخة من القالب شئ في غاية الاهمية , حيث انك تكون عدلت الكثير في القالب ويصادف معك خطأ فيخرب منك القالب لذلك لابد من أخذ نسخة قبل تعديل اي شئ في القالب حفاظاً على ما تقوم به من عمل في تعديل هذا القالب
والجديد معنا اليوم في هذا الشرح أننا سوف نقوم بشرح أخذ نسخة ايضاً من التدوينات والمواضيع التي تنشرها على مدونتك حتى إذا فقدتها بالخطأ تستطيع إستعادتها مرة آخرى 

لن نطيل عليكم وسوف نتطرق للشرح مباشرتاً
ملاحظة : لرؤية صور الشرح بوضوح إضغط على الصورة مرة واحدة فقط

ميني سوفت
إذهب الى البند قالب في لوحة تحكم المدونة
ميني سوفت
ستجد التالي .. القالب وهناك كلمة نسخ إحتياطي / استعادة
إضغط عليها 
ميني سوفت
ستظهر امامك هذه النافذة إضغط تنزيل النموذج الكامل 
ميني سوفت
إذا ذهبت لمكان التحميل ستجد القالب كما بالشكل 1
غير اسمه إن احببت , وهنا ظللت صيغة القالب والتي هي XML
ميني سوفت
اما إذا أردت استعادة القالب إضغط على نسخ إحتياطي / استعادة
ثم اضغط الزر المظلل بالاصفر والذي معناه تصفح  
ميني سوفت
بعد اختيار القالب ستجد اسمه اصبح مكتوب بجانب الزر تصفح
الان اضغط تحميل
وبهذا استعدت القالب مرة آخرى
والآن بقى كيفية حفظ نسخة من التدوينات فتابع معي الصور

ميني سوفت
إذهب الى البند إعدادات 
ميني سوفت
بعد الوقوف على بند اعدادات ستظهر كلمات اخرى
اختر منها اخر كلمة أخرى 
ميني سوفت
ستجد التالي
المُظلل بالاصفر رقم 1 تصدير مدونة الكترونية ومن خلاله تستطيع حفظ التدوينات
المُظلل بالأحمر رقم 2 من خلاله تستطيع استعادة التدوينات 
ميني سوفت
عند الضغط على تصدير مدونة ستظهر هذه النافذة
اضغط تنزيل ,, شكل الملف الناتج مثل القالب تماماً بصيغة XML 
ميني سوفت
اما إذا ضغطت استيراد مدونة الكترونية ستجد هذه النافذة
1- اضغط عليها لتصفح الملفات واختيار الملف الذي هو بصيغة XML
2- اكتب الكلمة التي امامك في الخانة
3- إذا اردت ان تنشر جميع التدوينات اترك هذه الاشارة في المربع
4- اضغط لتحميل التدوينات
وبهذا ينتهي درسنا لهذا اليوم 
ارجوا ان يكون سهل خفيف
والى لقاء آخر ان شاء الله
الدرس القادم هو كيفية حذف الشريط العلوي في المدونة Navbar

0 التعليقات:

شرح بند التخطيط في لوحة التحكم واهميته في تنسيق المدونات بلوجر ( هام جداً )

ميني سوفت

السلام عليكم ورحمة الله وبركاته
اليوم بفضل الله عز وجل سوف نقوم بشرح بند التخطيط وسوف نُبين أهمية هذا البند بالنسبة للمدونة والمدون.

بند التخطيط هو ما المسئول عن إضافة آدوات المدونة من خانة للبحث ومكان لترجمة المدونة واضافة ارشيف المدونة وادوات آخرى كثيرة سوف نعرفها.
أريد أن اقول ان هذا البند تخطيط به آداوت كثيرة معتمدة من جوجل وادوات اخرى غير معتمدة.
كما عودناكم لن نطيل بالحديث عليكم , سوف نتطرق الى الشرح مباشرتاً..
وبما أن مدونتنا جديدة فسوف نضيف ما هو لازم لها وسنعرف ما هي الإضافات الموجودة بالفعل..

ملاحظة هامة : لرؤية صور الشرح بوضوح اضغط على الصورة مرة واحدة فقط.
ميني سوفت
هذا هو بند التخطيط المُظلل ادخل عليه
ميني سوفت
لتجد هذه الشاشة امامك
قُمت بتقسيمها حتى تعرف مما تتكون
سوف يكون الشرح بالترقيم وشكل الجزء في المدونة
ميني سوفت
1- هذا الجزء في المدونة او المواقع عموما يُسمى Header اي رأس الموقع , يتكون من عنوان المدونة و وصفها ويمكنك أن تضيف اليه اشياء آخرى كثيرة لتزيين المدونة وهذا سيكون في الامام إن شاء الله مع الدروس القادمة
يُسمى هذا الجُزء داخل القالب 
ميني سوفت
2- منقطة نشر المواضيع تُسمى Post section وايضاً من الممكن التعديل على هذا الجزء
يعرض في هذه المنقطة التدوينات وايقونات المشاركة على المواقع الاجتماعيه ويمكن اضافة اي شئ تريده في اخر التدوينه
واخر التدوينه يسمى Post footer
ميني سوفت
3- هذا الشكل الجانبي الذي يُسمى في القوالب الاصلية من بلوجر fauxcolumn إنما يُسمى في جميع القوالب المُعدلة او التي غير مُعتمدة من بلوجر Sidebar
هذا الجانب يُضم الكثير من الأدوات , حيث يمكنك اضافة صندوق الفيس بوك فيه وادوات اخرى كثيرة
هذا سوف نتعلمه فيما بعد ايضاً
يمكن التعديل على كل شئ فيه 
ميني سوفت
4- اما هذا الجزء فهو يُسمى footer
اسفل المدونة ويضم ادوات ايضاً مثل حقوق المدونة وغيره
ويمكن التعديل عليه ايضاً
ميني سوفت
5- هذا الشكل الذي هو شكل ايقونة المدونة كما هو موضح بالصورة وهو لا يحتاج شرح فقط تتضغط تحرير وتضع الايقونة التي تعجبك
وهناك الكثير من المواقع التي تحول الصور لأيقونات وسوف اشرحها ان شاء الله
الآن انتهينا من وصف وشرح بند التخطيط بهذه الطريقة واعتقد ان شكل صفحة التخطيطات قد ظهرت للغيرعلى انها غير صعبة كما يرى البعض منذ الوهلة الاولى 
لكننا إلى الان لم نشرح كيفية إضافة الأداوت 
الامر ليس بصعب فقط إذا كنت تريد إضافة آداة في الشريط الجانبي او اسفل المدونة ستجد كلمة إضافة آداة إضغط عليها وانظر الصورة التالية ..

ميني سوفت
بمجرد الضغط على إضافة آداة ستجد هذه النافذة امامك
انا اخترت ان اضيف الاداة في الشريط الجانبي Sidebar
واخترت شارة جوجل

ميني سوفت
بعد الضغط على الاداة يمكنك تغيير عنوانها او ضبطها كما تريد من هذا الجزء المُظلل بالاصفر
ثم إضغط حفظ

ميني سوفت
وها هي الآداة التي اضفناها في الشريط الجانبي
وبهذا نكون قد انتيهنا من موضوعنا اليوم على أمل اللقاء بكم قريباً إن شاء الله
الموضوع القادم سوف يكون أخذ نسخة إحتياطية من قالب المدونة واستعادتها وقت الحاجة وأخذ نسخة من جميع المواضيع إستعادتها وقت الحاجة

مع العلم إخوتي أننا نستطيع توفير كل هذا على انفسنا بتركيب قالب مُعدل 
ولكن ارى انه من الأولى ان نتعلم حتى إذا اردنا تعديل قالب مُعدل نُدرك ما هذا وما ذاك
بالتوفيق للجميع
أخوكم

0 التعليقات: