Les paramètres arrière-plan : color, image

Blogger - Background-color and Background-image

Les termes color et image sont des suffixes que l'on ajoute à une donnée d'habillage Blogger dont la variable est de type background, pour obtenir la couleur et l'url de l'image d'arrière-plan.

Définition

Les paramètres color et image sont destinés aux données d'habillage dont la variable est de type background.

Lorsque ces paramètres sont ajoutés au nom d'une donnée de ce type, celui-ci renverra la couleur et l'url de l'image d'arrière-plan.

En savoir plus sur les variables d'habillage de type Background

D'un point de vue technique, ces paramètres sont des données renfermées dans un objet et qui renvoient une nouvelle valeur :

Ressources
"data": {
  "skin": {
    "vars": {
      "background_variable_name": skin,
                                    { 
                                      "color": skin,
                                      "image": image
                                    }
    }
  }
}

Récupérer les éléments d'une variable d'arrière-plan

En pratique, une variable d'arrière-plan doit d'abord être définie dans la section b:skin.

<Variable name="body.background"
          description="Background"
          type="background"
          default="#fe6602 none repeat scroll top left"
          value="#fe6602 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgziAYuMlGzitTb2J1Njpq12HdfJ_gYmXarucsC9B-2WrJbjZbduCpMK-uWzPmY-fi2kBG5jUBLJFni5VwRsgKAzCh9ntvV2pZHeCSqIkM7F5oGVPvgDM7ON7LIUV7E32MjPM5zZ2GAaL9A/s1600/BCodeBanYT.jpg) repeat scroll center center"/>

Ensuite, on converti la variable en une donnée en utilisant le nom de cette variable et en y ajoutant l'un des suffixes :

Valeur Conversion au format XML Conversion au format b:skin
Par défaut <data:skin.vars.body_background/> $(body.background)
La couleur <data:skin.vars.body_background.color/> $(body.background.color)
L'image <data:skin.vars.body_background.image/> Indisponible

Remarques additionnelles

Lorsque le code de couleur est récupéré, la donnée devient une variable de type color.

A partir de ce stade, vous pouvez ajouter des paramètres spécifiques aux couleurs.

Format XML
data:skin.vars.body_background.color.color_parameters
Format b:skin
$(body.background.color.color_parameters)

Lorsque l'url de l'image est récupérée, la donnée devient une donnée de type image.

Par conséquent, vous avez la possibilité d'appliquer le paramètre isResizable afin de vérifier si l'image est redimensionnable à l'aide des opérateurs d'images :

<b:if cond='data:skin.vars.body_background.image.isResizable'>
  
</b:if>

Spotlight

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

Populaires cette semaine

Foire aux questions Blogger (Novembre 2021)

Ajouter des boutons à la barre de partage Blogger