2016/09/18

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

مشاهدات:


تريدون إنشاء نموذج بلوجر انطلاقا من صفحة بيضاء.
لديكم معرفة مسبقة باللغتين 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 تعليقات: