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

Blogger - postBodySnippet [Blog/Common GV2 Markup]
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

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
Légende :
  • Original : Balisage original
  • Original+ : Balisage original (super)
  • Theme : Balisage spécifique au thème
  • Inexistant : Balisage inexistant


Balisage dans Contempo & Essential

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

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.

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.

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.



Spotlight

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

Populaires cette semaine

Foire aux questions Blogger (Novembre 2021)

Ajouter des boutons à la barre de partage Blogger