data:blog.mobileClass - Blogger Data Documentation
- Description de la donnée
data:blog.mobileClassest une donnée universelle Blogger qui renferme la classe CSS de la vue mobile et la classe CSS de la variante du thème officiel.- Intégration dans le code XML
- Dans les nœuds enfants de la balise
<html>, excepté à l'intérieur des marqueurs<![CDATA[ ]]>. - Directives d'usage et niveau de priorité de mise à jour
-
Thème Version 1Garantie d'usage : AbandonnéPriorité indéfinieThème Version 2Garantie d'usage : OuiPriorité moyenneThème DynamiqueGarantie d'usage : ExpérimentalPriorité indéfinieThème Version 3Garantie d'usage : AucuneAucune priorité
- Disponibilité par défaut par type de pages
- Toutes les pages.
- Longueur maximum de la valeur
- Indéfini.
- Set de réglages XML
- Disponible.
- Condition additionnelle
- Aucune.
Ressources
Échantillonnage des ressources
blog:
mobileClass: string,
size: number,
length: number,
escaped: string,
jsEscaped: string,
jsonEscaped: string,
cssEscaped: string
Parenté - Enfant de :
- Global
blogmobileClass
Valeurs
| Variantes | Valeur version web | Valeur version mobile |
|---|---|---|
| Simple | ||
| Pale | variant-pale |
mobile variant-pale |
| Bold | variant-bold |
mobile variant-bold |
| Dark | variant-dark |
mobile variant-dark |
| Deep | variant-deep |
mobile variant-deep |
| Literate | variant-literate |
mobile variant-literate |
| Wide | variant-wide |
mobile variant-wide |
| Simply Simple | variant-simplysimple |
mobile variant-simplysimple |
| Picture Window | ||
| Open | variant-open |
mobile variant-open |
| Shade | variant-shade |
mobile variant-shade |
| Screen | variant-screen |
mobile variant-screen |
| Awesome Inc. | ||
| Dark | variant-dark |
mobile variant-dark |
| Light | variant-light |
mobile variant-light |
| Groovy | variant-groovy |
mobile variant-groovy |
| Renewable | variant-renewable |
mobile variant-renewable |
| Artsy | variant-artsy |
mobile variant-artsy |
| Icy | variant-icy |
mobile variant-icy |
| Watermark | ||
| Birds | variant-birds |
mobile variant-birds |
| Navigator | variant-navigator |
mobile variant-navigator |
| Flower | variant-flower |
mobile variant-flower |
| Bubblegum | variant-bubblegum |
mobile variant-bubblegum |
| Ethereal | ||
| Hummingbirds 2 | variant-hummingBirds2 |
mobile variant-hummingBirds2 |
| Blossoms 1 Blue | variant-blossoms1Blue |
mobile variant-blossoms1Blue |
| Leaves 1 | variant-leaves1 |
mobile variant-leaves1 |
| Travel | ||
| Studio | variant-studio |
mobile variant-studio |
| Flight | variant-flight |
mobile variant-flight |
| Beach | variant-beach |
mobile variant-beach |
| Dynamic | ||
| Classic | variant-classic |
variant-classic |
| Flipcard | variant-flipcard |
variant-flipcard |
| Snapshot | variant-snapshot |
variant-snapshot |
| Timeslide | variant-timeslide |
variant-timeslide |
| Magazine | variant-magazine |
variant-magazine |
| Mosaic | variant-mosaic |
variant-mosaic |
| Sidebar | variant-sidebar |
variant-sidebar |
| Autres thèmes | ||
| Thèmes tiers | N/A | mobile |
Implémentation de la donnée
Méthode de Référence Directe
<!-- Tag --> <data:blog.mobileClass/> <!-- Attribute Value --> <b:eval expr='data:blog.mobileClass'/>
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:with value='data:blog.mobileClass' var='mobileClass'> <!-- Tag --> <data:mobileClass/> <!-- Attribute value --> <b:eval expr='data:mobileClass'/> </b:with>
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'Objet
<b:with value='data:blog' var='b'> <!-- Tag --> <data:b.mobileClass/> <!-- Attribute value --> <b:eval expr='data:b.mobileClass'/> </b:with>
L’Alias Object Method consiste à stocker un objet entier dans une variable temporaire à l’aide de <b:with>. Cette approche permet d’accéder facilement à plusieurs propriétés de l’objet sans répéter son chemin d’accès.
Réglages de la donnée
Les réglages sont des items contenus dans l'objet de la donnée qui renvoient une nouvelle valeur. Ils s'ajoutent à la suite de la donnée.
Introduction aux réglages des données
Les réglages autorisés pour cette donnée sont :
Longueur de la chaîne de caractères
<!-- WITH SIZE --> <data:blog.mobileClass.size/> <!-- WITH LENGTH --> <data:blog.mobileClass.length/>
Le nombre de caractères de la chaîne peut être obtenu en utilisant les suffixes size ou length.
Échappements de la chaîne de caractères
<!-- HTML ESCAPED --> <data:blog.mobileClass.escaped/> <!-- JS ESCAPED --> <data:blog.mobileClass.jsEscaped/> <!-- JSON ESCAPED --> <data:blog.mobileClass.jsonEscaped/> <!-- CSS ESCAPED --> <data:blog.mobileClass.cssEscaped/>
La chaîne de caractères peut être échappée en utilisant les suffixes escaped, jsEscaped, jsonEscaped et cssEscaped.
Exemple d'utilisation
Principalement utilisé comme valeur d'un paramètre class dans une balise html.
<div> <b:class expr:name='data:blog.mobileClass'/> </div>
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 |
|---|---|---|
blog.mobileClass |
<body> |
Simple
Picture Window
Awesome Inc.
Watermark
Ethereal
Travel
|
