ThéorieFonctionnalitésAvancé

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


Les posts publiés avant juin 2015 sont susceptibles de contenir des informations obsolètes !
Référez-vous à la nouvelle théorie du langage XML ou/et posez vos questions sur le forum pour en savoir plus.
Exploitation des pièces jointes
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


Activer les flux des articles


É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


Activer les liens de titre et les liens de contenu


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


Haut de page


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


Option Liens dans les paramètres des articles


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)


Emplacement des liens et de leur type/mime


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.


Haut de page


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
textpour les fichiers texte
imagepour les fichiers graphiques
videopour les fichiers vidéo
audiopour les fichiers son
applicationpour les fichiers qui sont liés à un programme déterminé
multipartpour les données en plusieurs parties
messagepour les nouvelles
modelpour les fichiers qui représentent des structures en plusieurs dimensions


Haut de page


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
          }
        ]
      }
    ]
  }
}


Haut de page


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>


Haut de page


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.


Haut de page


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


Haut de page


A voir aussi

Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte TC :
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire