Comment Modifier les Images en vedette dans WordPress

Les images sont des composants essentiels de chaque site Web. Avant de commencer à vous interroger sur l’importance des images, essayez simplement d’imaginer votre blog ou site Web préféré sans en avoir un. Seriez-vous autant intéressé à lire sur la technologie, les voitures, la nourriture ou la mode et le maquillage si le site Web ne contenait aucune image?

Lorsque les premiers sites web ont été mis en ligne, les images ne pouvaient pas jouer un rôle significatif dans leur existence. Les connexions Internet étaient trop lentes et personne ne pouvait charger des dizaines d’images par page. Heureusement, les choses ont changé, et maintenant nous ne pouvons pas vivre sans médias en ligne. Le même principe peut s’appliquer à un blog personnel ou à votre site Web. Dans le monde moderne, vous ne pouvez tout simplement pas avoir un site de blog sans images. Ils sont bien plus importants que vous ne l’imaginez.

Qu’est-ce qu’une image en vedette dans WordPress

Bien qu’une image en vedette ne soit qu’un autre fichier multimédia que vous pouvez ajouter à WordPress, elle mérite un traitement spécial. Ce genre d’image peut vous aider à attirer l’attention de vos visiteurs. Il est utilisé pour inciter les individus à lire vos histoires, améliorer la qualité visuelle de votre blog et joue même un rôle notable dans le partage sur les réseaux sociaux. Alors, ne négligez pas l’importance d’une image en vedette.

Les images en vedette sont contrôlées par des thèmes WordPress.

Il n’y a pas si longtemps, de nombreux thèmes WordPress n’avaient pas de support pour eux. Seuls les développeurs les plus prudents ont eu la gentillesse d’introduire des images en vedette dans leurs thèmes, tandis que tous les autres devaient coder eux-mêmes la fonctionnalité. Heureusement, les temps ont changé, et maintenant la plupart des thèmes sont entièrement prêts pour les images en vedette.

Où les images en vedette apparaissent-elles sur votre site?

Habituellement, une image en vedette dans WordPress trouvera sa place sous les projecteurs de votre page d’accueil. Ils sont utilisés comme vignettes qui représentent l’ensemble du message. Le plus souvent, la même vignette de publication (qui est également un autre nom pour une image en vedette) renvoie directement à cette publication. En sélectionnant une image en vedette pour un article, vous pouvez donner le ton entier à votre histoire. Alors qu’une bonne photo peut inciter un visiteur à lire tout le message, une mauvaise peut facilement repousser un lecteur moyen.

WordPress a présenté des images sur la première page

De plus, les mêmes images en vedette apparaissent généralement au-dessus des publications uniques, des pages et des types de publications personnalisés dans WordPress. Selon le thème que vous utilisez, une image en vedette peut apparaître juste au-dessus ou en dessous du titre. Il peut apparaître dans différentes dimensions; tout dépend d’un développeur de thème qui a travaillé sur les détails.

Encore une fois, selon le thème, les images en vedette peuvent être utilisées ailleurs. Par exemple, si vous ajoutez un widget pour afficher les publications les plus récentes, les vignettes des publications peuvent être utilisées pour ajouter plus de style au widget et attirer davantage l’attention de vos visiteurs.

Certains thèmes afficheront même les images dans les pages d’administration de WordPress, juste à côté des publications qui leur sont attribuées.

Comment ajouter une image en vedette

Lorsque nous vous avons expliqué comment ajouter votre premier article dans WordPress, nous avons également mentionné l’onglet image en vedette situé sur le côté droit de l’écran. Juste au cas où vous ne trouveriez pas l’onglet, vous devriez vérifier les options de votre écran:

  1. Ajouter un nouveau message ou en modifier un existant
  2. Faites défiler jusqu’en haut
  3. Cliquez sur l’onglet « Options de l’écran” dans le coin supérieur droit
  4. Assurez-vous que la case « Image en vedette” est cochée
Options d'écran WordPress Éditeur de messages

