post : Article dans le gadget Blog (V2 variantes) - Blogger XML Documentation

Blogger - post [Blog GV2 Markup]
Gadget Version 1 Gadget Version 2 Balisage
Aucun gadget Blog
Emporio
Notable
Soho
Description de l'inclusion
post est une inclusion du gadget Blog qui affiche l'article et tous ses composants. Les variantes de cette page sont spécifiques aux thèmes Emporio, Notable et Soho. 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 Original Original+
Emporio Theme Original+
Essential Original Original+
Notable Theme 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

Par rapport au balisage original, cette variante retravaille l'image principale de l'article.

Le code XML

<b:includable id='post' var='post'>
  <b:with value='"post-thumb-" + data:post.id' var='thumbClassName'>
    <div expr:class='"post-wrapper not-hero post-" + data:post.id'>
      <b:include name='postWrapperClasses'/>

      <b:comment>Standard feed thumbs always added, as they're needed for mobile view.</b:comment>
      <b:include cond='data:post.featuredImage and data:view.isMultipleItems' name='standardPostImageStyle'/>
      <b:include name='feedPostImage'/>

      <div class='slide'>
        <b:include data='post' name='super.post'/>
      </div>
    </div>
  </b:with>
</b:includable>

Les nœuds parents

ID Inclusion Balisage
postCommentsAndAd
Original


Balisage dans Notable

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

Le code XML

<b:includable id='post' var='post'>
  <b:include name='normalPost'/>
</b:includable>

Les nœuds parents

ID Inclusion Balisage
postCommentsAndAd
Original


Balisage dans Soho

Cette variante ne fait pas dans la demi-mesure, puisque tout le contenu est totalement réorganisé.

Le code XML

<b:includable id='post' var='post'>
  <b:if cond='data:view.isSingleItem'>
    <div class='post-sidebar'>
      <b:if cond='data:widgets.Blog.first.allBylineItems.share and data:post.shareUrl'>
        <div class='post-sidebar-item post-share-buttons'>
          <b:with value='data:widget.instanceId + "-" + (data:regionName ?: "byline") + "-" + data:post.id' var='sharingId'>
            <b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, shareUrl: data:post.shareUrl, platforms: data:blog.sharing.platforms, }' name='sharingButtons'/>
          </b:with>
        </div>
      </b:if>
      <b:if cond='data:widgets.Blog.first.allBylineItems.labels and data:post.labels'>
        <div class='post-sidebar-item post-sidebar-labels'>
          <div><data:messages.labels/></div>
          <ul>
            <b:loop index='i' values='data:post.labels' var='label'>
              <li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li>
            </b:loop>
          </ul>
        </div>
      </b:if>
    </div>
  </b:if>
  <div class='post'>
    <b:class cond='data:view.isMultipleItems and data:post.featuredImage' name='has-featured-image'/>
    <b:class cond='data:view.isMultipleItems and not data:post.featuredImage' name='no-featured-image'/>
    <b:include data='post' name='postMeta'/>
    <b:if cond='data:view.isSingleItem'>
      <b:include name='headerByline'/>
      <b:include data='post' name='postTitle'/>
      <div class='post-body-container'>
        <b:include data='post' name='postBody'/>
      </div>
      <b:else/>
      <b:if cond='data:post.featuredImage'>
        <div class='snippet-thumbnail'>
          <a expr:href='data:post.url'>
            <b:comment>Max width is 576, so max size @ 2x is 1152.</b:comment>
            <b:include data='{ image: data:post.featuredImage, imageSizes: [320,490,576,1152], sourceSizes: "(max-width: 576px) 100vw, (max-width: 1024px) 576px, 490px" }' name='responsiveImage'/>
          </a>
          <b:include name='headerByline'/>
        </div>
      <b:else/>
        <b:include name='headerByline'/>
      </b:if>
      <b:include data='post' name='postTitle'/>
    </b:if>
    <b:include data='post' name='postFooter'/>
  </div>
</b:includable>

Les nœuds parents

ID Inclusion Balisage
postCommentsAndAd
Original
postCommentsAndAd
Soho


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