skip to Main Content

Comment résoudre les problèmes d’images rencontrés sur WordPress

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 554.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

WordPress est livré avec des outils assez propres pour gérer et modifier des images. Malheureusement, les débutants n’ont pas toujours conscience des différentes fonctionnalités sur WordPress. Dans ce tutoriel, nous allons couvrir les questions problèmes récurrents que les débutants rencontrent et comment les corriger.

comment-resoudre-les-problemes-dimages-sur-wordpress

1 – Comment envoyer des images sur WordPress?

L’envoi d’image sur WordPress est géré par la médiathèque de WordPress.

Vous pouvez insérer une image dans votre contenu en cliquant sur le bouton « Ajouter un média » durant la rédaction d’un article/page.

ajouter-un-media-sur-wordpress

Vous pouvez également envoyer directement les images sur les « médias » et les utiliser plus tard dans un article ou une page.

Vous aurez besoin d’accéder à « médias > Ajouter », pour envoyer vos images. Il suffit de cliquer sur le bouton « choisir des fichiers », puis de sélectionner les images à partir de votre ordinateur que vous souhaitez télécharger.

envoyer-des-medias-sur-wordpress

2 – Comment modifier l’alignement des articles sur WordPress

Vous avez peut-être remarqué que certains blogs populaires utilisent des images avec du texte autour de ces dernières. Cela se fait en utilisant la fonction d’alignement.

Vous pouvez choisir l’alignement de l’image lors du téléchargement d’une image et avant de l’insérer dans votre article.

alignement-dimage-sur-lediteur-visuel-de-wordpress

Alternativement, vous pouvez également utiliser les boutons d’alignement directement sur l’éditeur visuel de WordPress.

Cliquez sur l’image pour la sélectionner, puis cliquez sur les boutons d’alignement pour ajuster l’alignement.

alignement-dimage-sur-lediteur-visuel-de-wordpress

Cette opération est également possible depuis le nouvel éditeur de WordPress Gutenberg.

3 – Comment ajouter une légende sous une image ?

WordPress vous permet d’ajouter facilement une légende pour les images. Après avoir téléchargé une image, directement sur la fenêtre d’ajout des médias, vous pouvez modifier plusieurs éléments comme : le titre, la description, l’attribut « alt » et la légende.

Créez Facilement votre blog avec SiteGround

SiteGround vous permet de créer votre blog WordPress en quelques clics seulements. Nom de domaine gratuit, hébergement sécurisé, SSL, transfert et bien plus encore... [ Recommandé ]

legende-wordpress-des-images

Pour ajoute rune légende sur les images de Gutenberg, vous pouvez le faire juste en dessous de l’image en question. Vous y trouverez une zone de texte que vous pouvez utiliser.

4 – Comment afficher les photos dans des colonnes et lignes ?

Souvent, les utilisateurs nous demandent comment afficher soigneusement les photos dans des colonnes et lignes.

Disons que vous souhaitez partager des photos d’une fête d’anniversaire, ou photos de vacances. Vous pouvez les ajouter un par un dans un poste, mais cela va ressembler à une longue liste d’images.

La meilleure façon est de regrouper vos photos est de créer des galeries d’images.

Il suffit de télécharger vos images lors de la modification d’un article ou d’une page.

Dans la médiatique, sélectionnez les images que vous souhaitez afficher et cliquez sur le lien « Créer une galerie » dans la colonne de gauche.

creer-une-galerie-dimage-sur-wordpress

Ensuite, vous devez cliquer sur le bouton «Ajouter nouvelle galerie» sur le coin inférieur droit de la fenêtre.

WordPress va maintenant afficher les paramètres de la galerie.

image-de-la-galerie

Vous pouvez choisir comment lier à une image, le nombre de colonnes, la taille des images de la galerie, etc.

Une fois que vous avez terminé, cliquez sur le bouton « Insérer une galerie » pour terminer.

Pour créer une galerie sur Gutenberg, cliquez sur l’icône en signe de + et ensuite cliquez sur « Galerie ».

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [GRATUIT]

Cela ajoutera un bloc au contenu, vous pourrez ensuite sélectionner les images que à ajouter sur votre article.

5 – Comment corriger l’erreur des images à la une manquante

La plupart des thèmes WordPress vous permettent d’afficher bien en évidence une image sélectionnée pour vos articles. Voici comment définir une image à la une sur WordPress pour éviter d’avoir des vignettes manquantes.

section-dimage-a-la-une-wordpress

Si vous ne voyez pas une section « image à la une » dans votre zone d’édition d’article, alors cliquez sur « Options de l’écran » sur le coin en haut à droite de l’écran et cochez la case à cocher « Image à la une ».

option-decran-image-a-la-une

Maintenant, vous pouvez cliquer sur le lien « Définir une image à la une » pour télécharger une image à la une pour l’article.

