Comment changer la taille de l'image en vedette WordPress ?

Taille des images WordPress ! Hein! Cela ressemble à quelque chose de simple, n'est-ce pas? Mais est-ce vraiment ?

Bon, parlons-en. Que pensez-vous qu'un internaute au hasard recherche avant de cliquer sur un lien, un blog, un article, etc. ? Est-ce le titre ? C'est peut-être l'en-tête ? slogan ? La réponse est généralement non, rien de tout cela.

Mais si vous pensez à l'image de la fonctionnalité, nous dirions que oui. Selon de nombreuses études et revues populaires, les internautes ont tendance à cliquer sur des images attrayantes et informatives.

Ils ont tendance à étudier le contenu de l'image caractéristique, bien avant de regarder le titre ou les métadonnées.

C'est là que la magie opère. C'est là/quand un internaute décide de cliquer sur votre contenu publié pour y jeter un coup d'œil.

Être capable de captiver le public avec l'image caractéristique signifie un clic organique presque certain.

Ce qui n'est pas si facile lorsque vous travaillez avec un mot clé compétitif à longue traîne ou des mots clés à courte traîne, des phrases populaires, des événements populaires, des sujets, des références à la culture pop, etc.

Ainsi, la taille d'image WordPress recommandée par l'équipe de développement de DroitThemes est de 1200 × 675 pixels ou au format 16: 9.

L'importance des bonnes images

Comme mentionné précédemment, une image attrayante sur WordPress peut apporter des attractions et des clics plus organisés sans aucun travail supplémentaire. L'importance de bonnes images ne peut être sous-estimée.

Un blog, un article, une publication, une newsletter, etc., peu importe le type de contenu qu'il peut présenter, la mise en œuvre d'images de qualité et informatives est la clé du succès.

Les gens ont tendance à se livrer visuellement avant de commencer à lire, et tout cela se produit en une fraction de seconde lorsqu'ils rencontrent ladite image.

Il est donc fortement conseillé de sélectionner une excellente image à présenter dans votre prochain contenu.

Une image de haute qualité attire non seulement plus de regards, mais est également idéale pour maintenir une qualité constante dans différents types de résolutions d'affichage.

Images en vedette WordPress : de quoi s'agit-il ?

Une image caractéristique est utilisée pour présenter visuellement les informations de contexte concernant un élément de contenu.

Ces types d'images apparaissent généralement au-dessus du contenu et sont présentés à côté des métadonnées dudit contenu, dans la section des vignettes.

L'image présentée attire l'attention et l'imagination du visiteur, et fournit visuellement des indices, des informations et un contexte mineur concernant votre contenu.

Par exemple, l'image présentée ici indique clairement le sujet de discussion et le sujet en jeu.

Le thème WordPress actif du site Web joue également un rôle clé tout en déterminant comment l'image de la fonctionnalité sera affichée.

Lors de la création d'un site Web WordPress, essayez toujours de choisir le meilleur thème WordPress pour les blogs et la publication de contenu.

Developer.WordPress.org Taille d'image recommandée pour WordPress

WordPress utilise par défaut les tailles d'image suivantes

WordPress crée automatiquement trois versions de votre image téléchargée, et ce sont :

• Taille de la vignette : 150 px X150 px
• Taille moyenne : 300 px X 300 px
• Grande taille : 1024px X 1024px

Quel est le but de ces différentes versions de tailles d'images en vedette WordPress ?

Considérez l'image de dimension utilisée par l'équipe de développement de DroitThemes – 1200px X 675px .

Cette taille d'image d'origine peut aller jusqu'à 100 Ko .

Envisagez maintenant d'avoir les dimensions de l'image d'origine comme vignette ! Cela ne semblerait-il pas anormal pour une image miniature, n'est-ce pas !

Et sans parler de l'impact sur les performances que la résolution aurait si cette résolution était associée à la taille de l'image.

Il est donc prudent de supposer que la taille convertie automatiquement par WordPress de 150 × 150 px est un pari sûr et fiable.

Le redimensionnement automatique des images par WordPress est bien sûr une fonctionnalité intéressante.

Cependant, cette fonctionnalité géniale fonctionne bien dans certains scénarios.

Par exemple, redimensionner une image par défaut peut ne pas être une solution adéquate si un thème WordPress nécessite une dimension d'image spécifique.

Ici, à DroitThemes, il y a quelque chose dont il faut parler alors que nous travaillons avec la taille d'image en vedette de WordPress de 1200 × 675 pixels.

Dans de tels cas, il est conseillé d'ajouter manuellement une taille d'image personnalisée.

Alors, comment ça marche?

Voici un court tutoriel sur la façon d'ajouter une taille d'image en vedette WordPress personnalisée

WordPress automatise votre contenu pour les meilleures performances sur sa plate-forme en redimensionnant les images de fonctionnalité d'origine avec trois tailles et résolutions différentes.

Que diriez-vous d'ajouter une autre taille par défaut ? Serait-il possible d'inclure une taille d'image WordPress personnalisée ?

Oui, c'est possible et nous vous montrerons comment le faire correctement.

