Comment masquer les images à la une sur les articles individuels dans WordPress

Certaines personnes peuvent préférer ne pas afficher les images à la une sur les articles de blog individuels, que ce soit pour des problèmes de performance, des choix de design ou le focus du contenu. 

Par exemple, vous ne souhaitez peut-être pas d'image mise en avant sur des articles très textuels comme des tutoriels ou des annonces, car cela pourrait distraire les visiteurs du contenu même. Masquer l'image mise en avant peut également améliorer la vitesse de chargement, surtout pour les utilisateurs sur appareils mobiles.

Si vous'visez la même chose, nous vous guiderons sur la façon de masquer l'image mise en avant sur vos articles de blog individuels !

Comment masquer les images mises en avant individuellement

Il existe plusieurs façons de masquer les images mises en avant de vos articles de blog. Si vous n’avez pas d’expérience en codage, vous pouvez utiliser un plugin simple pour accomplir la tâche.

Mais si vous ne voulez pas installer de plugins, vous pouvez adopter une approche plus technique en modifiant les fichiers du thème ou en utilisant du CSS personnalisé. Ci-dessous, nous avons expliqué chaque méthode étape par étape :

Méthode 1 : Utilisation d'un plugin

Vous pouvez utiliser le plugin Conditionally Display Featured Image pour masquer rapidement l’image mise en avant. Ce plugin populaire est disponible gratuitement dans le répertoire des plugins WordPress.

Avec ce plugin, vous pouvez choisir de masquer l'image mise en avant sur les articles individuels ou sur la page du blog qui affiche la liste de tous les articles publiés.

Si vous voulez essayer cette méthode simple, commençons par l'installer d'abord :

1. Installer et activer le plugin

Si vous savez déjà comment installer et activer un plugin dans WordPress, vous pouvez passer à l'étape suivante. Mais si c'est votre première fois, continuons en suivant les étapes ci-dessous :

• Ouvrez votre tableau de bord d'administration WordPress.
• Cliquez sur le Plugins menu depuis la barre latérale.

• Cliquez Add Plugin pour ouvrir le Répertoire des plugins.
• Tapez Conditionally Display Featured Image dans la barre de recherche. Le plugin devrait apparaître en premier résultat.

• Cliquez Install Now pour télécharger le plugin.
• Une fois installé, cliquez Activate pour l'activer sur votre site.

2. Modifier l'article souhaité

Après l'activation du plugin, vous pouvez accéder directement à l'article où vous souhaitez masquer l'image mise en avant. Ensuite, suivez les étapes ci-dessous pour localiser la case à cocher qui vous permet de masquer l'image :

• Ouvrez l'article de blog que vous souhaitez modifier.
• Cliquez Paramètres pour accéder à l'éditeur.

• Dans la barre latérale, allez à la Publication onglet.
• En haut, vous devriez voir votre image mise en avant. En dessous, vous trouverez l'option : Afficher l'image mise en avant uniquement dans les listes d'articles, mais la masquer dans la vue d'article unique.

• Cochez la case pour masquer l'image mise en avant dans cet article particulier.
• Ensuite, enregistrez les modifications en cliquant sur le Mettre à jour/Enregistrer bouton (si l'article est déjà publié) ou le Publier bouton (si c'est encore un brouillon).

3. Mettre à jour l'article pour appliquer les modifications

Cette étape est terminée une fois que vous cliquez sur Enregistrer ou Mettre à jour bouton. Cependant, assurez-vous de vérifier le front‑end de votre site pour confirmer que l’image mise en avant est réellement masquée.

Il existe deux façons de le faire :

• Vérifiez la version en direct de l’article publié
• Ou prévisualisez votre brouillon avant la publication

Voici un aperçu du résultat avant‑après :

Méthode 2: Utiliser du CSS personnalisé

Si l'image mise en avant apparaît toujours sur vos articles, ne vous inquiétez pas car nous avons une autre méthode pour vous aider à résoudre le problème.

Vous pouvez utiliser du code CSS personnalisé pour le masquer de la vue de l'utilisateur. Cependant, gardez à l'esprit que cette méthode pourrait légèrement affecter les performances, car l'image mise en avant sera toujours chargée même si elle n'est pas visible.

Si cela ne vous pose pas de problème, continuez et suivez le tutoriel ci-dessous:

1. Identifier l'ID de l'article spécifique

Pour garantir que le code CSS n'affecte qu'un article individuel, vous devez trouver son ID d'article. L'ID d'article est un numéro qui identifie de manière unique chaque article dans WordPress.

Par exemple, l'URL peut inclure post=111, où 111 est l'ID de l'article.

Cependant, si votre site utilise des permaliens optimisés pour le SEO, vous ne verrez pas l'ID de l'article directement dans l'URL.

Here's comment le trouver à la place :

• Accédez à votre tableau de bord d'administration WordPress.
• Cliquez sur l'article que vous souhaitez modifier.
• Regardez la barre d’URL dans votre navigateur.
• Vous devriez voir une URL qui inclut l’ID du post comme indiqué ci-dessous.

2. Ajouter du CSS personnalisé pour masquer l'image mise en avant de cet article

Après avoir identifié l’ID du post, l’étape suivante consiste à l’ajouter à votre code CSS personnalisé. WordPress dispose d’une fonctionnalité intégrée pour ajouter du CSS, vous n'aurez donc pas besoin d’installer des plugins tiers.

