Ajouter du multimédia

L’un des atouts de la publication sur un support numérique tel que votre carnet Hypothèses réside dans la possibilité d’ajouter des images, des enregistrements sonores, des vidéos, des liens et toute sorte de contenus multimédias à vos textes, afin de les enrichir et d’apporter davantage d’information à vos lecteurs.

Sommaire

La bibliothèque de médias d’un carnet

Le plus souvent, c’est lors de l’édition d’un contenu (billet ou page) que vous ajouterez des médias. Tout élément multimédia ajouté à un billet ou à une page est automatiquement téléversé dans la bibliothèque de médias du carnet, accessible via le menu Médias > Bibliothèque. Des médias peuvent également être téléversés sur un carnet lors de l’ajout dans des widgets, ou lors de la personnalisation du thème graphique.

Hypothèses accepte les types de fichiers suivants : jpg, jpeg, png, gif, mp3, mov, avi, wmv, midi, mid, pdf, doc, odt, xls, zip. La taille maximale acceptée par fichier est actuellement de 10 Mo. Il n’y a pas de limite concernant la taille maximale cumulée des différents fichiers que vous pouvez téléverser sur votre carnet.

Mais il est possible de téléverser des médias directement dans la bibliothèque de médias (Médias > Bibliothèque), sans passer par l’édition d’un billet, d’une page, d’un widget ou d’un thème graphique. Pour cela, cliquer sur le bouton Ajouter en haut de la page web, ou depuis Médias > Ajouter.

Ajouter un média directement dans la bibliothèque de médias

Un aperçu du document vous est proposé lorsque cela est possible (si celui-ci est une image ou un document PDF par exemple).

Depuis la bibliothèque de médias, il est possible d’éditer chaque fichier en cliquant une fois dessus. Cela ouvre une interface « Détails du fichier joint », permettant d’éditer à la fois le média et ses métadonnées.

C’est dans cette interface que se trouvent les champs permettant de renseigner ou de modifier les métadonnées d’un média téléversé sur un carnet.

Dans le cas d’une image, l’interface propose un bouton Modifier l’image permettant quelques manipulations simples comme pivoter l’image, la recadrer ou la redimensionner.

Il est cependant conseillé de téléverser des images déjà recadrées aux bonnes dimensions. Ces dernières varient en fonction du rôle de votre image (image mise en avant ou illustration dans le corps du texte par exemple) et du thème graphique. Des informations sont disponibles à ce sujet dans les billets de la Maison des carnets dédiés aux thèmes graphiques.

Sur la droite de l’interface, les informations sur le média peuvent être renseignées ou éditées. Pour une image :

  • Titre : par défaut, c’est celui que le média avait sur votre ordinateur ;
  • Légende : seul champ affiché à côté de l’image dans le billet ou la page, il doit a minima contenir les crédits de l’image, c’est à dire le nom de l’auteur de l’image, et si possible ce qui vous donne le droit de la réutiliser (par exemple la mention d’une licence particulière, voir le billet « Droit d’auteur : insérer des contenus que vous n’avez pas créés sur votre carnet » de cette formation). Si l’image n’est pas qu’esthétique (s’il s’agit par exemple d’un graphique) ce champ peut aussi contenir son explication ;
  • Texte alternatif : renseigner ce champ permet d’améliorer l’accessibilité d’un contenu, en fournissant une description de l’image aux utilisateurs qui ne peuvent pas la consulter. Il s’agit notamment des personnes ayant des connexions à débit très limité ou des personnes utilisant des lecteurs d’écran. Le texte alternatif est aussi lu par les robots qui indexent les contenus dans les moteurs de recherche. Il participe donc au référencement de votre carnet ;
  • Description : la description n’est pas affichée aux côtés de l’image dans un contenu. Elle peut en revanche servir à retrouver un média dans la bibliothèque de médias en recherchant des termes présents dans cette description. Elle peut également vous servir, toujours dans la bibliothèque de médias, à différencier plusieurs images présentant des ressemblances visuelles.

L’interface « Détails du fichier joint » rappelle également les dimensions (pour une image), la taille du fichier média et, le cas échéant, dans quel billet ou page le média est utilisé.

Depuis cette interface, le média peut être définitivement supprimé de la bibliothèque et donc du carnet. Depuis la page Médias > Bibliothèque, il est possible de supprimer définitivement un lot de médias en cliquant sur Sélection en masse puis Supprimer la sélection. Les médias supprimés d’un carnet sont définitivement supprimés des serveurs d’Hypothèses dans les 24h suivantes.

Ajouter un média dans un billet ou une page

Dans l’interface d’édition d’un billet ou d’une page, plusieurs types de blocs permettent d’ajouter des médias à votre texte. Voici les plus communs :

Image

Bloc « Image » lors de son insertion

Ce bloc permet d’ajouter une image unique, en téléversant une image depuis un ordinateur (bouton Téléverser), en choisissant une image déjà téléversée dans la bibliothèque de médias (bouton Bibliothèque de médias).
Une fois insérée, l’image s’affiche en pleine largeur. Il est possible d’ajouter une légende ou d’éditer une légende existante directement sous l’image.