Ajout de tailles d'image personnalisées à l'aide de Image Regenerate & Select Crop

Regenerate & Select Crop est un plugin simple qui offre plus de fonctionnalités que la simple régénération des vignettes.

En plus de permettre aux utilisateurs de modifier la taille d'image par défaut, les utilisateurs ont également la possibilité de régénérer toutes les images existantes pour qu'elles correspondent à leur taille d'image préférée, de définir des options de recadrage par défaut ou de régénérer les vignettes.

Une fois installé et activé, rendez-vous sur Tableau de bord WordPress> Régénérer et sélectionner le recadrage , à partir de là, cliquez sur DÉFINIR LES TAILLES D'IMAGE PERSONNALISÉES et définissez un nom pour votre taille d'image WordPress personnalisée, puis ajoutez les dimensions.

Pour cet exemple, nous utilisons la taille d'image en vedette WordPress de 1200 × 675 pixels.

Une fois que vous avez terminé, assurez-vous de cliquer sur Enregistrer les modifications .

Il existe de nombreuses autres options fournies avec ce plugin particulier, nous n'explorons pas cela plus avant, mais nous vous recommandons fortement à l'utilisateur d'explorer et de modifier les paramètres.

Step.01 Ajouter une taille d'image WordPress personnalisée en éditant functions.php

Pour cela, vous devrez modifier certains codes du fichier functions.php de votre site Web, mais ne vous inquiétez pas, nous serons avec vous tout au long du processus.

Comme nous allons peaufiner certains codes, vous devez sauvegarder ledit fichier juste pour être du bon côté des choses.

Rendez-vous maintenant sur le tableau de bord WordPress > Apparence > Éditeur de thème .

Maintenant, cliquez sur les fonctions du thème ( functions.php ) à partir d'ici, localisez le code suivant avec l'éditeur de thème en appuyant sur Ctrl + F et appuyez sur Entrée. Si le code est déjà là, laissez-le et passez à l'étape suivante.

Et si le code semble manquer, veuillez entrer la chaîne suivante -

 add_theme_support( 'post-thumbnails' );

Une fois que vous avez terminé, assurez-vous de cliquer sur le bouton Mettre à jour le fichier .

Maintenant, pour ajouter vos dimensions d'image personnalisées, insérez le code suivant juste en dessous du code mentionné précédemment, la dimension personnalisée -

 add_image_size( 'my-custom-image-size', 1200, 675 );

En particulier, vous devez mettre à jour le contenu des guillemets simples avec le nom de la nouvelle taille d'image personnalisée. Nous suggérons quelque chose de simple et descriptif.

La première valeur doit être la largeur de l'image et la seconde la hauteur de l'image.

Suivez les meilleures pratiques d'image en vedette WordPress

Il ne suffit tout simplement pas de télécharger et d'oublier les composants importants du site Web, tels que les images de fonctionnalité.

Lors du choix et du téléchargement d'images de fonctionnalités pour WordPress ou toute autre plate-forme de création de site Web, nous recommandons fortement aux utilisateurs de suivre quelques étapes simples :

Images de haute qualité

Les images vedettes doivent être de haute qualité et dans une résolution claire et nette. Une image caractéristique vous représente, votre site Web et votre contenu, il est donc indispensable d'utiliser une image de qualité.

Les utilisateurs doivent choisir quelque chose qui a l'air bien sur les vignettes et dans les publications.

Contenu cohérent

Téléchargez des images cohérentes avec le contenu de votre site Web. Téléchargez des fonctionnalités, du contenu, un logo, etc. cohérents avec votre marque. Maintenir une vision cohérente de votre conception visuelle aide à construire votre marque et à la rendre reconnaissable par vos visiteurs.

Images pertinentes

Un humain traite les images plus rapidement que le texte. Lorsque vous la considérez comme une image de fonctionnalité pertinente et informative, vous pouvez attirer davantage l'attention sur votre site.

Donc, essayez toujours de maintenir une forte pertinence tout en considérant les images de fonctionnalité.

droits d'auteur

Ne pas enfreindre les droits d'auteur. Essayez toujours de vous assurer que votre contenu est produit, et si vous téléchargez quelque chose d'un autre créateur de contenu, assurez-vous d'obtenir son consentement légal avant de le faire.

L'achat de photos libres de droits sur des sites comme Unsplash, Pixaby et d'autres est une excellente option.

Pour conclure

Les images en vedette font partie intégrante de chaque site Web WordPress.

Une image bien conçue et bien présentée peut donner à votre site Web une apparence plus professionnelle et contribuera grandement à accroître la notoriété de votre marque. Il en va de même pour les boutiques en ligne. Les images sont utiles pour vendre des produits.

Une image de fonctionnalité bien conçue et complète peut également avoir un impact considérable sur l'imagination de vos visiteurs, vous aidant à obtenir plus de clics et de vues organiques.

Cela dit, nous espérons que vous avez trouvé ce contenu utile et que vous envisagerez de le partager avec quelqu'un dans le besoin.

Nous vous remercions de votre visite et si vous avez des questions ou des préoccupations à ce sujet, n'hésitez pas à nous le faire savoir dans le commentaire ci-dessous.