Recherche
Effacer la recherche
Fermer la recherche
Applications Google
Menu principal

Balises d'éléments de page pour la fonctionnalité de mise en page

La section <body> d'un thème de mise en page est constituée de sections et de widgets.

  • Une section correspond à une zone de la page telle que la barre latérale ou le pied de page.
  • Un widget est un élément de la page tel qu'une page, un blogroll ou tout autre élément que vous pouvez ajouter depuis l'onglet "Éléments de la page".

Vous pouvez inclure n'importe quel code HTML autour des sections de votre thème.

Sections

Chaque section du thème est encadrée par des balises d'ouverture et de fermeture qui se présentent comme ceci :

<b:section id='header' class='header' maxwidgets="1" showaddelement="no">

</b:section>

<b:section> tag attributes
  • id (obligatoire) : il s'agit d'un nom unique composé uniquement de lettres et de chiffres.
  • class (facultatif) : les noms de classe courants sont "navbar", "header", "main", "sidebar" et "footer". Si, par la suite, vous changez de thème, ces noms aident Blogger à déterminer comment transférer votre contenu.
  • maxwidgets (facultatif) : nombre maximal de widgets pouvant être inclus dans cette section. Si cet attribut n'est pas défini, aucune limite n'est fixée.
  • showaddelement (facultatif) : peut prendre les valeurs "yes" ou "no", "yes" étant la valeur par défaut. Cet attribut détermine si l'onglet "Éléments de la page" affiche le lien "Ajouter un élément à la page" dans cette section.
  • growth (facultatif) : peut prendre les valeurs "horizontal" ou "vertical", "vertical" étant la valeur par défaut. Cet attribut détermine si les widgets de cette section sont présentés côte à côte ou empilés.

Une section peut contenir uniquement des widgets. Pour ajouter du code à une section, divisez-la en deux ou plusieurs parties.

Widgets

Un widget est représenté par une seule balise, qui correspond à un espace réservé indiquant la façon dont le widget doit être géré dans l'onglet "Éléments de la page".

Voici quelques exemples de widget (l'un pour un en-tête de page et l'autre pour une liste) :

<b:widget id="header" type='HeaderView' locked="yes"/>

<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>

<b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>

Attributs des widgets
  • id (obligatoire) : doit être composé uniquement de lettres et de chiffres, chaque identifiant de widget de votre thème devant être unique. Il est impossible de modifier un identifiant de widget sans supprimer le widget lui-même et en recréer un.
  • type (obligatoire) : indique le type de widget.
  • locked (facultatif) : peut prendre la valeur "yes" ou "no", "no" étant la valeur par défaut. Un widget verrouillé ne peut être ni déplacé, ni supprimé de l'onglet "Éléments de la page".
  • title (facultatif) : si aucun titre n'est défini, un titre par défaut tel que "List1" est utilisé.
  • pageType (facultatif) : peut prendre la valeur "all", "archive", "main" ou "item", "all" étant la valeur par défaut. Le widget ne s'affiche que sur les pages désignées de votre blog. (Tous les widgets s'affichent sur l'onglet "Éléments de la page" quel que soit leur pageType.)
  • mobile (facultatif) : peut prendre la valeur "yes", "no" ou "only", "default" étant la valeur par défaut. Cet attribut détermine si le widget s'affiche ou non dans la version mobile. Lorsque l'attribut mobile est "default", la version mobile affiche uniquement les widgets Header, Blog, Profile, PageList, AdSense et Attribution.

En savoir plus sur la modification des balises de widget

Remarque : Sur le blog publié, toutes les balises <b:section> et <b:widget> sont remplacées par des balises <div> associées aux ID spécifiés. Vous pourrez ainsi faire référence aux balises div#header ou div#myList, par exemple, dans le code CSS.

Cet article vous a-t-il été utile ?
Comment pouvons-nous l'améliorer ?