Blogger: comment créer des définitions de variables personnalisées pour la page Designer

Question

Lorsque vous vous connectez à Blogger.com et cliquez sur la page Modèle, l'une des premières choses que vous voyez dans chaque modèle est «Définitions des variables». Ces définitions de variables s'affichent sur la page Concepteur conviviale de l'interface Blogger.com.

Par exemple:

<Group description="Blog Title" selector=".header h1"> 
<Variable name="header.font" description="Title Font" type="font" default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> 
<Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)" value="#000000"/> 
<Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/> 
</Group> 

La définition variable ci-dessus vous permet de changer facilement la couleur du titre du blog et d'autres informations d'en-tête. Je voudrais créer mes propres variables personnalisées.

Je comprends le fonctionnement de la plupart des variables. Comme "name =" est la variable à utiliser dans la classe ou ID CSS. Comme si le nom est name = "custom.name.here", il devrait être associé au nom de la classe ou à l'ID que vous voulez changer. Par conséquent:

#Header1 { 
$(custom.name.here) 
} 

« description = » est le nom qui apparaîtra sur la page Designer, vous savez ce que vous changez.

Les seules parties en question sont: les variables "type =" et les options qui peuvent être placées dans le "type ="? Et aussi "default =" et "value =" quels sont ceux-ci et que peut-on y placer? Sont-ils nécessaires?

Answer 1

This blog post a une bonne explication des variables. En résumé, les attributs d'une variable sont les suivants.

• nom - ID unique de la variable. Ne peut pas contenir d'espaces.
• description: Une brève description qui apparaît sur la page du concepteur.
• type: Le type de la variable. 3 types autorisés sont color, font et automatic
• par défaut: la valeur par défaut du modèle. Cette valeur est appliquée chaque fois que l'option "Rétablir le modèle par défaut" est choisie.
• valeur: La valeur actuelle de la variable.