data:url
- Blogger Data Documentation
Data Type | Gadget Version 1 | Gadget Version 2 |
---|---|---|
url | BlogArchive | BlogArchive |
Description des données :
data:url
,data:data[i].url
,data:data[i].data[i].url
etdata:data[i].data[i].data[i].url
sont des données Blogger du gadget « Archives du blog » contenant les URLs des périodes d'archivage des articles du blog.Intégration dans le code XML :
Dans les nœuds enfants du gadget BlogArchive.
Disponibilité par défaut par type de pages :
Toutes les pages.
Longueur maximum de la valeur :
Indéfini.
Set de réglages XML :
Disponible.
Conditions additionnelles :
url
: Aucune.data[i].url
: Aucune.data[i].data[i].url
: L'affichage hiérarchique est requis.data[i].data[i].data[i].url
: L'affichage hiérarchique quotidien est requis.
Ressources
Échantillonnage des ressources
widget:
type: BlogArchive,
version: 1 | 2
,
this:
url: URL,
canonical: URL,
http: URL,
https: URL,
size: number,
length: number,
escaped: string,
jsEscaped: string,
jsonEscaped: string,
cssEscaped: string
,
data:
url: url,
canonical: URL,
http: URL,
https: URL,
size: number,
length: number,
escaped: string,
jsEscaped: string,
jsonEscaped: string,
cssEscaped: string
,
data:
url: URL,
canonical: URL,
http: URL,
https: URL,
size: number,
length: number,
escaped: string,
jsEscaped: string,
jsonEscaped: string,
cssEscaped: string
,
data:
url: URL,
canonical: URL,
http: URL,
https: URL,
size: number,
length: number,
escaped: string,
jsEscaped: string,
jsonEscaped: string,
cssEscaped: string
Valeurs
Les valeurs sont variables et disponibles en fonction du style hiérarchique et de la fréquence d'archivage. Ces paramètres peuvent être modifiés via le panneau de configuration du gadget :
- UI
- Mise en page
- Modifier gadget BlogArchive
- Style
- UI
- Mise en page
- Modifier gadget BlogArchive
- Fréquence d'archivage
Implantation des données
Les données étant emboîtées dans plusieurs tableaux, le choix de la méthode d'implantation dépendra du résultat que vous voulez obtenir.
Pour réduire le temps de réponse, limitez le nombre de boucles et privilégiez l'usage de filtres :
Filtres premier et dernier set d'un tableau Les opérateurs de tableaux Les opérateurs Lambdas
Syntaxe basique
<b:includable id='main'> <!-- LEVEL 0 --> <data:url/> <!-- LEVEL 1 --> <b:loop values='data:data' var='level1'> <data:level1.url/> <!-- LEVEL 2 --> <b:loop values='data:level1.data' var='level2'> <data:level2.url/> <!-- LEVEL 3 --> <b:loop values='data:level2.data' var='level3'> <data:level3.url/> </b:loop> </b:loop> </b:loop> </b:includable>
Dans cet exemple, nous avons choisi les noms de variable level0
, level1
, level2
et level3
afin de bien distinguer les tableaux imbriqués.
Syntaxe d'uniformisation
<b:includable id='main' var='this'> <b:loop values='data:this' var='period'> <!-- OUTPUT ALL LEVELS --> <data:period.url/> <!-- CALL NEXT LEVEL --> <b:include cond='data:period.data' data='period.data' name='main'/> </b:loop> </b:includable>
La syntaxe d'uniformisation est une méthode qui consiste à inclure l'item dans un objet afin d'obtenir la formule object.item
. Cette méthode permet d'inclure les données équivalentes de tous les autres ensembles du gadget dans une même inclusion.
Dans cet exemple, nous avons choisi les noms de variable this
pour les tableaux imbriqués et period
pour les items des tableaux.
Dans tous les exemples suivants, nous utilisons cette syntaxe.
Indice de l'item
<b:includable id='main' var='this'> <b:loop values='data:this' var='period' index='i'> <!-- Index [i] --> <b:eval expr='data:this[i].url'/> <!-- Index [i+1] --> <b:with value='data:i + 1' var='next'> <b:eval expr='data:this[next].url'/> </b:with> <!-- Index [i-1] --> <b:if cond='data:i gt 0'> <b:with value='data:i - 1' var='prev'> <b:eval expr='data:this[prev].url'/> </b:with> </b:if> <!-- CALL NEXT LEVEL --> <b:include cond='data:period.data' data='period.data' name='main'/> </b:loop> </b:includable>
L'indice est un nombre entier positif (0 compris) qui représente la position de l'élément dans un tableau. Il peut être intègré directement dans les données de cette manière : data:array[index].item
. Quant à la donnée, elle doit obligatoirement être dans un attribut d'expression.
Dans notre exemple, nous utilisons l'indice pour retrouver l'élément courant [i]
, l'élément suivant [i+1]
et l'élément précédant [i-1]
.
Attention !
Les éléments du niveau racine ne s'afficheront pas puisque ce niveau n'est pas un tableau.
Premier et dernier item
<b:includable id='main' var='this'> <!-- First --> <b:eval expr='data:this.first.url'/> <!-- Last --> <b:eval expr='data:this.last.url'/> <!-- CALL NEXT LEVEL --> <b:loop values='data:this' var='period'> <b:include cond='data:period.data' data='period.data' name='main'/> </b:loop> </b:includable>
first
et last
sont des filtres qui permettent d'obtenir respectivement le premier et dernier élément d'un tableau sans avoir à recourir à l'usage d'une boucle.
Attention !
Les éléments du niveau racine ne s'afficheront pas puisque ce niveau n'est pas un tableau.
Mappage
<b:includable id='main' var='this'> <!-- OUTPUT ALL LEVELS --> <b:if cond='data:this.notEmpty'> <b:loop values='data:this map (this => this.url)' var='url'> <data:url/> </b:loop> </b:if> <!-- CALL NEXT LEVEL --> <b:loop values='data:this' var='period'> <b:include cond='data:period.data' data='period.data' name='main'/> </b:loop> </b:includable>
Le mappage est une opération qui consiste à regrouper des items d'un ensemble dans un nouvel ensemble.
Dans ce cas-ci, nous utilisons l'opérateur lambda map
.
L'ensemble racine étant déjà un tableau mappé, le gadget renverra une erreur. L'usage d'une condition pour exclure cet ensemble résoudra ce problème.
Réglages des données
Les réglages sont des items contenus dans l'objet des données qui renvoient une nouvelle valeur. Ils s'ajoutent à la suite des données.
Introduction aux réglages des données
Afin de simplifier les exemples, nous utilisons la syntaxe d'uniformisation.
Les réglages autorisés pour ces données sont :
URL Canonique et protocoles HTTP/HTTPS
<b:includable id='main' var='this'> <b:loop values='data:this' var='period'> <!-- CANONICAL --> <data:period.url.canonical/> <!-- HTTP --> <data:period.url.http/> <!-- HTTPS --> <data:period.url.https/> <!-- CANONICAL + HTTP --> <data:period.url.canonical.http/> <!-- CANONICAL + HTTPS --> <data:period.url.canonical.https/> <!-- CALL NEXT LEVEL --> <b:include cond='data:period.data' data='period.data' name='main'/> </b:loop> </b:includable>
L'url canonique des données peuvent être obtenues en appliquant le suffixe canonical
et les protocoles http
, https
peuvent être modifiés en appliquant les suffixes http
ou https
.
Longueur de la chaîne de caractères
<b:includable id='main' var='this'> <b:loop values='data:this' var='period'> <!-- WITH SIZE --> <data:period.url.size/> <!-- WITH LENGTH --> <data:period.url.length/> <!-- CALL NEXT LEVEL --> <b:include cond='data:period.data' data='period.data' name='main'/> </b:loop> </b:includable>
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
<b:includable id='main' var='this'> <b:loop values='data:this' var='period'> <!-- HTML ESCAPED --> <data:period.url.escaped/> <!-- JS ESCAPED --> <data:period.url.jsEscaped/> <!-- JSON ESCAPED --> <data:period.url.jsonEscaped/> <!-- CSS ESCAPED --> <data:period.url.cssEscaped/> <!-- CALL NEXT LEVEL --> <b:include cond='data:period.data' data='period.data' name='main'/> </b:loop> </b:includable>
La chaîne de caractères peut être échappée en utilisant les suffixes escaped
, jsEscaped
, jsonEscaped
et cssEscaped
.
Intégration dans des opérations
Les données peuvent être injectées dans des opérations. Le nombre de combinaisons étant très élevé, nous vous fournissons uniquement que quelques exemples qui sont spécifiquement pertinents à cette donnée. Afin de simplifier les exemples, nous utilisons la syntaxe d'uniformisation.
Opérateurs d'URLs
<b:includable id='main' var='this'> <b:loop values='data:this' var='period'> <!-- NEW PATH --> <a expr:href='data:period.url path "/2020/11"'>LINK</a> <!-- ADD PARAMS --> <a expr:href='data:period.url params { hl: "fr" }'>LINK</a> <!-- APPEND PARAMS --> <a expr:href='data:period.url appendParams { view: "light" }'>LINK</a> <!-- ADD FRAGMENT --> <a expr:href='data:period.url fragment "top"'>LINK</a> <!-- CALL NEXT LEVEL --> <b:include cond='data:period.data' data='data.period' name='main'/> </b:loop> </b:includable>
Les opérateurs path
, params
, appendParams
et fragment
permettent d'ajouter des caractéristiques à l'url.
Récipients dans le thème
Cette section répertorie les emplacements des récipients qui accueillent cette donnée.
Data | Gadget Type | ID Inclusion | Gadget Version | Layouts Version | Thème |
---|---|---|---|---|---|
data[i].url |
BlogArchive |
flat |
1 | 1 2 | Default |
data[i].url |
BlogArchive |
flat |
2 | 3 | Default |
data[i].url data[i].data[i].url data[i].data[i].data[i].url |
BlogArchive |
interval |
1 | 1 2 | Default |
data[i].url data[i].data[i].url data[i].data[i].data[i].url |
BlogArchive |
interval |
2 | 3 | Default |
data[i].url |
BlogArchive |
menu |
1 | 1 2 | Default |