postBodySnippet : Extrait de l'article (V2 variantes) - Blogger XML Documentation

Gadget Version 1	Gadget Version 2	Balisage
Aucun gadget	Blog Common	Contempo Emporio Essential Notable

Description de l'inclusion

postBodySnippet est une inclusion Commune et du gadget Blog qui affiche l'extrait de l'article. Les variantes de cette page sont spécifiques aux thèmes Contempo, Emporio, Essential et Notable. 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.

Disponibilité des variantes de l'inclusion

• Blog
• Common

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	Theme	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

Thèmes	FrontEnd	BackEnd
Original	Inexistant	Inexistant
Contempo	Inexistant	Inexistant
Emporio	Inexistant	Inexistant
Essential	Inexistant	Inexistant
Notable	Theme	Inexistant
Soho	Inexistant	Inexistant
Afficher le balisage original

Balisage dans Contempo & Essential

Par rapport au balisage original, cette variante remplace tout le contenu par une vignette et un extrait de l'article.

• Code XML
• Nœuds parents

Blog

Le code XML

<b:includable id='postBodySnippet' var='post'>
  <div class='container post-body entry-content' expr:id='"post-snippet-" + data:post.id'>

    <b:if cond='data:post.featuredImage'>
      <div class='snippet-thumbnail'>
        <b:include data='{ image: data:post.featuredImage, imageSizes: [32, 64, 128, 256], imageRatio: "1:1", sourceSizes: "(max-width: 800px) 20vw, 128px" }' name='responsiveImage'/>
      </div>
    </b:if>
    <b:include cond='data:post' data='post' name='postSnippet'/>
  </div>
</b:includable>

Les nœuds parents

ID Inclusion	Balisage
post	Original

Balisage dans Emporio

Par rapport au balisage original, tout le contenu est remplacé par une image d'arrière-plan.

• Code XML
• Nœuds parents

Blog

Le code XML

<b:includable id='postBodySnippet' var='post'>
  <div class='post-body entry-content' expr:id='"post-snippet-" + data:post.id'>
    <b:if cond='data:post.featuredImage and not data:view.isMultipleItems'>
      <b:with value='"post-" + data:post.id' var='className'>
        <style>
          .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 385, "385:185").cssEscaped'/>);}
          @media (max-width: 285px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 285, "285:185").cssEscaped'/>);} }
          @media (max-width: 385px) and (min-width: 286px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 385, "385:185").cssEscaped'/>);} }
          @media (max-width: 485px) and (min-width: 386px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 485, "485:185").cssEscaped'/>);} }
          @media (max-width: 745px) and (min-width: 486px) { .<data:className/> {background-image:url(<b:eval expr='resizeImage(data:post.featuredImage, 585, "585:185").cssEscaped'/>);} }
        </style>
        <div class='snippet-thumbnail-container'>
          <div expr:class='"snippet-thumbnail " + data:className'/>
        </div>
      </b:with>
    </b:if>
    <div style='clear: both;'/>
  </div>
</b:includable>

Les nœuds parents

ID Inclusion	Balisage
post	Original

Balisage dans Notable

L'inclusion est pratiquement vidée et laisse la reconstruction totale de l'article à l'inclusion enfant.

• Code XML
• Nœuds parents

Blog

Common

Le code XML

<b:includable id='postBodySnippet' var='post'>
  <b:with value='"post"' var='snippetPrefix'>
    <b:include data='post' name='normalPostBodySnippet'/>
  </b:with>
</b:includable>

Les nœuds parents

ID Inclusion	Balisage
post	Original
postCommentsAndAd	Notable

Balisage dans Soho

Variante inexistante pour ce thème.

Les variantes des inclusions des gadgets Commun et Blog

• main
• commentsLink
• defaultAdUnit
• emailPostIcon
• feedLinks
• feedPostImage
• footerBylines
• headerByline
• heroPost
• heroPostSnippet
• homePageLink
• inlineAd
• nextPageLink
• normalPost
• normalPostBodySnippet
• post
• postBody
• postBodySnippet
• postCommentsAndAd
• postFooter
• postFooterJumpLink
• postJumpLink
• postLabels
• postShareButtons
• postTitle
• postWrapperClasses
• previousPageLink
• responsiveImage
• sharingButtonContent
• snippetedPostByline
• snippetedPostThumbnail
• standardPostImageStyle
• widgetNotAvailableInPreview

Retourner dans la vue d'ensemble des inclusions Communes Retourner dans la vue d'ensemble du Gadget Blog