web-dev-qa-db-fra.com

Comment dire à blogger quelle image est la vignette à utiliser dans les données: post.thumbnailUrl?

J'ai récemment commencé avec blogger. Je modifiais un peu la page d'accueil pour afficher des miniatures et publier des extraits avec un lien de lecture supplémentaire.

Beaucoup de sites Web disent d'utiliser ce genre de code:

  <b:if cond='data:blog.pageType != &quot;index&quot;'>
      <b:if cond='data:post.snippet'>
      <b:if cond='data:post.thumbnailUrl'>
          <div class='Image thumb'>
            <img expr:src='data:post.thumbnailUrl'/>
          </div>
      </b:if>
        <data:post.snippet/>
      <b:else/>
        <data:post.body/>
      </b:if>
  <b:else/>
  <data:post.body/>
  </b:if>

Mais pouvons-nous dire à blogger ce qu'il y a dans data:post.thumbnailUrl? Pour certaines personnes, les blogueurs choisiront simplement une image de leur message comme par magie.

Comment puis-je décider quelle vignette sera utilisée?

5
Kev

Vous ne pouvez pas contrôler cela, Blogger décide lui-même quelle image utiliser.

J'ai fait quelques recherches il y a quelque temps (documenté ici ), et j'en ai conclu que ce sont probablement les premières images de l'article qui sont à la fois

  1. sur une certaine taille, et
  2. hébergé dans vos propres albums Picasa-Web-albums/Google + Photos.

De mémoire, je pense que les tests ont montré que la taille était de 17k. Mais je ne suis pas sûr à 100% si cette règle est universelle - elle peut également dépendre des dimensions de l'image, car je ne vois pas comment une vignette très grande ou très large serait trop utile.

3
MaryC.fromNZ

En fait, vous pouvez le faire, mais de manière un peu moins sophistiquée.

En tant que blogueur, la première image d'un message est considérée comme une vignette et vous souhaitez ajouter une autre image sous forme de vignette qui ne devrait pas être incluse dans un message ou quelque chose du genre. Suivez ces étapes.

  1. Ajoutez la vignette en haut de la publication.
  2. Allez dans 'HTML' (vous êtes dans l'onglet de personnalisation en ce moment) et localisez la balise image.
  3. Ajoutez-y un attribut de style et ajoutez la propriété display à none: <img style="display:none;">
  4. Revenez pour personnaliser l'onglet et publiez le post.
  5. Vous remarquerez que sur l'écran d'accueil, vous pouvez voir la vignette, mais après avoir ouvert le message, vous ne la verrez pas.
  6. C'est tout!

Si quelqu'un n'a pas compris cela, alors j'ai écrit un article de blog basé sur cela.

6
SreYash

Blogger ne sélectionne pas les images par magie. Blogger choisira automatiquement la première image en tant que vignette. Donc, si vous devez conserver votre propre image sous forme de vignette, assurez-vous que l'image souhaitée est conservée en premier pendant que vous écrivez l'article.

3
Anz Joy