Insérer une légende, modifier l’alignement et ce qu’il se passe au clic sur l’image

Dans la barre d’édition du bloc « Image », le bouton Réglages de lien (icône « chaîne ») permet de choisir quelle action suit un clic sur l’image :

  • Par défaut, rien ne se passe, l’image n’est pas cliquable.
  • URL personnalisée : ouvre la page Internet de votre choix, dont l’adresse aura été renseignée dans le champ « Collez ou saisissez l’URL à rechercher ».
  • Fichier média : ouvre l’image dans sa dimension originale dans une visionneuse, avec sa légende (c’est l’option la plus intéressante).
  • Page du fichier joint : ouvre une page Internet ne contenant que l’image, dans l’environnement du carnet, avec sa description et son titre tels que renseignés dans les « Détails du fichier joint »).

La barre d’édition permet également de modifier l’alignement de l’image : lorsqu’elle est alignée à gauche ou à droite, il est possible de réduire la taille de l’image grâce aux poignées bleues situées de part et d’autre de l’image ; si le bloc suivant contient du texte, ce texte remonte alors pour se placer à côté de l’image.

Dans l’onglet bloc de la colonne de réglages, il est possible d’ajouter ou de modifier le texte alternatif de l’image. Il est également possible de choisir une taille d’image parmi les formats prédéfinis ou de définir des dimensions personnalisées.

Le bloc « Image » est transformable, depuis sa barre d’édition, en bloc « Fichier » (n’affiche alors pas l’image mais un lien pour l’afficher ou la télécharger), « Galerie » (permet alors d’ajouter d’autres images et de les organiser entre elles), « Bannière » (offre un affichage différent à l’image et permet d’écrire du texte par-dessus) ou « Média et texte » (permet d’ajouter du texte à côté de l’image).

Fichier

Bloc « Fichier » lors de son insertion

Ce bloc permet de rendre accessible un document – par exemple un fichier PDF – au lectorat d’un carnet, sous la forme d’un lien cliquable. Le fichier est alors affiché ou téléchargé, selon la configuration du navigateur Internet du lecteur. L’ajout se fait en téléversant un fichier depuis un ordinateur (bouton Téléverser) ou en choisissant un fichier déjà téléversé dans la bibliothèque de médias (bouton Bibliothèque de médias).

Exemple de bloc « Fichier »

Le texte du lien peut être modifié au sein du bloc.

Dans l’onglet bloc de la colonne de réglages, il est possible de choisir quelle action suit un clic sur le lien :

  • Fichier média : ouvre le fichier dans le navigateur Internet si possible ;
  • Page du fichier joint : ouvre un aperçu du document sur une page Internet dans l’environnement du carnet.

Il est également possible de choisir d’afficher ou non un bouton Télécharger à côté du lien.

Pour afficher un document ou fichier PDF dans une visionneuse, il s’agira de se tourner vers un service externe pour l’hébergement du fichier, puis d’afficher ce contenu externe dans le billet ou la page (voir plus loin dans ce billet).

Vidéo

Bloc « Vidéo » à son insertion

Ce bloc permet de créer un lecteur simple pour afficher, dans un billet ou une page, une vidéo préalablement téléversée dans la bibliothèque de médias du carnet. L’ajout se fait en téléversant un fichier depuis un ordinateur (bouton Téléverser) ou en choisissant un fichier déjà téléversé dans la bibliothèque de médias (bouton Bibliothèque de médias).

Bloc « Vidéo » (aperçu du lecteur vidéo) et sa barre d’édition

La légende de la vidéo peut être éditée au sein du bloc.

Dans l’onglet bloc de la colonne de réglages, il est possible de demander la lecture automatique de la vidéo au chargement de la page Internet (non recommandé), la lecture en boucle de la vidéo, la disparition des commandes de lecture (qui permettent de naviguer au sein de la vidéo, de la mettre en pause et de régler le volume sonore), ou de régler le volume sonore par défaut.

Le préchargement recommandé est celui des métadonnées, qui permet de ne pas télécharger inutilement des données si la vidéo n’est finalement pas visionnée par le lecteur ou la lectrice, tout en téléchargeant tout de même, pour information, les métadonnées de la vidéo.

Enfin, il est possible de choisir une image à placer en couverture de la vidéo.

Le bloc « Vidéo » peut être transformé en blocs tels que « Fichier » (offre un lien de téléchargement de la vidéo) ou « Bannière » (la vidéo est alors transformée en image, sur laquelle il est possible d’écrire un texte).

Son

Bloc « Son » lors de son insertion

Ce bloc permet d’afficher un lecteur audio simple pour inclure, dans un billet ou une page, un fichier son téléversé dans la bibliothèque de médias du carnet.

L’ajout se fait en téléversant un fichier depuis un ordinateur (bouton Téléverser) ou en choisissant un fichier déjà téléversé dans la bibliothèque de médias (bouton Bibliothèque de médias).

