data:shrinkToFit - Blogger Data Documentation

Data Type	Gadget Version 1	Gadget Version 2
boolean	Header Image	Header Image

Description de la donnée

data:shrinkToFit est une donnée booléenne Blogger des gadgets « En-tête de la page » et « Image » qui indique si l'image doit être ajustée à la largeur de la section dans laquelle elle se trouve.

Intégration dans le code XML

Dans les nœuds enfants des gadgets Header et Image.

Directives d'usage et niveau de priorité de mise à jour

Thème Version 1

Garantie d'usage : Abandonné

Priorité indéfinie

Thème Version 2

Garantie d'usage : Expérimental

Priorité indéfinie

Thème Dynamique

Garantie d'usage : Aucune

Aucune priorité

Thème Version 3

Garantie d'usage : Expérimental

Priorité indéfinie

Disponibilité par défaut par type de pages

Toutes les pages.

Set de réglages XML

Inexistant.

Condition additionnelle

Aucune.

Ressources

Échantillonnage des ressources

  widget: 
    type: Header|Image,
    version: 1 | 2
  ,
  this: 
    shrinkToFit: boolean
  

Parenté - Enfant de :

• Header
• this
• shrinkToFit

• Image
• this
• shrinkToFit

Contrôle de la valeur

Valeur

Valeur	Signification
true	Vrai. Les dimensions de l'image seront ajustées à la largeur du conteneur.
false	Faux. Les dimensions de l'image ne seront pas ajustées à la largeur du conteneur.

Activer/Désactiver

La valeur est paramétrable via le panneau de configuration de ces gadgets :

• UI
• Mise en page
• Modifier gadget Header
• Image
• Ajuster à la page

• UI
• Mise en page
• Modifier gadget Image
• Image
• Ajuster à la page

Note

Cochez ou décochez la cellule avant d'injecter une image.

Implémentation de la donnée

• Référence Directe
• Aliasing de l'Item
• Aliasing de l’Instance du Gadget

Méthode de Référence Directe

<b:includable id='main'>

  <!-- Tag -->
  <data:shrinkToFit/>

  <!-- Attribute value -->
  <b:eval expr='data:shrinkToFit'/>

</b:includable>

La Direct Reference Method est la méthode la plus simple et la plus directe pour accéder à une donnée. Elle consiste à insérer la donnée telle quelle dans le code XML, sans alias ni encapsulation. Cette approche est adaptée aux données primitives du schéma de données, celles qui peuvent être appelées directement sans transformation ni boucle.

Méthode d’Aliasing de l’Item

<b:includable id='main'>

  <b:with value='data:shrinkToFit' var='element'>

    <!-- Tag -->
    <data:element/>

    <!-- Attribute value -->
    <b:eval expr='data:element'/>

  </b:with>

</b:includable>

L’Alias Item Method permet de stocker un item unique dans une variable temporaire à l’aide de <b:with>. Cette approche améliore la lisibilité du code et réduit la redondance lorsque la même valeur est utilisée plusieurs fois.

Méthode d’Aliasing de l’Instance du Gadget

<b:includable id='main' var='this'>

  <!-- Tag -->
  <data:this.shrinkToFit/>

  <!-- Attribute value -->
  <b:eval expr='data:this.shrinkToFit'/>

</b:includable>

La Gadget Instance Aliasing Method consiste à stocker l’instance du gadget en cours dans une variable temporaire définie dans la balise principale <b:includable>, afin de faciliter l’accès à ses données. Elle permet également de réutiliser les inclusions enfants (ou inclusions communes) qui partagent des jeux de données similaires, même lorsque les items ne sont pas situés dans le même dictionnaire.

Instructions booléennes

Les instructions booléennes permettent d'exécuter des actions spécifiques selon qu'une condition est vraie ou fausse. Elles offrent un contrôle précis sur l'affichage et le comportement des éléments.

• Condition
• Commutateur
• Sélecteur ternaire

Condition

Est vrai

<b:includable id='main'>

  <b:if cond='data:shrinkToFit'>

    <!-- Code executed when the condition is true -->

  </b:if>

</b:includable>

Est vrai, sinon est faux

<b:includable id='main'>

  <b:if cond='data:shrinkToFit'>

    <!-- Code executed when the condition is true -->

    <b:else/>

    <!-- Code executed when the condition is false -->

  </b:if>

</b:includable>

Logique inversée

<b:includable id='main'>

  <b:if cond='not data:shrinkToFit'>

    <!-- Code executed when the data is false -->

  </b:if>

</b:includable>

Les balises conditionnelles permettent d'exécuter une action si une condition est remplie. Elles sont souvent utilisées pour afficher ou masquer du contenu en fonction d'une valeur spécifique.

Les balises conditionnelles

Commutateur

<b:includable id='main'>

  <b:switch var='data:shrinkToFit'>

    <b:case value='true'/>

      <!-- Code executed if the value is true -->

    <b:default/>

      <!-- Code executed if no condition matches -->

  </b:switch>

</b:includable>

Le commutateur (<b:switch>) permet de gérer plusieurs cas en fonction de la valeur de la donnée. Chaque cas (<b:case>) est évalué jusqu'à ce qu'une correspondance soit trouvée.

Les balises commutateurs

Sélecteur Ternaire

<b:includable id='main'>

  <!-- Return one value if true, another if false -->

  <b:eval expr='data:shrinkToFit ? "value if true" : "value if false"'/>

</b:includable>

Le sélecteur ternaire est une méthode concise permettant de retourner une valeur selon qu'une condition est vraie ou fausse.

Les sélecteurs

Alias dans le modèle

Cette section permet d'identifier les emplacements dans le fichier XML où la donnée est implémentée sous différents alias. L’alias peut être identique à la clé d’origine ou être une adaptation spécifique à une ou plusieurs inclusions.

Dans le tableau ci-dessous, nous ne mentionnons que les assignations directes sans manipulation de la valeur, à l'exception des réglages appliqués par suffixe.

Alias	ID Inclusion	Balisage
Cette donnée n'est pas implémentée dans le modèle XML.

Données dans le même ensemble

data:this…

• backgroundPositionStyleStr
• caption
• description
• height
• image
• imagePlacement
• link
• mobile
• sectionWidth
• shrinkToFit
• sourceSet
• sourceUrl
• title
• title
• useImage
• width
• widthStyleStr

data:{Header} data:{Image}