بسم الله الرحمن الرحيم ،السلام عليكم و رحمة الله تعالى و بركاتهان الحمد لله ، نحمده و نستعينه ، و نستغفره ، و نعوذ باللهمن شرور انفسنا و من سيئات أعمالنا ، من يهده الله فلا مضل لهو من يضلل فلا هادي له ، و أشهد أن لا إله إلا الله وحده لا شريك له، و أن محمداعبده و رسوله صلى الله عليه و على آله و أصحابه و من تبعهمبإحسان الى يوم الديـــن و سلم تسليما كثيرا ، أما بعد ...
لاحظت أن العديد من مستخدمي منصة Blogger لا يعرفون طريقة التعامل مع قالب مدونتهم الخاصة , وهذا ما يجعل العديد من المدونين يبحتون في
كل مرة يريدون فيها تعديل ولو كان جد بسيط إلى البحث عن من يساعد في تعديل القالب , رغم أن ذلك سهل نسبيا. ولهذا قررت اليوم إن شاء الله
كل مرة يريدون فيها تعديل ولو كان جد بسيط إلى البحث عن من يساعد في تعديل القالب , رغم أن ذلك سهل نسبيا. ولهذا قررت اليوم إن شاء الله
كتابة هذا الموضوع لشرح أبسط طريقة لإحتراف التعامل مع قوالب بلوجر كيفما كانت. لن أطيل عليكم أكثر ولنبدأ على بركة الله.
سنحتاج اليوم أداة جد بسيطة وهي خاصة ب Firefox ( توجد لل chrome لكن أنا أفضلها في Firefox )
يمكنك تتبيت الإضافة على Firefox عن طريق الرابط التاليhttps://addons.mozilla.org/ar/firefox/addon/firebug
بعد تتبيت الإضافة على firefox يمكنك استعمالها مباشرة.
طريقة عمل الإضافة : اولا أداة firebug هي عبارة عن أداة يمكنك من خلالها التعديل على أي موقع تريد ( متلا حذف شيئ ما من موقع معين ) لاكن
هذه التعديلات تبقى مؤقتا يعني انك إذا قمت بإعادة تحميل صفحة موقع فستختفي التعديلات التي قمت بها عن طريق الأداة.
شرح بسيط لكيفية التعامل مع قالب بلوجر عن طريقة Firebug :
أولا نفتح صفحة مدونتنا , على سبيل المتال أنا أخدت مدونة معينة ( لاداعي لدكر اسمها )
الآن لتشغيل الأداة نضغط بزر يمين الفأرة في صفحة فارغة بالمدونة ونضغط على Inspect Element with Firebug الصورة توضح ذلك
ستظهر لنا نافذة أسفل المتصفح وهذه هي الأداة ( جميلة أليس كذلك
)
الجزء الملون باللون الأحمر خاص بأكواد html حيت ان اكواد html مسؤولة عن تركيب القالب ( متلا الهيدر , شعار المدونة ...)
الجزء الملون باللون الأصفر خاص بأكواد css وهذه مسؤولة عن مظهر المدونة يعني الألوان والأشكال والإطارات ....
ملاحظة : في البداية يمكن أن تواجه صعوبة في فهم الأداة لكن لا تيأس فالأداة سهلة جدا وهي أفضل وسيلة لفهم قوالب بلوجر.
سنمر الآن لمثال بسيط للتعديل على قالب متلا أنا أريد تعديل لون الهيدر كما ترون بالصورة الهيدر بلون أزرق.
الآن نضغط على هذا الزر الموجود بالأداة
تم نحدد الهيدر
تم نحدد الهيدر
على اليمين ستظهر لنا بعض الاكواد ( وكما قلنا سابقا هذه اكواد css ) سنجد اكواد الوان الصورة اسفله توضح الامر
الجزء الملون بالاحمر يمتل كود الهيدر بالقالب
الجزء المولن بالاصفر يمتل الاكواد المتحكمة في شكل الهيدر
ونحن نريد تغيير لون الهيدر وكما بالصورة السابقة فيوجد هناك لون ازرق نقوم بتغييره بكود اللون الذي نريده
وعند نجاح التغيير نقوم الآن بالذهاب إلى القالب ونبحث عن كود الهيدر ونقوم بالتعديل كما فعلنا تماما في الاداة.
هذا متال فقط ويمكن التطبيق على اي جزء آخر من المدونة
أتمنى أن أكون قد وفقت في شرح هذه الأداة الرائعة, وفي الأخير أتمنى أن تستفيدوا ولو قليلا من هذا الشرح.
إذا كان لديكم أي استفسار فلا تتردد في طرحه بالردود ,
ليست هناك تعليقات :
إرسال تعليق
ساعدنا على ان نكون متواصلين دائما اضف تعليقك
وشاركنا بارائك فكلمه شـــكر تعني لنا الكثير