Sur un nouveau site WordPress, l’onglet image sélectionnée sera situé tout en bas de la barre latérale sur le côté droit. Vérifiez si vous en avez une et préparez-vous à ajouter votre première vignette de publication:

  1. Cliquez sur le lien « Définir l’image en vedette” situé dans la boîte « Image en vedette”
  2. Une nouvelle fenêtre ouvrira la Médiathèque
  3. Sélectionnez n’importe quelle image que vous avez ou téléchargez-en une nouvelle depuis l’ordinateur
  4. Une fois que vous avez choisi l’image, cliquez sur le bouton « Définir l’image en vedette”
Image en vedette WordPress

C’est ça! Vous pouvez maintenant voir l’aperçu d’une image directement dans la zone Image sélectionnée. Si vous voulez voir à quoi il ressemble dans le post, vous pouvez rapidement faire défiler vers le haut et cliquer sur le bouton « Aperçu”.

Faites glisser &Déposez le plugin d’image en vedette

PRIX: Gratuit

Faites glisser et déposez l'image en vedette dans WordPress

Si vous souhaitez faire glisser et déposer des images dans votre médiathèque WordPress, vous devriez envisager d’ajouter ce plugin gratuit à la liste des fichiers actifs sur votre site. Juste en installant Drag &Drop Featured Image plugin, le lien régulier pour ajouter un message de vignette changera. Au lieu de cliquer sur le lien, puis de télécharger une nouvelle image, vous pourrez faire glisser et déposer l’image directement sur place.

Comment supprimer ou remplacer une vignette de publication

Parfois, vous voudrez supprimer ou remplacer une vignette de publication. Que vous ayez trouvé ou créé une meilleure photo, ou qu’il y ait eu un problème avec la première, il ne vous faudra que quelques clics pour effectuer le changement:

  1. Cliquez sur le lien ”Supprimer l’image en vedette » situé dans la case ”Image en vedette » sous la vignette
  2. Si vous souhaitez définir une nouvelle image, répétez les étapes pour ajouter une nouvelle image en vedette

Que se passe-t-il si votre thème n’a pas l’option?

Bien que la plupart des thèmes soient aujourd’hui prêts pour les images en vedette, il y en a encore qui n’utilisent pas la fonctionnalité. Pour ajouter manuellement l’élément, vous devez avoir une compréhension de base du développement WordPress. Heureusement, vous pouvez contourner cela et oublier le code. Nous allons vous montrer quelques plugins WordPress qui introduiront rapidement des vignettes de publication à votre thème. Avec ces extensions, vous pouvez même laisser WordPress gérer automatiquement les images en vedette.

Plugin d’image dynamique en vedette

PRIX: Gratuit

Image dynamique en vedette

Le fait que ce plugin gratuit compte plus de 70 000 utilisateurs actifs vous dit qu’il y a encore beaucoup de thèmes qui nécessitent un soin supplémentaire pour les vignettes de publication. L’image en vedette dynamique vous permet d’ajouter plusieurs images, vous n’avez donc pas à dépendre uniquement de celle qui est généralement disponible. Sans toucher au code, le plugin préparera les images sélectionnées et permettra à d’autres fonctions de thème d’y accéder si nécessaire. Vous pouvez simplement vous détendre; vous n’avez rien à faire à ce sujet.

Le plugin est un excellent choix lorsque vous travaillez avec d’autres plugins qui ont besoin d’images en vedette et de curseurs qui les afficheront à vos utilisateurs. Il existe même une version premium qui ajoute plusieurs fonctions différentes.

Plugin d’Images en vedette rapide

PRIX: Gratuit

Images en vedette rapide

À partir du moment où vous installez ce plugin, tout peut fonctionner sur le pilote automatique . Les images en vedette rapides vous permettront de définir une image en vedette par défaut. Ainsi, chaque fois que vous oubliez d’en définir un, le plugin utilisera la vignette par défaut. Il peut également remplacer ou supprimer des images de n’importe quel nombre de publications sélectionnées à la fois.

