Une vignette est un petit extrait graphique et textuel qui s’affiche sur un site web. Lorsqu’un utilisateur clique sur le lien ou l’image, l’article en taille réelle est affiché. Image Ãtape. WordPress peut être configuré de différentes manières pour tirer le meilleur parti de ces articles.
Comment configurer un article en miniature dans WordPress
Ce tutoriel vous montrera comment configurer les vignettes des articles dans WordPress et les différents outils que vous pouvez utiliser. Après tout, vous voulez que votre contenu soit facile à trouver par vos visiteurs.
Qu’est-ce qui se passe avec les images à la une dans les vignettes ?
WordPress utilise l’image à la une d’un article dans le cadre du processus de création des vignettes. Le système réduit l’image pour qu’elle corresponde à une dimension spécifique et qu’elle soit utilisée comme une sorte d’« accroche ». Malheureusement, ces images ne sont pas toujours idéales lorsqu’elles sont recadrées par rapport à la résolution d’origine.
L’image à la une peut être trouvée dans n’importe quel article ou page de WordPress. Si vous accédez à l’éditeur de texte et que vous faites défiler le texte vers le bas, vous devriez voir une zone intitulée « Featured Image ». Toute image que vous ajoutez à cette section deviendra celle que WordPress utilisera pour la vignette de l’article.
Étant donné que le paramétrage d’une médiathèque externe permet d’importer des images directement dans WordPress, le processus de création de vignettes fonctionne. Le système prend simplement l’image utilisée, quelle que soit son origine, et crée un graphique beaucoup plus petit pour la vignette.
Qu’est-ce qu’une image à la une ?
L’image à la une est le graphique qui figure généralement en tête de page d’un contenu. C’est l’image que WordPress utilise lorsqu’il s’agit d’afficher des vignettes, de partager sur les médias sociaux ou d’accentuer le contenu. Si vous souhaitez qu’un graphique spécifique soit explicitement lié au contenu, vous devez utiliser l’image à la une.
Voici trois étapes pour créer des vignettes fonctionnelles et mémorables.
1. Créer une vignette à partir d’images sur le Web
Tout le monde n’a pas la possibilité d’utiliser des graphiques directement à partir de leur système pour un article ou une page. Vous voulez peut-être trouver des images sur Internet, mais vous ne voulez pas prendre le temps de les passer toutes en revue. C’est alors que Magic Post Thumbnail entre en jeu.
Ce plugin utilise votre titre pour trouver automatiquement une image et l’ajouter instantanément à votre bibliothèque de médias en tant qu’image à la une. Cette image est ensuite utilisée pour créer des vignettes de votre article ou de votre page sans perdre de temps. Pour utiliser ce plugin :
Étape 1 : Allez dans la zone des plugins de votre panneau d’administration WordPress.
Étape 2 : Recherchez un nouveau plugin appelé « Magic Post Thumbnail ». Installez-le et activez-le.
Étape 3 : Une nouvelle fonction appelée « Magic Post Thumbnail » sera ajoutée à la zone des réglages de WordPress. Cliquez sur ce paramètre.
Étape 4 : L’écran des préférences de recherche de Magic Post Thumbnail s’affiche. À partir de là, vous pouvez déterminer la base de données pour laquelle vous souhaitez numériser des images. Vous pouvez également ajuster la partie du titre que le plugin utilisera lors de la recherche d’un graphique. Dans cet exemple, nous allons utiliser Flickr : Photos etape du tour 2024. Cliquez sur le bouton radio situé à côté de « Banque d’images ».
Étape 5 : Cochez la case « Aucune restriction de copyright connue » et modifiez le type d’image en « Photo et capture d’écran ».
Étape 6 : Cliquez sur le bouton « Enregistrer les modifications » en bas à gauche.
Avec ce plugin activé, vos articles tireront automatiquement des images de Flickr en fonction du titre de votre article. Ces images seront ensuite utilisées pour créer les vignettes de l’article dans WordPress.
2. Modifier l’image de la vignette de l’article
Parfois, WordPress n’est pas en mesure de recadrer automatiquement l’image principale d’un article. Pour un moyen facile de s’assurer que vos vignettes sont extravagantes, Post Thumbnail Editor est un excellent plugin pour ces modifications.
Pour utiliser cet outil simple :
Étape 1 : Installer et activer le plugin « Post Thumbnail Editor ».
Etape 2 : Ce plugin va installer deux nouvelles fonctions pour WordPress : un éditeur d’images et des paramètres personnalisables. Tout d’abord, allez dans la zone des réglages de WordPress et cliquez sur « Post Thumbnail Editor ».
Étape 3 : À partir de là, vous pouvez définir la taille de recadrage par défaut ainsi que d’autres options de fonctionnalité. Pour l’instant, nous les laisserons telles quelles.
Étape 4 : Allez dans le dossier media de WordPress à partir de votre panneau d’administration.
Étape 5 : Sélectionnez l’image que vous souhaitez modifier. Vous verrez une option qui vous permettra d’accéder aux vignettes de l’image. Cliquez sur ce lien et l’éditeur se chargera.
Étape 6 : À partir de l’éditeur, vous pouvez recadrer et redimensionner l’image en fonction des différentes résolutions utilisées par WordPress. Par exemple, vous pouvez modifier l’aspect de l’image en tant que vignette 150 x 150 ou en tant qu’image de taille moyenne 300 x 300.
NOTE : Lorsque vous recadrez l’image, l’arrière-plan de l’éditeur est légèrement rouge. Une fois que vous aurez ajusté le chemin de coupe, il deviendra vert. Cela signifie que l’image tiendra dans la vignette sélectionnée à droite.
Étape 7 : Une fois que vous avez effectué vos ajustements, cliquez sur le bouton « Recadrer » sous l’image.
Étape 8 : La zone suivante vous montrera à quoi ressemblera l’image après vos ajustements. Une fois que l’image vous convient, cliquez sur le bouton « Enregistrer ». Ce bouton ressemble à un disque miniature.
4. Placer des vignettes d’articles dans WordPress
De nombreux thèmes WordPress ont la capacité d’ajouter automatiquement des vignettes d’articles en fonction de catégories ou même de tags que vous utilisez. Cependant, il est parfois préférable de les placer manuellement. Des plugins comme Related Posts Thumbnails vous offrent cette possibilité avec des options faciles à utiliser.
Pour utiliser Related Posts Thumbnails :
Etape : Installer et activer le plugin « Related Posts Thumbnail ».
Étape 2 : Ce plugin ajoutera une nouvelle fonctionnalité dans la zone de réglages de WordPress appelée « Related Post Thumbs ». Sélectionnez-la pour modifier vos options.
Étape 3 : Choisissez vos options d’affichage générales. À partir de cet écran, vous pouvez modifier la façon dont les articles sont affichés. Par exemple, vous pouvez choisir d’afficher la relation sur vos pages ou sur vos articles. Vous pouvez également modifier l’en-tête au-dessus du contenu de l’article lié pour y lire ce que vous voulez.
Étape 4 : Sélectionnez la source de vos vignettes. Dans cet onglet, vous pouvez modifier différents paramètres concernant la source de vos vignettes. Vous pouvez même configurer le plugin pour qu’il tire les vignettes des articles qui n’ont que des images à la une.
Étape 5 : Choisissez les options de style. Dans cet écran, vous pouvez modifier le style des vignettes comme la couleur, la taille de la police et la longueur de l’extrait.
Étape 6 : Dans les « Options du constructeur de relations », vous pouvez définir la façon dont le plugin considère les relations. Par exemple, vous pouvez paramétrer WordPress pour qu’il affiche les vignettes en fonction de la catégorie, des tags que vous utilisez ou des deux.
Étape 7 : Une fois que vous avez terminé vos sélections, cliquez sur le bouton « Enregistrer les paramètres » en bas à droite.
Les vignettes basées sur des éléments connexes seront désormais affichées à la fin de l’article ou de la page, en fonction de vos paramètres. Vous pouvez également entrer le shortcode de ce plugin n’importe où dans vos articles ou pages en plaçant : « [related-posts-thumbnails] .
Pourquoi est-il important d’afficher les articles apparentés ? Parce que le contenu lié à un article a plus de chances d’être lu par le visiteur. Il s’agit en quelque sorte d’un prolongement de l’article et il peut s’avérer utile pour la personne qui lit votre site Web.
Les vignettes peuvent être utilisées de différentes manières. Il ne s’agit là que de quelques-uns des nombreux outils que vous pouvez mettre en œuvre pour donner à vos vignettes une plus grande polyvalence. De l’image à la une à l’emplacement sur votre site, elles peuvent avoir un impact sur la façon dont les autres voient votre contenu.
Quels types d’outils utilisez-vous pour améliorer la présentation de votre site ? Quels sont vos endroits préférés pour trouver des images à la une ?
