responsiveImage : Images réactives (V2 variantes) - Blogger XML Documentation

Blogger - responsiveImage [Common GV2 Markup]
Gadget Version 1 Gadget Version 2 Balisage
Aucun gadget Common
Soho
Description de l'inclusion
responsiveImage est le nom d'une inclusion Commune. Ces variantes sont spécifiques au thème Soho et deviennent prioritaires par rapport au balisage original dans l'éditeur XML.
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.


Disponibilité des variantes de l'inclusion

Thèmes FrontEnd BackEnd
Original Inexistant Original
Contempo Inexistant Original
Emporio Inexistant Original
Essential Inexistant Original
Notable Inexistant 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


Balisage dans Contempo & Essential

Variante inexistante pour ces thèmes.



Balisage dans Emporio

Variante inexistante pour ce thème.



Balisage dans Notable

Variante inexistante pour ce thème.



Balisage dans Soho

Par rapport au balisage original, cette variante ajoute des caractéristiques pour que les images en provenance de YouTube puissent être traitées dans le nœud enfant.

Le code XML

<b:includable id='responsiveImage' var='settings'>
  <b:comment>Add in the high-res thumb for youtube images.</b:comment>
  <b:if cond='not data:settings.image.isYoutube'>
    <b:include data='settings' name='super.responsiveImage'/>
  <b:else/>
    <b:with value='resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 1152, "4:3")' var='highRes'>
      <b:include data='{ image: data:settings.image, imageSizes: [320,490], sourceSizes: "(max-width: 640px) 100vw, (max-width: 1024px) 576px, 490px", enhancedSourceset: data:highRes }' name='super.responsiveImage'/>
    </b:with>
  </b:if>
</b:includable>

Les nœuds parents

ID Inclusion Balisage
post
Soho
snippetedPostContent
Soho


Spotlight

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

Populaires cette semaine

Ajouter des boutons à la barre de partage Blogger