snippetedPostThumbnail : Image du snippet (V2 variantes) - Blogger XML Documentation

Extrait de la documentation personnelle de
Blogger - snippetedPostThumbnail [Blog/FeaturedPost/PopularPosts GV2 Markup]
Gadget Version 1 Gadget Version 2 Balisage
Aucun gadget Blog FeaturedPost PopularPosts
Contempo
Emporio
Essential
Soho
Description de l'inclusion
snippetedPostThumbnail est une inclusion des gadgets Blog, FeaturedPost et PopularPosts destinée à générer l'image de l'article. Les variantes de cette page sont spécifiques aux thèmes Contempo, Emporio, Essential et Soho. Ces balisages étant explicites, ils deviennent prioritaires dans leur thème respectif par rapport au balisage original.
Directives d'usage et niveau de priorité de mise à jour
Thème Version 1
Garantie d'usage : Aucune
Aucune priorité
Thème Version 2
Garantie d'usage : Aucune
Aucune priorité
Thème Dynamique
Garantie d'usage : Aucune
Aucune priorité
Thème Version 3
Garantie d'usage : Oui
Priorité haute
Balisage original
Existe, excepté dans le gadget Blog.


Disponibilité des variantes de l'inclusion

Thèmes FrontEnd BackEnd
Original Inexistant Inexistant
Contempo Inexistant Inexistant
Emporio Theme Inexistant
Essential Inexistant Inexistant
Notable Inexistant Inexistant
Soho Inexistant Inexistant
Afficher le balisage original
Légende :
  • Original : Balisage original
  • Original+ : Balisage original (super)
  • Theme : Balisage spécifique au thème
  • Inexistant : Balisage inexistant
Thèmes FrontEnd BackEnd
Original Original Original+
Contempo Theme Original+
Emporio Theme Original+
Essential Theme Original+
Notable Original Original+
Soho Theme Original+
Afficher le balisage original
Légende :
  • Original : Balisage original
  • Original+ : Balisage original (super)
  • Theme : Balisage spécifique au thème
  • Inexistant : Balisage inexistant
Thèmes FrontEnd BackEnd
Original Original Original+
Contempo Original Original+
Emporio Theme Original+
Essential Original Original+
Notable Original Original+
Soho Original Original+
Afficher le balisage original
Légende :
  • Original : Balisage original
  • Original+ : Balisage original (super)
  • Theme : Balisage spécifique au thème
  • Inexistant : Balisage inexistant


Balisage dans Contempo & Essential

Dans cette variante destinée au gadget FeaturedPost, la vignette de la vidéo YouTube est extraite (si elle existe).

FeaturedPost
Le code XML

<b:includable id='snippetedPostThumbnail'>
  <div class='snippet-thumbnail'>
    <b:with value='data:post.featuredImage.isYoutube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 945, "945:600") : ""' var='highRes'>
      <b:include data='{ image: data:post.featuredImage, imageSizes: [256, 512, 945, 1684], imageRatio: "945:600", sourceSizes: "(min-width: 954px) 842px, (min-width: 801px) calc(100vw - 112px), calc(100vw - 64px)", enhancedSourceset: data:highRes }' name='responsiveImage'/>
    </b:with>
  </div>
</b:includable>

Les nœuds parents

ID Inclusion Balisage
snippetedPostContent
Contempo
Essential
snippetedPostContent
Original


Balisage dans Emporio

Cette variante est quasi identique au balisage original. A la différence près que le set des tailles est redéfini.

Blog
FeaturedPost
PopularPosts
Le code XML

<b:includable id='snippetedPostThumbnail'>
  <div class='item-thumbnail'>
    <a expr:href='data:post.url'>
      <b:include data='{ image: data:post.featuredImage, imageSizes: [280,560,840,1120,1400] }' name='responsiveImage'/>
    </a>
  </div>
</b:includable>

Les nœuds parents

ID Inclusion Balisage
snippetedPostContent
Emporio
snippetedPostContent
Original


Balisage dans Notable

Variante inexistante pour ce thème.



Balisage dans Soho

Spécifique au gadget FeaturedPost, cette variante redéfini tous les paramètres de l'image responsive.

FeaturedPost
Le code XML

