عادة ما يتساءل المدون في مجال التدوين عن طريقة تصميم قالب بلوجر ، وأيضا يبحث عن لغة برمجة قالب بلوجر . في الحقيقة بلوجر ليس ثابت على لغة برمجة قالب بلوجر واحدة ، يحتاج بلوجر لغات برمجة مختلفة أساسية لبناء وتصميم قالب إحترافي ومميز ، فماهي لغات برمجة قالب بلوجر ؟ وكيف تعمل قوالب بلوجر الشهيرة ؟
تصميم قالب بلوجر blogspot
لغة برمجة قوالب بلوجر
أساسيات تكويد قالب بلوجر Blogger
<b:section id="test" name="test"/>
في المثال هو عبارة عن كود قسم لكن بدل كتابة <section> في لغة HTML العادية ، كتبناها بالصيغة التي يقبلها بلوجر وهي الصيغة الديناميكية وكتبنا بدلا منه <b:section> ، وهذا الكود فيه id وهو معرف section وname هو العنوان الذي يظهر في قسم التنسيق (التخطيط سابقاً) ببلوجر ، لكن المتصفح لن يقرأه على أساس أنه section بل سيترجم على أساس أنه عنصر div يعني عند المعاينة لن تجده بذلك الشكل بل ستجده تغير إلى عنصر <div> ويأخذ هذا العنصر القيم التي حددتها ضمن b:section .
ستطرح السؤال ولماذا لا أكتب مباشرة كود html عادي ؟ بالطبع يمكنك ذلك لكن لكي يكون القالب ديناميكي بمعنى قالب قابل للتعديل والتخصيص بدون اللجوء للأكواد فأنت تحتاج لإتباع مسار بلوجر الذي توفره لك حتى تستطيع لاحقاً تعديل أي شيء بدون اللجوء للتعديل في الأكواد ذلك إما من خلال المظهر > التخصيص أو من خلال التنسيق .
ويشترط أثناء بناء قالب بلوجر أن يكون على الأقل عنصر b:section واحد مع تعريفه بـid مميز ، ويمكنك بعده بناء القالب بدون اللجوء إلى مسار بلوجر وكتابة اكواد html وcss عادية وهذا لا أنصح به وأنصح بإتباع مسار بلوجر حتى يسهل عليك التعديل وإليك مثال عن بُنية قالب خام جديد لتتعرف على برمجيات بلوجر .
<?xml version="1.0" encoding="UTF-8" ?>
<! Doctype HTML> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head> <b:skin><![CDATA[ /* css codes here */ ]]></b:skin> </head>
<body> <b:section id='main'/> </body>
</html>
أكواد css (التنسيق) يتم وضعها بين وسم b:skin ، والوسم b:skin هو بمثابة الوسم <style> ، بالنسبة لأكواد وسم <body> ، داخله يتم إستخدام الوسم <b:section> ، وهناك عنصر آخر يسمى <b:widget> وهو وسم خاص بأدوات بلوجر ويستعمل حصراً داخل <b:section> ، يمكن وضع b:widget داخل b:section لكن لا يمكن وضع b:section داخل b:widget ، هذه نبذة عن برمجة قالب بلوجر وإن كان هناك نصيب سأتعمق اكثر في هذا الموضوع لو كان هناك إهتماما وطلب على هذا الموضوع .
كيف تعمل قوالب بلوجر الشهيرة ؟
الخلاصة
تصميم قالب بلوجر هو شيء مختلف عن برمجة قالب بلوجر ، التصميم هو عبارة عن بناء مظهر وشكل فقط أما البرمجة فهي التعامل مع كتابة التكويد والأكواد عموماً ، يتم تصميم قالب بلوجر عبر برامج تصميم مثل فوتوشوب وبرنامج adobe xd وايضاً برنامج figma ، لكن هذه تعتبر برامج تصميم واجهات فقط بدون تكويد ، فالتكويد يحتاج إلى تعلم لغات برمجة مثل html و css و javascript ، فإن كنت تود تعلم برمجة قالب بلوجر فهو مجال رائع ويستحق أن تستثمر وقتك فيه .
في مقالات لاحقة إن كان هناك مهتمين بمثل هذا الموضوع وعن برمجة قالب بلوجر ، سأقوم بنشر شروحات عن بلوجر ضمن الجانب التقني منها ، أترك تعليقا بالأسفل حتى أعرف !
تعليقات
ممكن كود لجدول مراجعة موبايلات باللون الأزرق و يضاف به الأيقونات
حذف التعليقشكرا على تعليقك ، سيتم التطرق للموضوع في مقال عام على المدونة بإذن الله ، كن على متابعة
حذف التعليقإرسال تعليق
لحظة ! توقف... -أنت المقصود نعم أيها الزائر والقارئ العزيز-
نتشرف بإستفسارك حول هذا الموضوع ، لديك أي سؤال قم بتركه هنا بالتعليقات وسيتم الرد عليك فوراً بعد مشاهدة تعليقك ، نحن نقبل كلمات الشكر وبل حتى نقدم الدعم الفني بشكل مجاني من خلال التعليقات لذلك لا تتردد ونحن في إنتظار تعليقك لنقوم بالرد عليه 3>