عادة ما يتساءل المدون في مجال التدوين عن طريقة تصميم قالب بلوجر ، وأيضا يبحث عن لغة برمجة قالب بلوجر . في الحقيقة بلوجر ليس ثابت على لغة برمجة قالب بلوجر واحدة ، يحتاج بلوجر لغات برمجة مختلفة أساسية لبناء وتصميم قالب إحترافي ومميز ، فماهي لغات برمجة قالب بلوجر ؟ وكيف تعمل قوالب بلوجر الشهيرة ؟

طريقة تصميم قالب بلوجر وما هي لغة برمجة قالب بلوجر

تصميم قالب بلوجر blogspot

يعتمد تصميم القوالب على خبرة المصمم نفسه ، يجب أن يكون مبرمج قالب بلوجر على دراية بمجال UI و UX ، وهو مجال واسع وتعني UI هي إختصار لـ User Interface وتعني بالعربي "واجهة المستخدم" ، أما UX فهي إختصار لUser experience وتعني بالعربي تجربة المستخدم ، ما علاقة هذا ببرمجة قالب بلوجر ؟ سأوضح لك .
القالب الناجح هو القالب المُصمم جيداً ، يعني الذي شكله مريح للعين وسهل التنقل داخله ومنظم بشكل جيد . ولن تتقن ذلك إلا بمعرفة مسبقة بتصميم تجربة المستخدم وتصميم واجهة المستخدم وهما فعليا مجالين مختلفين تماماً عن بعض يمكنك تعلمهم من خلال فيديوهات الموجودة ضمن يوتيوب ، لا علينا طريقة تعلمهم ولكن لا تقلق... بالممارسة وكثرة التصميم وإستخدام التغذية البصرية ستتقن ذلك سريعا وفي فترة وجيزة .

لغة برمجة قوالب بلوجر

يجب أن تكون على معرفة بلغة Html و CSS وهي كافية لتصميم قالب بلوجر بسيط غير معقد ، لكن في بعض الأحيان تحتاج إلى لغة جافا سكربت JS (JavaScript) ، وذلك لبناء خصائص متقدمة مثل السلايدرات (شريط عرض المقالات المتحرك) وغيره من الأمور ، مما يعني أن اللغات مطلوب إتقانها هي HTML و CSS وبعض من معرفة أساسيات الجافا سكربت (JS) كافي للتعامل مع بلوجر لكن عندما تكون محترف ولديك معلومات أكثر في هاته اللغات فستقوم بأعمال أكثر تعقيدا وإحترافية ، والآن نأتي لجزئية لغة برمجة قالب بلوجر . يعتمد بلوجر على لغة تسمى xml ، ولدى بلوجر ترميز معين عليك تعلمه وأوامر وأكواد معينة خاصة ببلوجر .

أساسيات تكويد قالب بلوجر Blogger

المطلوب منك هو معرفة باللغات التالية : HTML & CSS & JavaScript ، بدون هاته اللغات لا يمكنك بدأ تعلم برمجة بلوجر ، لذلك تعلمها أولا وأنجز بها أعمال ، ثم إتجه إلى معرفة تكويد قالب بلوجر . لأنه هو آخر شيء عليك تعلمه بعد هاته اللغات المذكورة وبلوجر ليس بالصعب ويحتاج إلى صبر لتعلمه فقط .
لعمل قوالب بلوجر كما ذُكر سابقا هناك طريقة معينة لبرمجة قالب بلوجر ، ولدى بلوجر أسلوب يجب عليك معرفته وإتباعه وهو عبارة غالبا عن خليط بين html و xml ، تابع مع المثال التالي :

<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 ، هذه نبذة عن برمجة قالب بلوجر وإن كان هناك نصيب سأتعمق اكثر في هذا الموضوع لو كان هناك إهتماما وطلب على هذا الموضوع .

كيف تعمل قوالب بلوجر الشهيرة ؟

هناك قوالب بلوجر مجانية 2023 وأيضا قوالب بلوجر مدفوعة 2023 ، نعم بالطبع لا تستغرب من أن إلى غاية يومنا هذا يتم إنتاج ونشر قوالب بلوجر من طرف آلاف المطورين حول العالم ، لكن عمل قالب بلوجر كيف ذلك ؟

يتم إستخدام قواعد بيانات خارجية عبارة عن مدونة بلوجر توضع فيها سكربتات القالب الأساسية ويتم تشفيرها داخل تلك المدونة التي تعتبر قاعدة بيانات القالب ، ويختلف نظام تفعيل قالب بلوجر من قالب إلى آخر ، بعض القوالب تعتمد على أدوات جاهزة مثل King Guard الشهيرة لحماية قوالب بلوجر ، بينما هناك قوالب أخرى تستخدم أنظمة خاصة تم بنائها خصيصا لها . 

تعتمد قوالب بلوجر على التفعيل عبر id المدونة بينما هناك قوالب blogger أخرى لها أسلوب آخر وفي بعض الأحيان إن كنت تود جعل التفعيل تلقائي بحيث يقوم المستخدم بالتسجيل إلى موقعك مثل آلية عمل قالب وابل للحصول على التفعيل ، تحتاج إلى firebase لتسجيل بيانات العملاء وجعلهم يحصلون على التفعيل تلقائيا بدون تدخل منك من خلال صفحة العملاء (الدخول/تسجيل دخول) ، بينما هناك قوالب أخرى تقوم بالتفعيل بشكل يدوي وهذه طريقة ليست عملية أبداً وتأخذ وقتا .

الخلاصة

تصميم قالب بلوجر هو شيء مختلف عن برمجة قالب بلوجر ، التصميم هو عبارة عن بناء مظهر وشكل فقط أما البرمجة فهي التعامل مع كتابة التكويد والأكواد عموماً ، يتم تصميم قالب بلوجر عبر برامج تصميم مثل فوتوشوب وبرنامج adobe xd وايضاً برنامج figma ، لكن هذه تعتبر برامج تصميم واجهات فقط بدون تكويد ، فالتكويد يحتاج إلى تعلم لغات برمجة مثل html و css و javascript ، فإن كنت تود تعلم برمجة قالب بلوجر فهو مجال رائع ويستحق أن تستثمر وقتك فيه .


في مقالات لاحقة إن كان هناك مهتمين بمثل هذا الموضوع وعن برمجة قالب بلوجر ، سأقوم بنشر شروحات عن بلوجر ضمن الجانب التقني منها ، أترك تعليقا بالأسفل حتى أعرف !