skip to Main Content

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

Divi : le thème WordPress le plus facile à utiliser

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

Avec plus de 600.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 puissants pour gérer et modifier des images. Malheureusement, les débutants n’ont pas toujours conscience des différentes fonctionnalités de WordPress.

Dans ce tutoriel, nous allons couvrir les questions et problèmes récurrents que les débutants rencontrent et comment les corriger.

Mais avant, si vous n’avez jamais installé WordPress découvrez Comment installer un blog WordPress en 7 étapes et Comment rechercher, installer et activer un thème WordPress sur votre blog 

Ensuite revenons vers ce pourquoi nous sommes là.

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 ou page.

Vous pouvez également téléverser les images à partir du menu  « Médias » du tableau de bord et les utiliser plus tard dans un article ou une page.

Découvrez aussi Comment restreindre l’accès aux médias WordPress à certains utilisateurs

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

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.

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.

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

Découvrez Comment utiliser l’éditeur Gutenberg de WordPress 5.0

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

WordPress vous permet d’ajouter facilement une légende sur 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.

Pour ajouter une 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.

Découvrez aussi Comment ajouter une légende sur une image depuis Gutenberg

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 une par une dans un post, mais cela va ressembler à une longue liste d’images.

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Consultez aussi notre liste des 5 plugins WordPress pour créer des galeries photos

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édiathèque, sélectionnez les images que vous souhaitez afficher et cliquez sur le lien « Créer une galerie » dans la colonne de gauche.

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

WordPress va afficher les paramètres de la galerie.

Vous pouvez choisir de lier la galerie à 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 ».

Cela ajoutera un bloc de contenu, vous pourrez ensuite sélectionner les images à 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.

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 ».

Maintenant, vous pouvez cliquer sur le lien « Définir une image à la une » pour télécharger l’image à la une de votre 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ée à 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.

Allez plus loin en découvrant WordPress : Image à la une ou pas, quelles sont les conséquences

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, elles sont généralement trop grande.

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.

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

Découvrez nos 6 plugins WordPress pour retoucher les images sur votre blog

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

Accédez à « Médias > 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.

Allez plus loin en découvrant Comment compresser et redimensionner les images sur WordPress

En cliquant dessus, cela ouvrira un nouvel écran de modification des images. Cela ouvrira également l’éditeur d’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.

Voilà ! La liste des fonctionnalités n’est certainement pas exhaustive, mais il y a plusieurs choses que vous pouvez faire avec les images sur WordPress.

Découvrez aussi quelques plugins WordPress premium  

Vous pouvez utiliser d’autres plugins WordPress pour donner une apparence moderne et pour optimiser la prise en main de votre blog ou site web.

Nous vous proposons donc ici quelques plugins WordPress premium qui vous aideront à le faire.

1. White Label Branding for WordPress Multisite

Utilisez-vous un réseau WordPress multisite ? Êtes-vous un développeur WordPress ou un concepteur Web qui utilise WordPress pour créer des sites Web pour ses clients ?

Avez-vous déjà souhaité qu’il soit plus facile de personnaliser le menu et le logo sur chaque sous-site web de votre réseau multisite WordPress ? Souhaitez-vous donner à chaque sous-site web la possibilité de créer leur propre image de marque ? Ne cherchez pas plus loin, ce plugin est fait pour vous !

White Label Branding for WordPress Multisite vous permet de contrôler l’image de marque du site web principal et de tous les sous-sites web dans un réseau WordPress multisite.

Ce plugin vous donne la possibilité de créer un modèle global que tous les sous-sites du réseau utiliseront. Ou alors vous pourrez permettre à chaque sous-site web du réseau de créer leur propre image de marque et de personnaliser leurs menus pour le rôle d’éditeur. Vous aurez également un contrôle total sur tous les rôles et capacités des utilisateurs.

Télécharger | Démo | Hébergement Web

2. Ultimate WooCommerce Expandable Categories

Ce plugin WordPress vous permet de modifier facilement les longues listes de catégories WooCommerce ennuyeuses, et de les remplacer par différents niveaux de sous-éléments dans un menu en accordéon.

Ses fonctionnalités principales sont : la possibilité de l’activer enfin qu’il fonctionne automatiquement (pas de paramètres requis!), la prise en charge de multiples niveaux de catégories (catégories, sous-catégories, etc.), la mise en surbrillance de la catégorie active, l’ouverture de toutes les catégories parentes si la catégorie actuelle se trouve à l’intérieure, la compatibilité avec n’importe quel thème WooCommerce, responsive à souhait, des mises à jour gratuite et un support client très actif.

Télécharger | Démo | Hébergement Web

3. WooCommerce Estimated Shipping Date Per Product

WooCommerce Estimated Shipping Per Product est un plugin WordPress qui vous permet d’afficher la date de livraison estimée du produit sur votre site web. Vous pourrez afficher la date de livraison estimée sur la page du produit, la page du panier et la page de commande.

Ses principales fonctionnalités sont : la possibilité de définir la date de livraison fixée du produit, l’activation ou la désactivation de la date de livraison sur la page du panier, la page de paiement et la page de commande, des options pour définir le message de date de livraison, et plus.

Télécharger | Démo | Hébergement Web

Ressources recommandées

Découvrez d’autres ressources recommandées qui vous aideront à résoudre d’autres erreurs régulièrement rencontrées sur WordPress. 

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]

 

 

Conclusion

Voila ! C’est tout pour ce tutoriel, j’espère qu’il vous aura permis de comprendre comment résoudre les problèmes d’images rencontrés sur WordPress. N’hésitez pas à le partager avec vos amis sur vos réseaux sociaux préférés. 

Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress.

Mais, en attendant, faites-nous part de vos commentaires et suggestions dans la section dédiée.

… 

 

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
9 Partages
Partagez2
Tweetez
Enregistrer7