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

Blogger - heroPost [Common GV2 Markup]
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

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


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.

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.



Spotlight

Populaires cette semaine

Ajouter des boutons à la barre de partage Blogger