Bloc « Son » (aperçu du lecteur audio) et sa barre d’édition

La légende du lecteur audio peut être éditée au sein du bloc.

Dans l’onglet bloc de la colonne de réglages, il est possible de demander la lecture automatique du fichier son, et sa lecture en boucle.

Le préchargement recommandé est celui des métadonnées, qui permet de ne pas télécharger inutilement des données si le fichier son n’est finalement pas lu par le lecteur ou la lectrice, tout en téléchargeant tout de même, pour information, les métadonnées du fichier.

Un bloc « Son » peut être transformé en bloc « Fichier » (offre un lien de téléchargement de l’enregistrement sonore).

Insérer un contenu hébergé ailleurs que sur le carnet

Lorsque le fichier média est trop volumineux pour être téléversé sur un carnet ou que l’affichage souhaité pour le média n’est pas pris en charge par Hypothèses, il est possible d’héberger le media en question ailleurs que sur Hypothèses, puis d’insérer ce contenu externe dans un billet ou une page sous la forme d’un contenu embarqué.

Intégration facilitée de certains services externes commerciaux

WordPress facilite l’intégration d’éléments multimédia provenant de grandes plateformes commerciales connues comme Twitter, Spotify, Issuu, YouTube, etc.

Pour celles-ci, il suffit d’insérer un nouveau bloc de nature indéterminée à l’endroit souhaité, puis d’y coller l’URL de l’image, de la vidéo, de la piste audio, de la présentation, etc. L’URL est instantanément interprétée, et s’affiche à sa place la publication, le lecteur de son, etc.

Insertion d’un contenu embarqué grâce à son URL

Une autre manière d’arriver au même résultat est d’insérer un bloc « Contenu embarqué » et d’y coller la même URL ou, dans la catégorie de blocs « Contenu embarqué », de choisir le service adéquat et de coller l’URL dans le champ prévu à cet effet.

Insertion d’un contenu embarqué via un bloc « Contenu embarqué »

Astuce : la liste des services externes présentée dans la catégorie de blocs de type « Contenus embarqués », permet de connaître les hébergeurs tiers pour lesquels le seul fait de copier l’URL dans un bloc de nature indéterminée suffit à afficher un contenu externe sur votre carnet.

Utiliser un code d’intégration pour insérer un contenu externe

Il existe une multitude de services externes permettant d’afficher une partie de leur contenu sur un carnet sans que ce contenu soit hébergé sur les serveurs d’Hypothèses.

C’est par exemple le cas de certains outils de cartographie (ex : Google Maps, OpenStreetMap), de plateformes de vidéos académiques (ex : Canal U), ainsi que de nombreux services d’hébergement et de diffusion de documents accessibles librement (ex : OpenEdition Books, Internet Archive, HAL, Gallica).

Ces services fournissent un code HTML permettant d’intégrer/embarquer (embed en anglais) un élément multimédia dans un carnet (dans un billet, une page, voire un widget). Pour obtenir ce code, il s’agit souvent de cliquer sur une icône de partage ou un lien Partager se trouvant à proximité de l’élément multimédia en question. Le code HTML recherché est souvent indiqué par le terme « embed » ou « Intégrer » et se présente le plus souvent sous la forme : <iframe src="..."></iframe>

Le code récupéré doit être collé dans un bloc « HTML personnalisé » (qui se trouve dans la catégorie de blocs « Mise en forme »). Cliquer sur Aperçu dans la barre d’outils de ce bloc permet de prévisualiser l’affichage de l’élément multimédia.

Exemple d’intégration dans un billet d’un contenu embarqué via un code embed

Si l’ajout de contenus multimédias à votre carnet ouvre des perspectives de rédaction originales, la citation de texte constitue également une façon – plus classique mais néanmoins centrale – d’enrichir vos publications. Cependant, cette pratique courante doit respecter certaines exigences. Voyons comment procéder dans les règles de l’art…

L’équipe d’Hypothèses

Vous vous trouvez ici dans un espace de formation à la prise en main d’un blog WordPress sur la plateforme Hypothèses.

Vous pouvez naviguer dans les modules de formation via les boutons ci-dessous, ou via le menu de navigation en colonne latérale. Pour explorer le reste du blog d’accompagnement technique et éditorial d’Hypothèses, cliquez sur les éléments du menu de navigation horizontal en haut du blog, ou sur l’en-tête du blog pour revenir à l’accueil de celui-ci.


Image mise en avant et de la bannière : Photo par Soragrit Wongsa, licence Unsplash

Citer ce billet : “Ajouter du multimédia”, par Marion Wesely. Publié sur La Maison des carnets le 1 janvier 2020. Lien : https://maisondescarnets.hypotheses.org/179.

Marion Wesely

Anciennement Chargée de l'accompagnement des communautés et de la valorisation des contenus d'Hypothèses / Community manager & communication officer for the Hypotheses platform (OpenEdition)

Vous aimerez aussi...

Rechercher dans OpenEdition Search

Vous allez être redirigé vers OpenEdition Search