Les médias

1. Utiliser les médias

Les médias (images, illustrations, vidéos, audio, etc.) jouent un rôle primordial dans les sites web. Ce sont eux qui sont vus en premier et de ce fait, ils génèrent l’attractivité du site. C’est donc un point très important à gérer avec efficacité.

Les médias sont insérés dans des blocs dédiés. Ils interviennent dans la mise en page, avec des blocs intervenant dans des compositions plus élaborées.

2. Connaître les formats des images

Tous les formats d’images ne peuvent pas être publiés sur le Web. Il existe principalement trois grands formats pour les images : le JPEG, le PNG et le GIF.

Le JPEG, pour Joint Photographic Experts Group, est le format le plus utilisé pour les images et illustrations de type photographique. Tous les smartphones et la plupart des appareils photo numériques grand public enregistrent les images dans ce format. Après avoir pris des photos, il faudra les optimiser en réduisant leurs dimensions et leur poids. Cela se fait avec un logiciel de retouche photo. La compression des photos en JPEG est une compression avec perte de données, mais qui conserve toutes les couleurs. Si vous n’avez pas encore ces compétences ou les logiciels dédiés, il est possible d’utiliser une extension WordPress pour mener à bien cette tâche (cf. chapitre Les extensions).

Le PNG, pour Portable Network Graphics, est un format d’image idéal pour les illustrations ou les dessins comportant de larges aplats de couleurs. Il est possible d’indiquer combien de couleurs doivent être utilisées (256 ou des millions), la compression se fait sans perte de données et il est possible d’avoir de la transparence.

Le GIF, pour Graphics Interchange Format, est un ancien format propriétaire pour les images publiées sur le Web. Il ne permet d’utiliser que 256 couleurs et n’utilise qu’un seul niveau de transparence. Il est fait pour les petites icônes, les petites...

1. Insérer une image dans le bloc Image

Une fois que les images sont bien paramétrées dans la médiathèque, il est possible de les insérer dans un contenu rédactionnel. Le bloc Gutenberg le plus usuel est le bloc Image.

Dans cet exemple, l’image est déjà dans la médiathèque et elle est sélectionnée :

Sur la droite s’affichent les paramètres techniques de l’image et les champs descriptifs de l’image. Notez qu’il est possible à cette étape de modifier les champs Texte alternatif, Titre et Légende. Ces modifications sont enregistrées au niveau de la médiathèque et seront donc prises en compte lors d’une autre insertion de cette image dans d’autres contenus.

L’image est insérée :

2. Modifier la légende

Dans cet exemple, le thème actif par défaut prend en compte la légende et l’affiche sous l’image. Il est possible de sélectionner des mots de la légende pour...