Variable d'habillage de police / Font skin variable

Le terme font(skin) est employé pour qualifier une variable d'habillage Blogger.
Une variable de type font(skin) contient les paramètres d'une police comme la taille et la famille.

Syntaxe

Les variables d'habillage sont définies dans l'éditeur XML du thème, entre les balises <b:skin></b:skin>. Elles permettent de reporter une valeur dans la section des CSS ou/et dans le reste du thème XML.

<Variable name="name"
          description="description"
          type="font"
          family="value"
          size="value"
          default="value"
          value="value"
          hideEditor="true or false" />

Attributs

Paramètre	Signification	-
name	Le nom ne peut contenir que des lettres ou des chiffres et doit être unique. Exception : Le caractère . (point) peut être utilisé. Ce nom sera utilisé pour extraire la valeur de la variable.	obligatoire
description	Une courte description.	obligatoire
type	Détermine le type de la valeur de la variable.	obligatoire
family	La valeur attendue doit être le nom de la police.	facultatif
size	La valeur attendue doit être la taille de la police.	facultatif
default	La valeur par défaut de la variable.	obligatoire
value	La valeur courante de la variable.	obligatoire
hideEditor	Cet attribut permet de masquer le formulaire dans l'outil de conception. Valeur : true ou false	facultatif

Exemple

<Variable name="text.font"
          description="Text Font"
          type="font"
          default="italic bold 12px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"
          value="italic bold 12px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" />

La valeur

La valeur des attributs default et value doit être les paramètres standards CSS de la police.

Syntaxe de la valeur

font-style font-weight font-size font-family

Exemple

italic bold 12px Georgia, Utopia, 'Palatino Linotype', Palatino, serif

Les attributs size et family sont facultatifs. Ils permettent d'intégrer ces valeurs séparément dans les attributs default et value via les noms réservés $(size) et $(family).

Exemple

<Variable name="text.font"
          description="Text Font"
          type="font"
          size="12px"
          family="Georgia, Utopia, 'Palatino Linotype', Palatino, serif"
          default="italic bold $(size) $(family)"
          value="italic bold $(size) $(family)" />

Sortie des données

Lorsque la variable est définie, il est possible de la convertir au format b:skin pour l'employer dans les CSS, ou au format XML pour extraire la valeur à l'extérieur des CSS.

Conversion au format b:skin

$(variable.name)

Pour construire le récipient, il faut reprendre le nom de la variable, l'encadrer de parenthèses (obligatoire, si le nom contient un point) et ajouter le préfixe $.

Conversion au format XML

<data:skin.vars.variable_name/>

Pour convertir au format XML, il faut mentionner l'objet data:skin.vars, suivi du nom de la variable.
Si la variable contient un point, il doit être remplacer par un tiret bas _.
Lorsque la donnée est convertie, elle devient de type skin et peut être injectée dans des expressions.

Réglages des données

Les variables de type font(skin) contiennent un objet d'items qui permettent d'extraire la taille et le nom de la police.

Échantillonnage des ressources

  size: length(skin),
  family: string(skin)

Pour pouvoir utiliser ces réglages, il suffit d'ajouter ces items au nom de la donnée.
En savoir plus

Le formulaire dans le concepteur

Lorsqu'une variable de type font(skin) est définie dans le thème, un formulaire est automatiquement ajouté dans l'outil de conception de thèmes :

• UI
• Thème
• Personnaliser
• Avancé

Les polices officielles

Ci-dessous, retrouvez la liste des polices disponibles dans le concepteur de thèmes Blogger.
Cette liste est divisée en 2 groupes :

• Les polices classiques : Les polices installées par défaut dans le matériel des visiteurs.
• Les polices web : La sélection de l'équipe Blogger de polices tirées de Google Fonts. Le fichier de la police est automatiquement intégré dans le thème lorsque le nom de la police est mentionné dans les variables (ou sélectionné via le concepteur).

• Les Polices Classiques
• Arial, Tahoma, Helvetica, FreeSans, sans-serif
• 'Courier New', Courier, FreeMono, monospace
• Georgia, Utopia, 'Palatino Linotype', Palatino, serif
• Impact, sans-serif
• 'Times New Roman', Times, FreeSerif, serif
• 'Trebuchet MS', Trebuchet, sans-serif
• Verdana, Geneva, sans-serif
• Les Polices Web
• Allerta
• Allerta Stencil
• Arimo
• Arvo
• Bentham
• Calibri
• Calligraffitti
• Cambria
• Cantarell
• Cardo
• Cherry Cream Soda
• Chewy
• Coming Soon
• Consolas
• Copse
• Corsiva
• Cousine
• Covered By Your Grace
• Crafty Girls
• Crimson Text
• Crushed
• Cuprum
• Dancing Script
• Droid Sans
• Droid Sans Mono
• Droid Serif
• EB Garamond
• Fontdiner Swanky
• GFS Didot
• GFS Neohellenic
• Geo
• Gruppo
• Hanuman
• Homemade Apple
• IM Fell DW Pica
• IM Fell DW Pica SC
• IM Fell Double Pica
• IM Fell Double Pica SC
• IM Fell English
• IM Fell English SC
• IM Fell French Canon
• IM Fell French Canon SC
• IM Fell Great Primer
• IM Fell Great Primer SC
• Inconsolata
• Indie Flower
• Josefin Sans
• Josefin Slab
• Just Another Hand
• Kenia
• Kranky
• Lato
• Lobster
• Lora
• Luckiest Guy
• Merriweather
• Molengo
• Montserrat
• Mountains of Christmas
• Neucha
• Neuton
• Nobile
• Old Standard TT
• Open Sans
• Oswald
• PT Sans
• PT Sans Caption
• PT Sans Narrow
• Pacifico
• Paytone One
• Permanent Marker
• Philosopher
• Play
• Puritan
• Reenie Beanie
• Roboto
• Rock Salt
• Schoolbell
• Slackey
• Sorts Mill Goudy
• Sue Ellen Francisco
• Sunshiney
• Syncopate
• Tinos
• Ubuntu
• UnifrakturMaguntia
• Unkempt
• Vollkorn
• Walter Turncoat
• Yanone Kaffeesatz

Les autres types de données

• array
• automatic (skin)
• background (skin)
• boolean
• color (skin)
• date
• font (skin)
• image
• length (skin)
• locale
• message
• number
• object
• string
• string (skin)
• url
• url (skin)

Retourner à l'introduction