De plus, ce plugin gratuit ajoute une image dans une colonne d’image triable dans des listes de publications, de pages et de types de publications personnalisés. Il existe également différents filtres et règles qui vous permettront de personnaliser la façon dont votre site gère les vignettes de publication.

Le guide de la taille de l’image en vedette – Comment la changer dans WordPress

Dans un monde en ligne moderne, tout se compose de fichiers multimédias. Bien que les vidéos aient commencé à prendre le dessus sur Internet, les images sont toujours un élément vital dont vous ne pouvez pas vous passer. Quel que soit le site que vous ouvrez, il devrait contenir au moins quelques images. Les fichiers multimédias enrichissent les publications et les pages d’accueil, et vous vous rappellerez l’importance des fichiers multimédias chaque fois que vous tomberez sur un site sans site. Vous pouvez même rechercher vous-même des images gratuites. Une fois que vous les ajoutez à votre blog, ils rendront l’ensemble du blog plus dynamique et attrayant pour un visiteur moyen.

Le guide de la taille de l’image en vedette

Habituellement, les images en vedette sont contrôlées par le thème. Que vous en ayez un, combien d’options de taille obtiendrez-vous et où il apparaîtra, dépend entièrement de votre développeur de thème. Malheureusement, tous les développeurs n’ont pas tendance à accorder suffisamment d’attention aux images en vedette. Ainsi, dans certains cas, vous devrez ajuster la taille de l’image sélectionnée. Dans d’autres cas, vous aurez besoin d’un ensemble de dimensions supplémentaires pour accueillir un plugin, un nouveau widget ou une autre zone de votre site que vous souhaitez personnaliser.

Bien que l’enregistrement de nouvelles tailles d’image soit un jeu d’enfant pour un développeur WordPress, cela peut être un cauchemar pour un non-codeur. Donc, dans cette partie, nous n’allons pas vous montrer des extraits de code. Au lieu de cela, nous allons vous montrer comment fonctionnent les paramètres de base et comment étendre les fonctionnalités des images en vedette via un plugin WordPress gratuit.

Paramètres d’image de base

Pour commencer, vous devez savoir que WordPress vous permet de modifier quelques paramètres multimédias de base qui affecteront toutes les nouvelles images que vous téléchargez sur le site. Par défaut, chaque installation WordPress fonctionne avec seulement quatre tailles d’image:

  • La taille d’origine
  • Miniature
  • Moyen
  • Grand
Paramètres d'image de base

Une fois que vous avez téléchargé une nouvelle image, WordPress stockera le fichier d’origine sans y apporter de modifications. Après le transfert de données, le système prendra ce fichier d’origine et fera toutes les dimensions supplémentaires que vous avez configurées dans les paramètres du support. Il peut également ajouter quelques tailles supplémentaires qui sont enregistrées par le thème que vous utilisez et qui peuvent ne pas être visibles dans les paramètres des médias.

Pour accéder aux Paramètres des médias, veuillez accéder à Settings->Media

L’image miniature est quelque peu unique. Il est carré, et quelle que soit la dimension que vous avez définie, WordPress se centrera sur la partie de l’image et la recadrera pour obtenir les dimensions nécessaires. Certains thèmes peuvent utiliser ce préréglage comme image en vedette.

En ce qui concerne les moyennes et grandes tailles, WordPress fonctionne un peu différemment. Vous pouvez spécifier la largeur et la hauteur maximales, et le système réduira l’image en fonction de ces paramètres, afin qu’elle ne soit pas recadrée. Ce sont généralement des images que vous utiliserez dans les publications et les pages.

Pourquoi WordPress génère-t-il des tailles supplémentaires?

Si WordPress ne générait pas de tailles d’image supplémentaires, vous deviez en créer manuellement. L’alternative serait d’avoir la même taille d’image sur tout votre site ou les concepteurs devraient travailler beaucoup plus dur pour définir les dimensions de chaque image via le code. Cette option rendrait également la personnalisation beaucoup plus difficile.

Imaginez combien de temps auriez-vous besoin pour ouvrir chaque fichier dans un éditeur de photos, définir une dimension personnalisée, puis le télécharger sur WordPress?

