Enclosure : Liens de contenu (pièces jointes des articles)

L'option Lien de contenu est une option spécifique aux articles Blogger qui permet d'associer des liens aux articles.
Ces liens peuvent être des adresses web, des documents, des fichiers musicaux, des vidéos, des images, etc.

Activer la fonctionnalité

Étape 1. Activation des flux des articles du blog.

• Tableau de bord
• Paramètres
• Autre
• Flux
• Autoriser les flux de blog

Sélectionnez un des choix en vert.

• Aucun
• Partiel
• Jusqu'au marqueur d'expansion
• Complet

Étape 2. Autoriser l'ajout de pièces jointes dans les articles.

• Tableau de bord
• Paramètres
• Autre
• Flux
• Activer les liens de titre et les liens de contenu
• OUI

Lorsque les 2 étapes ont été franchie, l'éditeur d'articles affichera des options supplémentaires en rapport avec les liens de l'article.

Ajouter des liens de contenu à un article

Les liens de contenu peuvent être ajoutés dans les paramètres des articles (via l'éditeur d'articles).

• Tableau de bord
• Article
• Paramètres des articles
• Liens
• Liens vers des pièces jointes

Chaque pièce jointe doit contenir 2 informations : Le lien et le type mime. Il y a donc, 2 entrées prévues à cet effet :

1. Le lien (la flèche verte)
2. Le type/mime (la flèche bleue)

Un article peut contenir plusieurs pièces jointes. Pour ajouter de nouvelles entrées, cliquez sur Ajouter un autre lien de contenu afin d'afficher 2 nouvelles cellules dans les paramètres.

Qu'est-ce que le Type/MIME ?

Pour les formats de fichier standard vous devez absolument utiliser les mentions de type Mime prévues à cet effet. Quand malgré vos recherches, par exemple dans le répertoire des types de médias IANA vous ne trouvez pas le moindre renseignement qui vous dise s'il existe déjà un type Mime établi pour un format de fichier donné, vous pouvez en fixer un vous-même. La même chose s'applique pour des formats de fichier entièrement personnels.

Pour ce faire, vous devez connaître le schéma des types Mime. Un type Mime comprend deux parties : la mention d'un type de média et la mention d'un sous-type. Les deux mentions sont séparées par une barre oblique.

Exemples :

text/html

image/gif

A savoir : Blogger détecte automatiquement certains Type/Mime.

Il existe les types de média suivants :

type	Signification
text	pour les fichiers texte
image	pour les fichiers graphiques
video	pour les fichiers vidéo
audio	pour les fichiers son
application	pour les fichiers qui sont liés à un programme déterminé
multipart	pour les données en plusieurs parties
message	pour les nouvelles
model	pour les fichiers qui représentent des structures en plusieurs dimensions

Les étiquettes Blogger exploitables

Les étiquettes ci-dessous, vont vous permettre d'extraire directement sur votre blog, depuis le code HTML du gadget Blog, les renseignements que vous voulez exploiter.

Extrait de la représentation des ressources du gadget Blog

{
  "type": "Blog",
  "data": {
    "posts": [
      {
        "enclosures": [
          {
            "url": value,
            "mimeType": value
          }
        ]
      }
    ]
  }
}

Extraction des données dans le code HTML

Grâce aux étiquettes Blogger, il est possible d'extraire les liens et de les retravailler dans le code HTML du modèle.
Comme il s'agit de données d'articles, celles-ci doivent être employées dans le code HTML du gadget blog, dans les inclusions des articles ou dans leurs inclusions enfants.

• L'inclusion post (Articles version web)
• L'inclusion mobile index post (Pages index version mobile)
• L'inclusion mobile post (Articles version mobile)

Il faut principalement retenir que tous ces emplacements sont contenu dans une boucle d'articles :

<b:loop values='data:posts' var='post'>

  

</b:loop>

Quant aux données des pièces jointes elles-mêmes, elles doivent également être traitées dans une boucle :

<b:loop values='data:post.enclosures' var='NOM_VARIABLE'>

  <!-- Contenu dans la boucle -->

</b:loop>

Développement : Quelques exemples

Exemple 1 : Afficher la liste des pièces jointes

<ul>

  <b:loop values='data:post.enclosures' var='enclosure'>

    <li>

      <a expr:href='data:enclosure.url'><data:enclosure.url/></a>

    </li>

  </b:loop>

</ul>

L'exemple affiche sous la forme d'une liste, tous les liens qui ont été ajouté à l'article.

Exemple 2 : Afficher la liste d'un type de pièces jointes

<ul>

  <b:loop values='data:post.enclosures' var='enclosure'>

    <b:if cond='data:enclosure.mimeType == &quot;audio/mpeg&quot;'>

      <li>

        <a expr:href='data:enclosure.url'><data:enclosure.url/></a>

      </li>

    </b:if>

  </b:loop>

</ul>

L'exemple est pratiquement identique à l'exemple 1. Il affiche sous la forme d'une liste, tous les liens qui ont été ajouté à l'article et ayant comme type mime la valeur audio/mpeg.

Exemple 3 : Recomposer une galerie d'images avec un seul type/mime

<b:loop values='data:post.enclosures' var='enclosure'>

  <b:if cond='data:enclosure.mimeType == &quot;image/jpeg&quot;'>

    <img expr:src='data:enclosure.url' style='float:left;'/>

  </b:if>

</b:loop>

<div style='clear:both;'/>

Dans cet exemple, il s'agit de créer une galerie d'images en récupérant les liens avec le type mime image/jpeg et de replacer ces liens dans une balise <img/> (balise image).

Exemple 4 : Recomposer une galerie d'images en regroupant plusieurs type/mime

<b:loop values='data:post.enclosures' var='enclosure'>

  <b:if cond='data:enclosure.mimeType in {&quot;image/jpeg&quot;, &quot;image/gif&quot;,&quot;image/png&quot;}'>

    <img expr:src='data:enclosure.url' style='float:left;'/>

  </b:if>

</b:loop>

<div style='clear:both;'/>

Cet exemple récupère les liens avec les type mime image/jpeg, image/gif et image/png. Ces liens sont replacés dans une balise <img/> (balise image).

Exemple 5 : Afficher les 5 premiers liens dans le sens inverse

<ul>

  <b:loop values='4 to 0' var='i'>

    <b:if cond='data:post.enclosures[i]'>

      <li>

        <a expr:href='data:post.enclosures[i].url'><b:eval expr='data:post.enclosures[i].url'/></a>

      </li>

    </b:if>

  </b:loop>

</ul>

Les 5 premiers liens sont filtrés et inversés.

Disponibilité des apis

Comme pour la majorité des données de Blogger, les données des pièces jointes peuvent être obtenues via diverses méthodes :

Étiquettes modèle	Flux du blog	Api Blogger V1	Api Blogger V3
DISPONIBLE Widget Blog	DISPONIBLE Feed posts (list)	DISPONIBLE Feed posts (list and get)	NON-DISPONIBLE

Autres éléments de posts et de pages Blogger

• Sujet non-dévoilé
• Les libellés des articles
• Les pièces jointes
• Sujet non-dévoilé
• Sujet non-dévoilé
• Sujet non-dévoilé
• Sujet non-dévoilé
• Sujet non-dévoilé
• Sujet non-dévoilé

Retourner à l'introduction