Populaire ce mois

snippetedPostThumbnail [GV2 markup]

Gadget TypeGadget VersionLayouts VersionTheme NameUpdate Version
Blog
FeaturedPost
PopularPosts
2
3
Contempo
Emporio
Soho
Révision 1.3.0
Nous vous rappelons que lorsque vous accédez à ce blog, vous signez automatiquement un accord avec Blogger Code.
Consultez les CGU.


Blogger - snippetedPostThumbnail [Blog/FeaturedPost/PopularPosts GV2 Markup]
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 et Soho. Ces marquages étant explicites, ils deviennent prioritaires dans leur thème respectif par rapport à la version originale (si elle existe).


Disponibilité des variantes de l'inclusion

Emplacement du code Gadget Type Maquette originale Contempo Emporio Notable Soho
Éditeur XML
Blog
Inexistant Inexistant Marquage Inexistant Inexistant
FeaturedPost
Inexistant Marquage Marquage Inexistant Marquage
PopularPosts
Inexistant Inexistant Marquage Inexistant Inexistant
Serveur Blogger
Blog
Inexistant Inexistant Inexistant Inexistant Inexistant
FeaturedPost
Par défaut Par défaut (super) Par défaut (super) Par défaut Par défaut (super)
PopularPosts
Par défaut Par défaut Par défaut (super) Par défaut Par défaut


Marquage dans Contempo

Dans cette variante destinée au gadget FeaturedPost, la vignette de la vidéo YouTube est extraite (si elle existe).
FeaturedPost
<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

Gadget Type Inclusion Gadget Version Layouts Version Thème
FeaturedPost
snippetedPostContent 2 3
Contempo
FeaturedPost
PopularPosts
snippetedPostContent 2 3
Par défaut


Marquage dans Emporio

Cette variante est quasi identique à la version originale. A la différence près que le set des tailles est redéfini.
Blog
FeaturedPost
PopularPosts
<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

Gadget Type Inclusion Gadget Version Layouts Version Thème
PopularPosts
snippetedPostContent 2 3
Emporio
FeaturedPost
PopularPosts
snippetedPostContent 2 3
Par défaut


Marquage dans Notable

Aucune variante n'existe pour ce thème.


Marquage dans Soho

Spécifique au gadget FeaturedPost, cette variante redéfini tous les paramètres de l'image responsive.
FeaturedPost
<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

Gadget Type Inclusion Gadget Version Layouts Version Thème
FeaturedPost
snippetedPostContent 2 3
Soho
FeaturedPost
PopularPosts
snippetedPostContent 2 3
Par défaut


La version originale de l'inclusion

Gadget Type Inclusion Gadget Version Layouts Version Thème
FeaturedPost
PopularPosts
snippetedPostThumbnail 2 3
Par défaut


Retourner dans la vue d'ensemble du gadget Blog Version 2 Retourner dans la vue d'ensemble du gadget FeaturedPost Version 2 Retourner dans la vue d'ensemble du gadget PopularPosts Version 2

Fiches populaires cette semaine

Les opérateurs d'images [resizeImage/sourceSet]

Ajouter des boutons au menu de partage