الأحد، 25 فبراير 2018

نموذج قالب بلوجر، أقل ما يجب أن يكون

Modèle XML Blogger, le minimum requis

تريدون إنشاء نموذج بلوجر انطلاقا من صفحة بيضاء.
لديكم معرفة مسبقة باللغتين HTML و CSS ؟ هذا جيد إذا.
لديكم أيضا إلمام بلغة XML بلوجر. و هذا أيضا جيد.
إذن أنتم جاهزون لبدء هذا التحدي الجديد.





الأكواد المطلوبة في قالب بلوجر:
الكود أسفله هو الحد الأدنى المطلوب لبدء كتابة نموذج جديد لقالب بلوجر.
نوع المستند "doctype" و الوسوم المعتادة <head> و <html> و <body> هي كلها أشياء مطلوبة بالنسبة لهيكلة قالب بلوجر.
أما بالنسبة لوسوم XML بلوجر، و وسوم تخطيط الصفحات فهي ضرورية:

<b:skin>: 
  • و هو وسم إغلاق خصائص المتغيرات أو ملفات CSS.
  • و يجب أن يكون داخل وسم <head>.
  • الوسم <style> لا يجب أن يتم الإشارة إليه.
<b:section>: 
  • و هي المنطقة التي يتم فيها تحديد مجموعة من الأدوات. 
  • و يجب دائما أن يتوفر قالب بلوجر على الأقل على "<b:section>" واحدة و التي ستسمح لنا بإضافة الأدوات باستعمال الخاصية: showaddelement='yes'
  • كما يجب دائما أن تكون "<b:section>" داخل <body>.
    <b:widget>
    • و هو الوسم الخاص بالأدوات. 
    • أداة واحدة، و من الأفضل أن تكون الأداة التي تحتوي على التدوينات: Blog1
    • الوسوم <b:widget/> يجب أن تكون داخل <b:section/>
    ملف XML:
    Le fichier XML
    CODE XML MINIMUM
    <?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>
    <!-- DÉBUT DE L'ENTÊTE -->

    <!-- EMPLACEMENT 1 : BALISES META, LINKS, FICHIERS JS, ETC -->

    <b:skin><![CDATA[

    /* EMPLACEMENT CSS */

    ]]>
    </b:skin>

    <!-- EMPLACEMENT 2 : BALISES META, LINKS, FICHIERS JS, ETC -->

    <!-- FIN DE L'ENTÊTE -->
    </head>
    <body>
    <!-- DÉBUT STRUCTURE HTML -->

    <!-- AU MOINS 1 B:SECTION & 1 B:WIDGET REQUIS -->
    <b:section class='main' id='main' showaddelement='yes'>
    <b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'></b:widget>
    </b:section>

    <!-- FIN STRUCTURE HTML -->
    </body>
    </html>

    الموضوع السابق
    الموضوع التالي

    0 التعليقات: