responsiveImage
: Images réactives (V2 variantes) - Blogger XML Documentation
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 1Garantie d'usage : AucuneAucune prioritéThème Version 2Garantie d'usage : AucuneAucune prioritéThème DynamiqueGarantie d'usage : AucuneAucune prioritéThème Version 3Garantie d'usage : OuiPriorité 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 |
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 |