Savez-vous que les thèmes WordPress peuvent utiliser la même image dans plusieurs dimensions différentes en fonction de l’emplacement? Cela signifierait générer plusieurs fichiers image chaque fois que vous êtes sur le point de télécharger une nouvelle image! Personne n’aurait le temps pour ça.

Modifier la taille de l’image en vedette

De toute évidence, tous les thèmes WordPress n’utilisent pas la même taille d’image en vedette. Ainsi, lorsque vous passez d’un thème à l’autre ou simplement lorsque vous souhaitez en modifier un en fonction de vos besoins et de vos goûts, vous voudrez peut-être ajuster la taille de l’image sélectionnée.

Changer la taille de l'image sélectionnée dans WordPress

Peut-être qu’une taille plus petite sera plus belle et accentuera le titre? Peut-être que vous voulez que votre image en vedette soit plus large? Heureusement, quelle que soit la raison de la modification de la taille de l’image sélectionnée, vous n’aurez rien à coder par vous-même. Nous sommes sur le point de vous montrer un plugin gratuit fantastique qui vous aidera.

Vérifiez les paramètres de votre thème

Avant d’installer des plugins supplémentaires, vous devez vérifier soigneusement les paramètres de votre thème. Au cours des dernières années, les développeurs de thèmes ont permis des modifications de nombreuses fonctionnalités de thèmes. Ainsi, en fonction d’un thème que vous avez, il est possible de trouver une option de taille d’image sélectionnée directement dans les paramètres du thème.

Allez dans Apparence ->Thèmes – > Personnalisez et recherchez les options. En outre, certains thèmes auront des paramètres supplémentaires qui peuvent généralement être trouvés dans le menu Apparence. Si vous en trouvez un, vous avez de la chance car vous pouvez modifier la taille de l’image en quelques clics. Sinon, ne vous inquiétez pas; le plugin suivant sera toujours assez simple pour apporter les modifications nécessaires.

Tailles d’image Simples

PRIX: Gratuit

Tailles d'image Simples

Lorsque vous installez des Tailles d’image Simples, les paramètres de support de base dont nous venons de parler seront obtenez instantanément élargi. Le plugin reconnaîtra toutes les autres tailles d’image du thème actuellement actif, et vous permettra également de créer des tailles personnalisées par vous-même.

Une fois que vous avez activé le plugin, veuillez accéder aux paramètres – > Media. Parmi toutes les tailles d’image supplémentaires, vous devriez trouver celle qui est dédiée à l’image sélectionnée. Si vous utilisez un thème standard Twenty Eighteen, vous devriez trouver l’option ”twentyeighteen-featured-image size ». Ici, vous pouvez facilement définir une largeur et une hauteur personnalisées pour les images en vedette.

Selon un thème que vous utilisez, il peut y avoir plus qu’une seule taille d’image en vedette. Par exemple, un thème peut afficher une image en vedette sur la première page, des publications uniques et certains widgets. Dans ce cas, trois tailles seraient nécessaires pour tirer le meilleur parti de la fonctionnalité. Selon la façon dont vous souhaitez personnaliser l’image sélectionnée, modifiez les paramètres en conséquence. N’oubliez pas d’appuyer sur le bouton de mise à jour, d’enregistrer les modifications et d’ouvrir votre site pour voir ce qui est arrivé aux images.

Qu’en est-il des anciennes images?

Habituellement, lors de la modification des dimensions de l’image, WordPress apporte des modifications uniquement aux nouvelles que vous êtes sur le point de télécharger. Mais qu’en est-il des anciens que vous utilisez déjà?

Régénération des vignettes

Heureusement, le développeur de Taille d’images Simples a eu la gentillesse d’introduire une fonctionnalité qui résoudra ce problème. Sur la même page de paramètres multimédias, faites simplement défiler la liste des dimensions de l’image. Vous trouverez une fonction de régénération des vignettes qui vous permet de sélectionner les vignettes que vous souhaitez reconstruire. Puisque nous ne parlons que des images en vedette, sélectionnez les mêmes vignettes que celles que vous avez modifiées précédemment.

