كيف تتعامل بشكل صحيح مع اكواد CSS , JS , HTML في بلوجر

كثير من مستخدمي بلوجر يتبعون الشروحات الخاصه بإضافة وتوزيع الإضافات دون أن يعرف لماذا يتم هذا التوزيع وكيف يوزع بنفسه او يجمع أكواد الإضافة مع بعضها وفي موضوعنا اليوم سنوضح كيف يتم توزيع اكواد اللغات البرمجية 

CSS , Js , HTML

في منصة بلوجر , طبعا لن نخوض في أمور برمجية بحته لكن سنتكلم بشكل عام يناسب الجميع في فهم الأمر

لماذا يتم توزيع بعض الأدوات وأخرى تضاف في آداة واحدة HTML/JavaScript ؟

الادوات الخفيفة يسهل قرائتها بسهولة داخل آداة HTML/JavaScript اما الأدوات الكبيرة أحيانا يصعب قرائتها وتشغيلها عندما تكون داخل آداة وحينها لا تعمل فيتم توزيعها في مناطق كل كود داخل القالب لضمان عملها

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

أكواد الستايل او  المظهر CSS

تلك الأكواد هي المسؤلة عن مظهر الآداة والوانها واشكالها يمكنك تمييز اكوادها بأنها تكتب بتلك الطرق 

#Example {
 margin:0 5px;
 background-color:#444444;
}
أو هكذا
#Example {margin:0 5px;background-color:#444444;}

مكان هذه الاكواد في القالب هو بين كودين 

]]>

لكن ان اردت استخدام تلك الاكواد في آداة HTML/JavaScript أو في منطقة اخرى بالقالب مثلا منطقة الـ head اى فوق الوسم

او في منطقة الـ body اى بين الوسمين

 

عليك ان تخبر القالب ان هذه أكواد ستايل بوضعها بين هاذين الكودين

أكواد الجافا سكريت JS

هي الاكواد المسؤلة عن الأوامر يعني عندما تضغط على شئ معين في آداة هذه هي الاكواد التي تحول ضغطتك لفعل شئ معين في الصفحة

يمكنك اضافاتها فوق منطقة الـ head او في منطقة الـ body لكن في كل الأحوال عليك ان تخبر القالب بانها ملفات جافا

بوضعها بين هاذين الكودين

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

أكواد الـ HTML

هي الأكواد المسؤلة عن التخطيط  التي تحدد اين مكان الإضافات في الصفحة واجزائها ودائما تكون فقط في منطقة الـ body

ويمكنك تميزها بان اكوادها ممتلئة بالأقواس مثل هذا

text

بعدما فهمنا فكرة تلك الأكواد وكيف نضيفها في القالب ومناطق عملها وكيف نغير منطقة اضافتها كأكواد الستايل

الآن هذه أدوات يمكنك التمرن عبرها

الأولى هو هذا السلايدر ستجد اكواده موزعه يمكنك بإضافة الوسوم لمنطقة الستايل ان تجمع الاكواد كلها مع بعضها وتضيفها في آداة HTML/JavaScript

طبعا قد لا يعمل معك في آداة لما ذكرته من اسباب سابقاً او قد يعمل بحسب قالبك

وهذا سلايدر آخر غير موزع لو اردت توزيعه في القالب استخدم اكواده ووزعها