normalPost : Reconstruction des articles (V2 variantes) - Blogger XML Documentation

Blogger - normalPost [Common GV2 Markup]
Gadget Version 1 Gadget Version 2 Balisage
Aucun gadget Common
Notable
Description de l'inclusion
normalPost est le nom d'une inclusion Commune. Ces variantes sont spécifiques au thème Notable et deviennent prioritaires par rapport au balisage original dans l'éditeur XML. Mais comme celui-ci n'existe pas, la question de priorité ne se pose pas.
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
Inexistant.


Disponibilité des variantes de l'inclusion

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

Variante inexistante pour ces thèmes.



Balisage dans Emporio

Variante inexistante pour ce thème.



Balisage dans Notable

Cette variante a été conçue pour fonctionner avec les gadgets Blog et PopularPosts et reconstruit intégralement l'article.

Le code XML

<b:includable id='normalPost'>
  <b:if cond='(not data:view.isSingleItem or data:widget.type == "PopularPosts")'>
    <b:if cond='data:post.featuredImage and (data:widget.type != "PopularPosts" or data:this.postDisplay.showFeaturedImage)'>
      <a class='snippet-thumbnail' expr:href='data:post.url'>
        <b:if cond='data:post.featuredImage.isResizable'>
          <span class='snippet-thumbnail-img' expr:id='"snippet_thumbnail_id_" + data:post.id'/>
          <style>
            @media (min-width: 1168px) {
              <b:eval expr='"#snippet_thumbnail_id_" + data:post.id'/> {
                background-image: url(<b:eval expr='resizeImage(data:post.featuredImage, 256, "1:1").cssEscaped'/>);
              }
            }
            @media (min-width: 969px) and (max-width: 1167px) {
              <b:eval expr='"#snippet_thumbnail_id_" + data:post.id'/> {
                background-image: url(<b:eval expr='resizeImage(data:post.featuredImage, 1167, "3:2").cssEscaped'/>);
              }
            }
            @media (min-width: 601px) and (max-width: 968px) {
              <b:eval expr='"#snippet_thumbnail_id_" + data:post.id'/> {
                background-image: url(<b:eval expr='resizeImage(data:post.featuredImage, 968, "3:2").cssEscaped'/>);
              }
            }
            @media (max-width: 600px) {
              <b:eval expr='"#snippet_thumbnail_id_" + data:post.id'/> {
                background-image: url(<b:eval expr='resizeImage(data:post.featuredImage, 600, "3:2").cssEscaped'/>);
              }
            }
          </style>
        <b:else/>
          <img expr:src='data:post.featuredImage'/>
        </b:if>

      </a>
    <b:else/>
      <div class='snippet-thumbnail thumbnail-empty'/>
    </b:if>
  </b:if>
  <div class='post-content container'>
    <div class='post-title-container'>
      <b:include data='post' name='postTitlepostTitleOriginal markupTheme markup'/>
    </div>
    <div class='post-header-container container'>
      <b:if cond='data:view.isSingleItem and data:widgets.Blog.first.allBylineItems.author and data:post.author.authorPhoto.image and data:widget.type != "PopularPosts"'>
        <div class='post-author-profile-pic-container'>
          <b:include data='{ image: data:post.author.authorPhoto.image, imageRatio: "1:1", imageSizes: [84, 168], sourceSizes: "84px", imageClass: "post-author-profile-pic" }' name='responsiveImage'/>
        </div>
      </b:if>
      <b:include data='post' name='headerByline'/>
    </div>
    <b:if cond='data:view.isSingleItem and data:widget.type != "PopularPosts"'>
      <div class='post-body-container'>
        <b:include data='post' name='postBody'/>
        <div class='post-sidebar invisible'>
          <b:with value='data:widget.instanceId + "-normalpostsidebar-" + data:post.id' var='sharingId'>
            <b:include cond='data:post.shareUrl' data='{ shareButtonClass: "post-share-buttons-top", overridden: true }' name='maybeAddShareButtons'/>
          </b:with>
          <b:if cond='data:post.labels and !data:post.labels.empty and data:widgets.Blog.first.allBylineItems.labels'>
            <div class='post-labels-sidebar'>
              <h3><data:messages.labels/></h3>
              <b:include data='post' name='postLabels'/>
            </div>
          </b:if>
        </div>
      </div>
    <b:else/>
      <b:include cond='data:this.postDisplay.showSnippet ?: true' data='post' name='postBodySnippet'/>
    </b:if>
    <b:include data='post' name='postFooter'/>
  </div>
</b:includable>

Les nœuds parents

ID Inclusion Balisage
post
Notable
snippetedPostContent
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

Outils de sauvegarde et suppression du blog

Ajouter des boutons à la barre de partage Blogger