Les images constituent un élément important et essentiel d'un site web moderne. Elles aident les visiteurs et les lecteurs à visualiser les choses et permettent également d'alléger les longs articles. Il n'est donc pas étonnant que vous devriez utiliser des images et d'autres médias sur votre site WordPress afin que vos visiteurs restent plus longtemps sur votre page.
Nous t'expliquons donc tout ce que tu dois savoir sur les images et les médias dans WordPress.
La médiathèque WordPress
Toutes les images et tous les médias sont en principe stockés dans la médiathèque WordPress, à condition que vous utilisiez la fonction intégrée pour télécharger des images et des médias.
Lorsque tu télécharges des images, WordPress enregistre ton image sur le serveur et crée en même temps une entrée dans la base de données, où sont indiqués, outre le nom de l'image et d'autres informations, son emplacement exact.
La médiathèque se trouve dans le tableau de bord, dans le menu de gauche, à la troisième place, à moins qu'un autre plugin n'occupe cette place. Vous pouvez également accéder à la médiathèque via le lien suivant : votresite.com/wp-admin/upload.php
Dans la médiathèque WordPress, toutes les images et tous les médias téléchargés s'affichent sous forme de vignettes ou de liste. Tu peux personnaliser cette option selon tes préférences. Pour cela, il te suffit de sélectionner l'une des icônes en haut à gauche.
Si vous recherchez une image en particulier, la médiathèque dispose d'une fonction de recherche qui vous permet de rechercher non seulement des noms de fichiers, mais aussi des descriptions que vous avez saisies.
Si vous ne trouvez pas ce que vous cherchez, vous pouvez également filtrer le contenu de la médiathèque WordPress par mois et par type de média, ce qui vous facilitera peut-être la recherche.
Comment télécharger des images et des médias dans WordPress
Si tu souhaites télécharger des images ou d'autres médias, plusieurs méthodes s'offrent à toi. La plus rapide consiste à passer par la médiathèque, où tu trouveras un bouton « Ajouter un fichier » en haut. Une fois que tu as cliqué dessus, tu peux soit glisser-déposer des images et des médias dans la fenêtre, soit effectuer une recherche sur ton disque dur.
Outre cette méthode, vous pouvez également télécharger des images et des médias directement pendant la rédaction d'articles ou de pages. Nous vous expliquons ci-dessous comment procéder dans l'éditeur Gutenberg ou l'éditeur classique.
Où sont stockées les images dans WordPress ?
Lorsque vous téléchargez des images via la médiathèque WordPress, celles-ci sont automatiquement enregistrées dans un répertoire sur votre serveur. Ce répertoire est classé par année et par mois.
Pour trouver tes images sur le serveur, ouvre le dossier « wp-content », puis le dossier « Uploads » où tu trouveras les dossiers classés par année, dans lesquels se trouvent les différents mois.
Si vous ouvrez un dossier, vous constaterez rapidement que vos images sont enregistrées dans différentes variantes ou tailles. Cela dépend des paramètres de votre modèle ou de vos plugins – mais nous y reviendrons plus loin.
Puis-je également télécharger des images vers WordPress via FTP ou SFTP ?
Oui, mais ce n'est pas aussi simple que cela.
Comme mentionné ci-dessus, WordPress crée une entrée dans la base de données pour chaque image que vous téléchargez, puis recadre l'image. Si vous téléchargez vos images via FTP ou SFTP, celles-ci se trouvent bien sur votre serveur WordPress, mais WordPress n'en a pas connaissance et vous ne trouverez pas l'image dans la médiathèque.
Pour créer ces entrées de base de données a posteriori, tu dois soit disposer de bonnes connaissances en WP-CLI, soit utiliser un pluginMedia Register qui enregistre ensuite les images.
Mais attention : chacun de ces plugins nécessite beaucoup de capacité de votre serveur, c'est pourquoi vous risquez de voir apparaître des messages d'erreur si votre serveur est saturé. Nous vous recommandons notre offre « Managed WordPress Hosting », qui ne pose aucun problème à cet égard.
Quelle doit être la taille des images téléchargées ?
Les images occupent toujours le plus d'espace sur un serveur. Même lorsque votre site WordPress est consulté par un visiteur, les images ralentissent souvent le chargement de la page.
Nous recommandons toujours « aussi grand que nécessaire, aussi petit que possible ».
Réfléchis toujours à la taille finale des images lorsqu'elles seront affichées sur un ordinateur ou un smartphone. Dans notre cas, les images les plus grandes se trouvent dans notre blog en tant qu'images de couverture.
Grâce aux outils de développement fournis par Google Chrome ou Firefox, tu peux déterminer toi-même la taille de l'image qui vient d'être chargée. Notre image de couverture mesure 768px x 432px, c'est pourquoi les images ne devraient en principe pas être plus grandes.
Il existe toutefois une exception : si vous souhaitez que vos publications apparaissent dans Google Discover, les images doivent être plus grandes. Google exige une taille minimale de 1200 px, c'est pourquoi Techgarage télécharge des images de 3360 px x 1200 px (format 16:9).
Pourquoi WordPress crée-t-il différentes tailles de mes images ?
WordPress crée automatiquement différentes tailles lors du téléchargement d'images. Cette fonction permet de ne pas toujours afficher l'image originale lorsque sa taille ne le nécessite pas.
WordPress désigne les tailles prédéfinies comme suit :
- Vignettes (images miniatures)
- moyen
- Grand
Tu peux régler les dimensions de ces tailles dans les paramètres sous Médias.
En plus de ces trois formats, chaque plugin installé, tel que Template, peut ajouter d'autres tailles d'image. Cependant, celles-ci ne sont pas visibles dans les paramètres et ne peuvent pas être modifiées facilement.
Si vous utilisez par exemple un plugin galerie qui affiche les images en 1920px x 1080px, il est fort probable que vos images soient redimensionnées à cette taille lors du téléchargement.
Si vous venez d'installer un nouveau modèle ou plugin et que les images semblent un peu bizarres, c'est parce que vos images sont toujours disponibles dans leur ancienne taille. Les images ne sont recadrées que lors du téléchargement et non après coup. Pour rattraper cela, il est préférable d'utiliser un petit plugin, tel que Regenerate Thumbnails.
Comment optimiser tes images avant de les télécharger dans la médiathèque WordPress
Aujourd'hui, les sites web doivent être rapides afin 1. de satisfaire vos visiteurs et 2. d'obtenir un bon classement sur Google. Les images posent souvent problème, car elles peuvent être assez volumineuses ou lourdes. Il est donc très important aujourd'hui d'optimiser vos images avant de les télécharger.
Nous avons déjà évoqué plus haut les dimensions que doivent avoir vos images. Si vous utilisez un programme pour adapter vos images, celui-ci dispose souvent d'une « fonction d'exportation Web » qui réduit légèrement la qualité de l'image.
Photoshop et Pixelmator pour Mac disposent tous deux d'une telle fonction. Il existe également un autre programme pour Mac,« ImageOptim », qui optimise gratuitement tes images et te permet ainsi de gagner quelques kilo-octets supplémentaires. Une version en ligne est également disponible pour Windows.
Si cela ne vous intéresse pas, il existe d'innombrables plugins WordPress qui optimisent vos images lors du téléchargement. N'oubliez pas cependant que ceux-ci sont souvent payants et peuvent également ralentir votre site.
Un service + plugin que nous recommandons volontiers est Shortpixel.
Insérer et télécharger des images pendant la rédaction dans l'éditeur classique
Si vous rédigez encore vos articles ou vos pages dans l'éditeur classique, que vous devriez définitivement abandonner, vous pouvez insérer des images à l'aide du bouton situé au-dessus de l'éditeur. Vous pouvez soit en choisir une dans la médiathèque, qui est déjà téléchargée, soit en télécharger une nouvelle dans la médiathèque.
Une fois l'image dans l'éditeur, tu peux la déplacer sur une nouvelle ligne à l'aide de la touche Entrée si ton curseur se trouve encore sur la ligne de texte lors de l'insertion de l'image.
Comme l'insertion et le déplacement d'images dans l'éditeur classique sont quelque peu fastidieux, nous vous recommandons de passer à l'éditeur Gutenberg, qui a été introduit avec WordPress 5.0.
Insérer et télécharger des images pendant la rédaction dans l'éditeur Gutenberg
Avec l'éditeur Gutenberg, le téléchargement et l'insertion pendant la rédaction sont un jeu d'enfant. Il suffit de sélectionner le bloc Images à l'aide du signe +. Vous avez alors la possibilité de choisir une image dans la médiathèque ou d'en télécharger une nouvelle.
Une fois l'image insérée, vous pouvez la déplacer vers le haut ou vers le bas à l'aide des flèches. Vous pouvez également modifier le style et l'alignement de l'image via le « menu bloc » situé à droite.
L'image de couverture
Les articles de blog doivent contenir non seulement un texte intéressant, mais aussi de belles images. Afin que le lecteur ait envie de cliquer sur l'article dès le premier coup d'œil à l'aperçu, vous devez toujours télécharger une image pour illustrer votre article.
L'option pour l'image de l'article se trouve dans l'éditeur, à droite, sous « Article ». Tout en bas, tu trouveras une rubrique intitulée « Image de l'article ». Télécharge ton image à cet endroit.
Si tu utilises un plugin SEO tel que Yoast SEO, l'image de ton article sera automatiquement reprise dans les balises méta afin qu'elle soit également visible en aperçu sur Facebook et Twitter.
Comment supprimer une image de la médiathèque WordPress
Si tu souhaites faire un peu de ménage dans ta médiathèque, tu peux supprimer des images à tout moment. Pour cela, il te suffit d'aller dans ta médiathèque et de sélectionner l'image que tu souhaites supprimer. L'image s'ouvre alors et tu peux cliquer sur « Supprimer définitivement » en bas à droite.
Si vous souhaitez faire le ménage dans votre médiathèque, nous vous recommandonsde lire notre article «Comment nettoyer votre médiathèque WordPress ».
en Suisse