heroPost : L'article en vedette (V2 variantes) - Blogger XML Documentation

Gadget Version 1	Gadget Version 2	Balisage
Aucun gadget	Common	Notable

Description de l'inclusion

heroPost 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

Légende :

• Original : Balisage original
• Original+ : Balisage original (super)
• Theme : Balisage spécifique au thème
• Inexistant : Balisage inexistant

Thèmes	Éditeur XML	Cloud
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

Ces thèmes ne contiennent aucune variante.

Balisage dans Emporio

Ce thème ne contient aucune variante.

Balisage dans Notable

Cette variante a été conçue pour fonctionner avec le gadget FeaturedPost et reconstruit intégralement l'article en vedette.

• Code XML
• Nœuds parents

Le code XML

<b:includable id='heroPost'>
  <b:with expr:value='(data:postDisplay.showFeaturedImage ?: true) and data:post.featuredImage' var='hasImage'>
    <div class='heroPost'>
      <b:class cond='!data:hasImage' name='noimage'/>
      <b:if cond='data:hasImage'>
        <div class='big-post-image-top-container'>
          <b:include cond='(data:postDisplay.showFeaturedImage ?: true) and data:post.featuredImage' data='{ image: data:post.featuredImage, selector: ".big-post-image-top", imageSizes: [480, 640, 800, 1200], imageRatio: "3:2" }' name='responsiveImageStyle'/>
          <a class='big-post-image-top' expr:href='data:post.url'/>
        </div>
      </b:if>
      <div class='big-post-title'>
        <div class='big-post-title-inner'>
          <b:if cond='(data:postDisplay.showTitle ?: true) and data:post.title != ""'>
            <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
          </b:if>
          <b:include name='headerByline'/>
          <b:if cond='data:hasImage'>
            <b:with value='"hero-post"' var='snippetPrefix'>
              <b:include name='heroPostSnippet'/>
            </b:with>
            <b:include data='post' name='postFooter'/>
          </b:if>
        </div>
      </div>
      <b:if cond='!data:hasImage'>
        <div class='big-post-text'>
          <div class='big-post-text-inner'>
            <b:with value='"hero-post-noimage"' var='snippetPrefix'>
              <b:include name='heroPostSnippet'/>
            </b:with>
            <b:include data='post' name='postFooter'/>
          </div>
        </div>
      </b:if>
      <b:if cond='(data:postDisplay.showFeaturedImage ?: true) and data:post.featuredImage'>
        <a class='big-post-image' expr:href='data:post.url' expr:style='((data:postDisplay.showFeaturedImage ?: true) and data:post.featuredImage) ? ("background-image: url(\"" + resizeImage(data:post.featuredImage, 612, "612:1000") + "\");") : ""'/>
      </b:if>
    </div>
  </b:with>
</b:includable>

Les nœuds parents

ID Inclusion	Balisage
snippetedPosts	Notable

Balisage dans Soho

Ce thème ne contient aucune variante.

Les variantes des inclusions Communes

• feedPostImage
• heroPost
• heroPostSnippet
• normalPost
• normalPostBodySnippet
• postBody
• postBodySnippet
• postTitle
• responsiveImage
• standardPostImageStyle
• widgetNotAvailableInPreview

Retourner dans la vue d'ensemble des inclusions Communes