Si vous voulez encore plus de contrôle sur les vignettes, faites défiler un peu plus et sélectionnez un type de publication sur lequel vous souhaitez reconstruire.

Une fois que vous êtes prêt, cliquez sur si vous souhaitez régénérer les vignettes, et n’oubliez pas d’enregistrer les modifications.

Inconvénients de la modification des tailles d’image

Lors de la configuration des nouvelles dimensions d’image est assez facile avec des tailles d’image simples, soyez prudent lors de la modification de vos images.

Si vous travaillez sur un site plus petit qui n’a toujours pas autant de photos, vous pouvez vous détendre et régénérer les vignettes. Mais notez qu’il existe des sites avec des centaines de milliers d’images.

Générer une nouvelle dimension pour chaque image peut prendre beaucoup de place sur votre serveur. Donc, avant de confirmer le changement, assurez-vous de savoir ce que vous faites.

De plus, WordPress ne prend pas vraiment soin de vos anciennes vignettes. Ainsi, même si vous ne les utilisez plus, toutes ces images resteront dans le dossier et occuperont un espace précieux sur le disque dur. Certains plugins de nettoyage d’images peuvent vous aider si vous utilisez un site plus petit. Mais pour les sites Web plus grands avec des tonnes de photos, vous aurez besoin d’une approche plus professionnelle (et malheureusement plus compliquée et plus coûteuse).

Définir automatiquement une image en vedette dans WordPress

L’utilisation d’images en vedette dans WordPress est facile et relativement simple à configurer, même si votre thème ne prend pas en charge la fonctionnalité à partir de zéro. Nous vous avons déjà montré comment définir et afficher l’image en vedette de base, et vous apprendrez à vérifier s’il existe un ensemble d’images en vedette et à afficher une notification à l’auteur qui a oublié d’en définir une.

Si vous n’aimez pas cette option, vous pouvez rapidement implémenter une fonctionnalité légèrement différente – vous pouvez programmer votre WordPress pour définir automatiquement une image sélectionnée pour vous.

Contrairement à la méthode mentionnée ci-dessus où WP vous informera de l’image en vedette manquante où vous devez toujours en choisir une par vous-même, cette approche définira automatiquement une image comme une image en vedette. Pour que cela fonctionne, vous devrez avoir au moins une image attachée à votre message.

Après avoir publié le message sans l’image sélectionnée, la fonction prendra la première image de cet article et la définira comme image sélectionnée.

Ce qui est génial à ce sujet, c’est qu’une fois que la fonction définit l’image en vedette pour vous, elle restera activée même si vous décidez de supprimer l’image de la publication (la seule fonction utilisée pour créer l’image en vedette en premier lieu).

Si vous n’avez pas d’images jointes à votre publication et que vous appuyez sur le bouton Publier, il n’y aura pas de notifications et, bien sûr, il n’y aura pas d’images parmi lesquelles la fonction pourra choisir. C’est donc une excellente option pour quelqu’un qui utilise des images dans la plupart de ses publications. Mais si vous avez tendance à oublier les images le plus souvent et que vous ne joignez pas d’images régulièrement, nous vous suggérons de vérifier la méthode antérieure pour empêcher la publication de messages sans l’image.

Maintenant, quand vous savez ce que vous pouvez obtenir avec cela, montrons le code. Pour installer la fonction, vous devrez ouvrir vos fonctions.fichier php et copiez/collez l’extrait de code suivant:

function autoset_featured() {global $post;$already_has_thumb = has_post_thumbnail($post->ID);if (!$already_has_thumb) {$attached_image = get_children("post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );if ($attached_image) {foreach ($attached_image as $attachment_id => $attachment) {set_post_thumbnail($post->ID, $attachment_id);}}}}add_action('the_post', 'autoset_featured');add_action('save_post', 'autoset_featured');add_action('draft_to_publish', 'autoset_featured');add_action('new_to_publish', 'autoset_featured');add_action('pending_to_publish', 'autoset_featured');add_action('future_to_publish', 'autoset_featured');


N’oubliez pas d’enregistrer les modifications après avoir collé le code. Maintenant, vous pouvez essayer d’ajouter une nouvelle publication avec n’importe quelle image à l’intérieur et la publier. Voyez-vous comment l’image en vedette est apparue sur le site? Magie.

Liez automatiquement les vignettes des articles en vedette à leurs articles originaux

Les thèmes WordPress modernes sont des œuvres d’art conçues avec les dernières technologies à l’esprit. Cela signifie que les développeurs ont pris soin de chaque chose dont vous et vos futurs visiteurs de site Web aurez besoin à partir d’un thème. Cela inclut un beau design et de nombreuses fonctionnalités ajoutées à la fois au backend et au frontend.

Après que WordPress ait introduit des vignettes de publications en vedette, les développeurs de thèmes ont dû trouver un moyen de lier ces images à leurs publications originales. Cette simple image en vedette est devenue un changeur de jeu pour WordPress qui a transformé une plate-forme de blogs populaire en CMS encore plus populaire. Parfois, ces photos n’auront pas à être liées nulle part, mais si vous nous le demandez, chaque image miniature en vedette doit mener au message d’origine.

Même si de nombreux développeurs trouvent que c’est une fonctionnalité indispensable dans un thème, de nombreux thèmes WordPress (la plupart d’entre eux seront des cadeaux) ne l’auront pas installé par défaut. Et si vous avez des problèmes avec les vignettes de publication qui ne sont pas cliquables, comme nous le faisons, cela pourrait vous énerver. Mais ne vous inquiétez pas, une solution rapide peut être trouvée quelques lignes ci-dessous.

Dans cette partie du tutoriel, nous sommes sur le point de vous montrer comment lier automatiquement l’image sélectionnée au permalien post et ainsi permettre à quiconque clique sur l’image d’être redirigé vers le message d’origine.

Liez l’image sélectionnée au message:

  1. Fonctions ouvertes.php
  2. Copiez et collez le code suivant:
function wcs_auto_link_post_thumbnails( $html, $post_id, $post_image_id ) {$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>'; return $html;}add_filter( 'post_thumbnail_html', 'wcs_auto_link_post_thumbnails', 10, 3 );

  1. Enregistrer les modifications

C’est tout, les gens. Une fois que vous avez enregistré les modifications, vous n’aurez plus à vous soucier des vignettes de publication en vedette qui ne sont pas liées à la publication d’origine. Maintenant, l’image miniature en vedette et le texte « en savoir plus » mèneront vos visiteurs à votre publication.

Comment ajouter des aperçus de vignettes dans la liste d’édition de publication / Page

Si vous avez votre thème WordPress quotidien avec des fonctionnalités standard, vous vous êtes probablement habitué à un certain aspect du panneau d’administration WordPress. Lorsque nous parlons d’options d’édition pour les publications et les pages, vous avez probablement une vue standard où le titre, l’auteur, les catégories, les balises et les dates sont affichés dans différentes colonnes.

Comme vous pouvez le voir, il n’y a aucune information sur les images en vedette. Donc, si vous voulez voir si une publication a déjà une image en vedette et éventuellement voir à quoi ressemble l’image, vous devez modifier chaque publication séparément.

Comment ajouter des aperçus de vignettes dans la liste d'édition des publications / pages

Imaginez passer par des dizaines de publications juste pour prendre un aperçu rapide de l’image en vedette, afin de ne pas en dupliquer une ou laisser une publication sans un. Ce n’est qu’une perte de temps et c’est pourquoi nous allons vous montrer une solution rapide pour cela.

Dans cette partie du tutoriel, nous allons vous montrer un code simple que vous pouvez ajouter à votre thème qui ajoutera ensuite une vignette directement à la colonne post / page. Pour que cette ”astuce » fonctionne, assurez-vous que votre thème prend en charge les vignettes de publication.

Assez avec la discussion; insérons le code dans le thème et affichons une vignette dans votre éditeur de messages:

  1. Ouvrez votre fonction.fichier php
  2. Copiez et collez le code suivant:
add_filter('manage_posts_columns', 'posts_columns', 5);add_action('manage_posts_custom_column', 'posts_custom_columns', 5, 2);add_filter('manage_post-type_posts_columns', 'posts_columns', 5);add_action('manage_post-type_posts_custom_column', 'posts_custom_columns', 5, 2);function posts_columns($defaults){ $defaults = __('Thumbs'); return $defaults;}function posts_custom_columns($column_name, $id){ if($column_name === 'riv_post_thumbs'){if( has_post_thumbnail() ) { echo the_post_thumbnail('medium'); } else { _e('No Thumbnail For Post'); }echo "<style> .column-riv_post_thumbs img{ max-height: 300px; max-width: 250px; } </style>"; } }


  1. Enregistrer les modifications
  2. Aller aux Messages – > Tous les Messages et voir le changement

Dans le code ci-dessus, nous avons défini la taille de la vignette sur 100×100 pixels. Comme cela n’est utilisé que comme aperçu d’image en vedette, il n’est vraiment pas nécessaire d’agrandir l’image. Bien sûr, vous êtes libre de modifier la taille de la vignette à la taille de votre choix. Dans les lignes suivantes, vous pouvez voir quelques exemples de modification de la dernière ligne du code:

Afficher l’image complète au lieu d’une vignette:

echo the_post_thumbnail( 'featured-thumbnail' );


Doublez la taille de la vignette:

echo the_post_thumbnail( array(200,200) );


Notre titre indique que vous pouvez afficher des vignettes dans les écrans d’édition de publications et de pages. Vous avez essayé le code, mais vous ne pouvez pas voir les pouces dans les pages? Ne vous inquiétez pas, vous aurez besoin de ces deux lignes de code, et vous devez les ajouter au début de l’extrait ci-dessus:

add_filter('manage_pages_columns', 'posts_columns', 5);add_action('manage_pages_custom_column', 'posts_custom_columns', 5, 2);

Après avoir ajouté ce morceau de code, vos vignettes seront également visibles sur l’éditeur de pages.

Faites en sorte que vos auteurs sélectionnent des images en vedette avant de publier des articles

Lorsque WordPress a atteint la version 2.9, les utilisateurs ont eu la possibilité d’ajouter des images en vedette à leurs articles. Depuis lors, si les thèmes le permettaient, vous pouviez télécharger ou sélectionner une image pour votre publication qui la représenterait bien, et vous n’étiez toujours pas obligé de montrer cette image dans la publication.

Les utilisateurs de WordPress se sont rapidement habitués à la nouvelle fonctionnalité, et maintenant il est devenu difficile de trouver un thème sans images en vedette.

Mais si vous publiez beaucoup et que vous avez plus d’un auteur, vous pouvez parfois oublier d’ajouter une image en vedette, ce qui peut entraîner un site Web désordonné. Votre message sans image aurait l’air vide et inachevé sur la page d’accueil, il y aurait certainement un trou dans votre widget de messages récents, et si vous utilisez des vignettes pour afficher les images au début de vos articles, vos messages seraient très clairs sans image.

Ce ne sont que quelques problèmes simples que vous pourriez avoir si vous oubliez d’inclure une image en vedette. Avant même que ces problèmes ne surviennent, voyons comment le faire disparaître pour toujours.

Dans cette partie du tutoriel, nous sommes sur le point de vous montrer un morceau de code qui vous permettra d’oublier le problème. Une fois le code installé, chaque auteur qui essaie de publier un article sans avoir d’image en vedette recevra un message d’erreur. Son message finira alors par être enregistré en tant que brouillon au lieu d’être publié. Cela permettra à cet auteur particulier d’utiliser n’importe quelle image en vedette avant de publier un article et sera une bouée de sauvetage lorsque vous êtes pressé.

Si vous êtes prêt à faire fonctionner la fonction, voici les étapes à suivre :

  1. Ouvrez vos fonctions.fichier php
  2. Copiez et collez le code suivant:
add_action('save_post', 'pu_validate_thumbnail');function pu_validate_thumbnail($post_id){// Only validate post type of postif(get_post_type($post_id) != 'post')return;// Check post has a thumbnailif ( !has_post_thumbnail( $post_id ) ) {// Confirm validate thumbnail has failedset_transient( "pu_validate_thumbnail_failed", "true");// Remove this action so we can resave the post as a draft and then reattach the postremove_action('save_post', 'pu_validate_thumbnail');wp_update_post(array('ID' => $post_id, 'post_status' => 'draft'));add_action('save_post', 'pu_validate_thumbnail');} else {// If the post has a thumbnail delete the transientdelete_transient( "pu_validate_thumbnail_failed" );}}


  1. Enregistrer les modifications

Ce code vérifiera le statut de la publication une fois que l’auteur aura cliqué sur le bouton publier. Cela fonctionne uniquement pour les publications, et si la fonction ne trouve pas de vignette attachée à celle-ci, un brouillon serait enregistré et WordPress serait prêt à afficher un message d’erreur. Si une vignette est trouvée, un message est normalement publié sans afficher le message.

Comme le code ci-dessus ne contient pas le message d’erreur lui-même, vous avez toujours besoin d’un petit extrait de code qui le préparera:

  1. Juste après le code précédent, copiez et collez celui-ci:
add_action('admin_notices', 'pu_validate_thumbnail_error');function pu_validate_thumbnail_error(){if ( get_transient( "pu_validate_thumbnail_failed" ) == "true" ) {echo "<div class='error'><p><strong>A post thumbnail must be set before saving the post.</strong></p></div>";delete_transient( "pu_validate_thumbnail_failed" );}}

  1. Enregistrez les modifications et essayez votre nouvelle fonction

Si vous souhaitez personnaliser le message d’erreur, accédez à la ligne #5 et modifiez le « Une vignette de publication doit être définie avant d’enregistrer la publication” sur tout ce que vous voulez.

C’est tout. Profitez de vos publications sans avoir à vous soucier de ne pas avoir d’image en vedette.

Modifier le texte de l’image sélectionnée dans les pages d’administration

Si vous modifiez un thème ou en créez un nouveau, vous devez probablement travailler sur les images en vedette.

Image en vedette WordPress

Si vous avez utilisé, par exemple, une fonction qui ajoutera automatiquement une image en vedette à partir de la première image d’un post, il serait bon de faire savoir à vos auteurs ce qui se passe. Vous pouvez simplement modifier le texte et l’utiliser comme une courte notification qui indiquera à un auteur que l’image sélectionnée sera sélectionnée automatiquement si un auteur n’en a pas choisi lui-même. Alors, comment changer ce texte qui lit « Définir une image en vedette” en autre chose?

  1. Fonctions ouvertes.fichier php du thème que vous utilisez
  2. Copiez et collez le code suivant:
function change_featured_image_text( $content ) { return $content = str_replace( __( 'Set featured image' ), __( 'Your custom text goes here' ), $content);}add_filter( 'admin_post_thumbnail_html', 'change_featured_image_text' );


  1. Changez le ‘Votre texte personnalisé va ici’ mais n’oubliez pas de laisser les guillemets simples
  2. Enregistrez les modifications
  3. Allez à n’importe quel article et voyez le texte modifié

Se terminant

Les images en vedette sont probablement le type de fichier multimédia le plus important que vous aurez sur votre blog. Pour cette raison, il est crucial qu’ils soient beaux. Bien qu’il soit essentiel d’avoir une belle photo ou une image informatique bien générée, vous devez faire tout ce qui est en votre pouvoir pour la rendre aussi bonne que possible.

Heureusement, vous n’avez pas besoin d’être un développeur ou d’avoir une compréhension complète de la façon dont WordPress traite les images. Vous avez juste besoin d’un simple plugin ou d’un extrait de code qui vous aidera à définir de nouvelles images en vedette; nous espérons que ce guide vous a aidé avec cela.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.