Vous pouvez ajouter le code CSS via le Personnaliseur menu. Cette méthode ne nécessite que des connaissances de base en codage, donc il n'est pas nécessaire de s'inquiéter.

Nous vous guiderons à travers les étapes ci-dessous:

• Cliquez sur le Apparence menu dans la barre latérale, et sélectionnez Personnaliser.

• Vous serez dirigé vers le Personnaliseur menu.

• Faites défiler vers le bas et cliquez sur le CSS supplémentaire section.
• Collez le code ci-dessous dans la zone d'édition. N'oubliez pas de remplacer l'ID du post par votre véritable ID de post.

.postid-51442 .post-thumbnail { display: none; } 

• Enfin, cliquez Publier pour appliquer les modifications. Votre image mise en avant devrait maintenant être masquée de ce post.

Méthode 3: Modifier les fichiers du thème

Si les méthodes ci-dessus ne vous donnent pas le résultat souhaité, vous pouvez essayer de modifier les fichiers du thème.

Mais, cela devrait être considéré comme un dernier recours, car la modification des fichiers du thème peut entraîner des erreurs ou casser certaines fonctionnalités.

Assurez-vous de garder une sauvegarde au cas où. Après cela, petite mise en garde, commençons :

1. Ouvrir le fichier functions.php du thème

Il y a de nombreux .php fichiers dans un thème, tels que single.php, content.php et functions.php. Cela dépend de la structure de votre thème's.

Pour cette méthode, vous devez localiser le fichier functions.php. Voici comment le localiser':

• Ouvrez le Apparence menu depuis la barre latérale.
• Cliquez sur le Éditeur de fichiers du thème

• Cela ouvrira l'éditeur de thème comme indiqué ci-dessous. 

• Faites défiler vers le bas le Fichiers du thème menu et trouvez le functions.php.

• Cliquez pour ouvrir le fichier. 

2. Ajouter des instructions conditionnelles pour exclure l’image mise en avant pour des articles spécifiques

Maintenant que vous avez ouvert le functions.php fichier, ajoutez le code suivant pour masquer l'image mise en avant sur les pages d'articles uniques.

function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // ajouter le filtre add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 ); 

Pour garantir que le code masque uniquement l'image mise en avant d'un article spécifique, remplacez is_single() par is_single(123), où 123 est l'ID de l'article que vous souhaitez cibler.

Après cela, enregistrez les modifications en cliquant sur Update File le bouton.

Comment masquer les images mises en avant dans chaque article individuel

Si vous souhaitez masquer les images mises en avant sur tous vos articles individuels, le thème Neve vous simplifie la tâche. 

En quelques clics seulement, cette méthode garantira que les images mises en avant restent masquées sur vos pages d'articles.

Si vous avez déjà installé le thème Neve, vous pouvez poursuivre avec les étapes ci-dessous :

• Dans le tableau de bord d'administration WordPress, allez à Apparence et cliquez Personnaliser.
• Accédez à Blog section.

• Vous verrez deux styles de mise en page : Normal et Couverture. Les étapes pour masquer les images mises en avant diffèrent selon chaque mise en page :

Pour la mise en page Normale :

1. Faites défiler vers le bas et localisez le Thumbnail section.
2. Cliquez sur Eye icon à côté du Thumbnail pour le désactiver.
3. Appliquez cette modification en cliquant sur le bouton Publier.
4. Les images mises en avant seront désormais masquées sur les articles utilisant la mise en page d’en-tête Normale.

Pour la mise en page Couverture :

1. Faites défiler vers le bas pour trouver le Masquer l'image mise en avant bascule.
2. Activez cette bascule activée.
3. Cliquez Publier pour enregistrer les paramètres.

• Après avoir enregistré les paramètres, attendez quelques secondes que les modifications prennent effet.
• Ensuite, vérifiez en visitant l'un de vos articles uniques pour voir si les images mises en avant sont masquées.

Gardez à l'esprit, vous devez avoir le thème Neve installé pour utiliser cette méthode. Si vous ne l'avez pas encore installé, essayez de l'installer et de l'activer depuis le Répertoire des thèmes. Tapez simplement Neve dans le champ de recherche et vous le trouverez.

Pourquoi la modification des fichiers du thème n’est pas recommandée ?

Nous vous avons rappelé de ne pas modifier les fichiers du thème si ce n'est pas nécessaire. La raison simple : cela peut casser votre site.

Nous avons rassemblé quelques alternatives plus sûres pour masquer les images mises en avant sans avoir besoin de modifier le fichier du thème:

• Utilisation du plugin Code Snippets: Code Snippet est un plugin gratuit qui vous permet d’ajouter du PHP personnalisé à vos articles individuels. Il fait des merveilles sans risquer de casser votre site.
• Plugin de fonctionnalité personnalisée: Ce plugin vous permet d’accrocher un PHP personnalisé, au lieu de le taper directement dans le fichier du thème.

Conclusion

Vous n'avez pas besoin d'essayer toutes les méthodes ci‑dessus pour masquer l'image mise en avant dans WordPress. Trouvez simplement celle qui correspond à vos besoins.

Gérer un grand nombre d'images mises en avant peut prendre du temps, surtout lorsque votre bibliothèque multimédia devient encombrée.