Après avoir téléchargé l’image, vous devez cliquer sur le bouton « Définir une image à la une ».

Vous serez en mesure de voir l’image sélectionnée dans la même section. Vous n’avez pas d’action spéciale à effectuer si vous utilisez Gutenberg, car l’image à la une est toujours visible, sur l’onglet « Document » dans la barre d’outils situé à droite.

6 – Comment corriger le problème des images à la une qui apparaissent deux fois

L’insertion d’une image à la une sur un article, est souvent une erreur que commet beaucoup de débutants.

Une fois que vous avez défini une image à la une, vous ne devez pas l’insérer dans les articles.

Sinon, vous aurez vos images à la une qui apparaîtront deux fois. Une dans la section de l’image à la une et l’autre dans le contenu de l’article.

image-a-la-une-en-double

7 – Comment redimensionner une image sur WordPress

Lorsque vous téléchargez des images à partir de votre téléphone ou de votre appareil photo, ils sont généralement trop gros.

WordPress crée automatiquement les petites, moyennes et grandes tailles d’image pour votre image originale. Mais parfois, vous pourriez avoir besoin de recadrer l’image avec des dimensions différentes.

WordPress n’est pas Photoshop, mais il propose des fonctionnalités de base de retouche d’image le redimensionnement, le rognage, et la possibilité de faire pivoter les images.

Accédez à « Média > Ajouter » et téléchargez votre image. Après avoir téléchargé l’image, vous verrez un lien « Modifier » à côté de l’image téléchargée.

En cliquant dessus, cela ouvrira un nouvel écran de modification des images. Cela ouvrira également l’éditeur d’image sur WordPress.

modifier-une-image-sur-wordpress

Sur l’écran d’édition de l’image, vous verrez des boutons pour effectuer certaines tâches d’édition d’image de base telles que le recadrage, la rotation, le redimensionnement, etc.

modification-des-images-sur-wordpress

C’est tout pour ce tutoriel. La liste n’est certainement pas exhaustive, il y a plusieurs choses que vous pouvez faire avec les images sur WordPress. Nous y reviendrons certainement plus tard. Cependant, si vous avez des questions, n’hésitez pas à nous les poser.

Cet article comporte 13 commentaires
          1. Bonjour,

            Excusez moi, Je n’ai pas vu d’option dans wp-rocket qui permet de régler le probleme des images que j’ai cité plus haut :/

  1. bonjour,
    depuis plusieurs semaines mes photos et vidéos sont bloqués pour dépassement d’envoi sur le site ou pour des raisons de sécurité. Ca n’est jamais arrivé avant.

    merci de débloquer la situation qui entrave le bon fonctionnement de ce blog scolaire.

  2. Bonjour, j’ai tout lu et je ne retrouve pas de solutions à mon problème depuis deux jours de recherche.

    IMG_xxxxxx.jpg
    Ce fichier est vide. Veuillez envoyer quelque chose de plus substantiel. Cette erreur peut également être due à la désactivation de l’envoi de fichier dans le fichier php.ini de votre serveur, ou par une valeur de post_max_size inférieure à celle de upload_max_filesize dans ce même php.ini.

    J’ai redimensionné toutes mes photos pour diminuer le poid de chacune et toujours pas moyen de télécharger jpeg et pdf.
    HELP Help help !!!
    Merci d’avance.

    1. En tant que développeur c’est la première fois que je rencontré ce type d’erreur. pouvez vous me donner plus d’informations :
      – ce problème existe depuis quand ?
      – avez vous effectuer quelque chose qui peut etre à l’origine de cette erreur ?

  3. Merci de ce tuto très clair. Je rencontre cependant un problème avec les légendes de mes photos. Tout va bien tant que la légende ne comporte pas de « é »… qui se transforme sur le site en un A suivi d’un c dans dans cercle .
    Pouvez-vous m’expliquer ce phénomène et comment résoudre le problème?
    J’avais commencé à supprimer mes légendes mais je trouve cela dommage…

    1. bonjour,
      votre problème est lié en l’encodage général de votre blog. en principe, votre contenu doit être encodé en UTF-8 cet encodage permet d’afficher les caractères spéciaux en français. maintenant deviner d’où vient le problème n’est pas aussi évident.

      votre site peut être effectivement encodé, mais le navigateur ne le prend pas en charge.

      votre site peut être bien encodé, mais l’enregistrement se données dans la base de données ne l’est pas. pour l’occasion vous devrez vérifier l’encodage des tables de votre blog,

      est ce que l’erreur est générale ? si non alors le problème viens peut être du thème qui ne déclaré pas correctement l’encodage, ou qui utilise une fonction php qui échappé l’encodage.

      bonne chance.

      rappel : si la tâche vous semble compliqué, nous pouvons vous aider. demandez un audit, c’est gratuit.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
8 Partages
Partagez2
Tweetez
Enregistrer6
WhatsApp