<b:includable id='snippetedPostThumbnail'>
  <b:include data='{image: data:featuredImage, maxSize: 954, selector: ".hero-thumb"}' name='responsiveImageStyle'/>
  <a class='thumb-link' expr:href='data:post.url'><div class='thumb hero-thumb'/></a>
</b:includable>

Les nœuds parents

ID Inclusion Balisage
snippetedPostContent
Soho
snippetedPostContent
Original


Les variantes des inclusions des gadgets Blog/FeaturedPost/PopularPosts

Retourner dans la vue d'ensemble du Gadget Blog Retourner dans la vue d'ensemble du Gadget FeaturedPost Retourner dans la vue d'ensemble du Gadget PopularPosts

Source & contribution

Google PE Program
Équipe Blogger/Experts Produit Blogger

Classifications, corrélations & échantillonnages

Soraya Lambrechts

Dernière mise à jour

Licence - La reproduction du contenu de ce blog n'est pas autorisée

Aucune disposition des Conditions d'Utilisation de ce blog ne pourra être interprétée comme conférant à l'Utilisateur une licence sur les Droits de Propriété Intellectuelle.

Le blog Blogger Code PE ne concède qu'une autorisation de visualisation de son contenu à titre personnel et privé. Les copies ou reproductions doivent être strictement réservées à l'usage privé du copiste.

Toute reproduction abusive, totale ou partielle du blog Blogger Code PE, représentation, modification, publication, traduction, adaptation totale ou partielle de l'un quelconque de ces éléments, accompagnée ou non d'un lien de référence, quel que soit le moyen ou le procédé utilisé, est interdite et sera considérée comme constitutive d’une contrefaçon et passible de poursuite (Les peines prévues à cet effet sont une condamnation de 3 ans d'emprisonnement et une amende de 300.000€) conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.

En savoir plus

Nous nous réservons le droit d'afficher dans ce cadre les notifications d'infraction à la loi DMCA en relation avec le contenu de ce document et déposées par les représentants agréés du blog Blogger Code PE.

Image

Affiliée au Product Experts Icon Google Product Experts Program - Ambassador & Troubleshooter.

  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Spécialisation : Technologie des thèmes Blogger.

Auteur originel de la théorie du langage XML Blogger : Règles syntaxiques, directives d'usage, classifications, compilations et corrélations des composants.
Cela représente près de 10 années de travail. Je remercie tous ceux qui ont respecté ma propriété intellectuelle et j'offre mes meilleurs sentiments aux nombreux contributeurs (Amis, Utilisateurs, Experts Produits Google, Blogger Team et Ingénieurs).

Spotlight

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

Par –
Image
En 2007, une évolution importante est survenue dans l'univers de Blogger : l'éditeur XML de thème a fait son apparition, brouillant les lignes entre backEnd et frontEnd pour des millions de "Bloggeriens". Mais que signifie cette évolution pour les utilisateurs ? Et surtout, qu'en est-il de la propriété intellectuelle et de la licence de ces thèmes ? Plongeons dans les détails de ce curieux mélange technique tout en tenant compte des Conditions générales d'utilisation (CGU) de Google.
En savoir plus ➤

Populaires cette semaine

Foire aux questions Blogger (Novembre 2021)

Par –
Image
Halloween a ouvert le bal des festivités en ce mois de novembre et attendez-vous à croiser des citrouilles un peu partout sur les produits Google. Plus particulièrement sur la tête des Googlers qui adorent se déguiser en cette période de l'année. Mais ne paniquez pas, ici sur Blogger Code PE, on est sérieusement sérieux et on veille au grain pendant que d'autres s'amusent...
En savoir plus ➤

Outils de sauvegarde et suppression du blog

Par –
Image
Est-il utile d'effectuer une sauvegarde sur Blogger ?
Il existe mille et une raisons pour qu'on envisage de récupèrer son contenu.
Même si la plupart sont justifiées ou même fantaisistes, on ne va pas s'amuser à vous les énumérer parce que dans le lot, il y a aussi des raisons malsaines qui vont à l'encontre de l'éthique du bon Bloggerien.
Mais sachez que tout le contenu que vous ajoutez sur Blogger vous appartient et que par définition, vous êtes libre de le récupérer.
Gardez bien en tête que l'initiative de la sauvegarde est de votre responsabilité et que ce n'est pas Blogger qui la prendra à votre place.
En savoir plus ➤