Header : Le gadget de l'en-tête de la page / The page header gadget

Blogger - Fiche technique du gadget Header

Ce gadget est l'un des plus utilisés du produit Blogger, puisqu'il affiche le titre, la description et la bannière du blog. Créer un blog sans ce gadget, c'est comme cuisiner une dinde farcie sans la dinde.

Les caractéristiques du gadget

Les caractéristiques universelles

Icône Type Quantité maximum Largeur minimum recommandée Compatibilité HTTPS Bibliothèque Blogger Statut du code XML Titre Réglages exportables
Header 2 Largeur du blog Oui Oui Lecture/Écriture Oui Oui

Les caractéristiques par thème

Bureau 2006 Bureau 2010 Mobile Default 2010 Bureau Custom Mobile Custom Dynamique Bureau Dynamique Mobile Basic Contempo & Essential Emporio Notable Soho Custom
Version du thème 1 2 2 12 12 2 2 3 3 3 3 3 3
Version du gadget 1 1 1 1 1 1 1 2 2 2 2 2 2
Compatibilité Oui Oui Oui Oui Oui Non Non Oui Oui Oui Oui Oui Oui
Fourni automatiquement Inconnu Oui Oui Inconnu Inconnu Non Non Inconnu Oui Oui Oui Oui Inconnu
Verrouillage à l'installation Inconnu Oui Oui Inconnu Inconnu Non Non Inconnu Oui Oui Oui Oui Inconnu
Option visibilité Non Non Non Non Non Non Non Oui Oui Oui Oui Oui Oui
XML personnalisable Oui Oui Non Oui Oui Non Non Oui Oui Oui Oui Oui Oui
Variantes XML Non Non Non Inconnu Inconnu Non Non Non Oui Oui Oui Oui Inconnu


Les réglages

Lorsque le gadget est installé, vous pouvez accéder à son panneau de configuration via l'onglet Mise en page.

  • UI
  • Mise en page
  • Modifier Gadget En-tête de la page

Aperçu du panneau de configuration Description
Le panneau de configuration du gadget Header Header gadget control panel

Afficher ce widget

Le gadget peut être activé/désactivé.

Uniquement dans les thèmes Version 3.

Titre du blog

Le nom du blog.

La cellule est un portage de l'option du tableau de bord :

  • UI
  • Paramètres
  • Général
  • Titre

Limitation : 100 caractères maximum.

Description du blog

La description du blog qui s'affiche sous le nom du blog.

La cellule est un portage de l'option du tableau de bord :

  • UI
  • Paramètres
  • Général
  • Description

Limitation : 500 caractères maximum.

Image

L'image qui servira de bannière (Facultatif).

Choisissez le Mode de sélection de l'image. Soit :

  • Saisir l'url de l'image :

    Une cellule s'affiche en-dessous de l'option.

  • Importer l'image depuis l'ordinateur :

    Le bouton d'importation s'affiche en-dessous de l'option

    L'image importée sera stockée dans l'album photo de votre blog.

Lorsque l'url de l'image a été saisie ou lorsque le fichier de l'image a été importé, la miniature de la bannière apparaîtra au-dessus de l'option.

Position de l'image

Choisir la disposition de la bannière :

  • Derrière le titre et la description :

    L'image devient un arrière-plan.

  • Substituer le titre et la description :

    Attention, dans le modèle des gadgets Version 1, le blog ne contiendra plus de balise <h1>.

  • Placer la description après l'image :

    Attention, le blog ne contiendra plus de balise <h1>.

Ajuster à la page

En cochant l'option, les dimensions de l'image seront ajustées en fonction de la largeur de la section dans laquelle se trouve le gadget.



Les emplacements optimisés par thème

Le gadget peut être positionné dans les emplacements mentionnés dans le tableau ci-dessous (Les sections concernées sont recadrées en rouge dans les captures d'écran de la mise en page).
Il peut être également placé dans les autres sections, mais l'affichage n'a pas forcément été optimisé.

Dans les thèmes Version 2

Simple, Picture Window, Awesome Inc., Watermark, Ethereal et Travel

Emplacement réservé.

Dynamique

L'entête n'est pas générée par ce gadget.

Dans les thèmes Version 3

Essential et Contempo

Emplacement réservé.

Emporio

Emplacement réservé.

Notable

Emplacement réservé.

Soho

Emplacement réservé.



Mode avancé - Sous le capot du gadget

Une partie de la mécanique du gadget Header est directement mis à votre disposition dans l'éditeur du thème.
Que ça soit par curiosité, pour résoudre un problème, ou encore pour apporter des modifications personnelles, nous vous aidons dans votre tâche en vous faisant part de notre vision et en vous partageant nos classifications, nos corrélations, nos échantillonnages des composants de cette technologie :

Le dictionnaire des données Le fichier XML + les réglages sauvegardés

Les données universelles

En plus des données traditionnelles spécifiques au gadget Header, il existe un set universel qui n'est disponible que dans les thèmes version 3 :

Échantillonnage des ressources


  widgets: 
    Header: 
      title: string,
      type: string,
      sectionId: string,
      id: string
    
  

Implantation

<b:loop values='data:widgets.Header' var='Header'>

  <data:Header.title/>
  <data:Header.type/>
  <data:Header.sectionId/>
  <data:Header.id/>

</b:loop>


Spotlight

L'Éditeur XML de Thème Blogger : Quand le BackEnd Rencontre le FrontEnd

Populaires cette semaine

Ajouter des boutons à la barre de partage Blogger