Voulez-vous masquer le titre d'un widget WordPress dans votre barre latérale ou votre pied de page ?
Les widgets WordPress facilitent l'ajout de contenu dynamique à votre thème, tel que les commentaires récents ou vos articles les plus populaires. Cependant, si vous avez besoin de masquer le titre du widget, vous devrez généralement écrire du CSS ou du HTML personnalisé.
Dans cet article, nous vous montrerons comment masquer facilement le titre du widget dans WordPress.
Pourquoi masquer le titre d'un widget dans WordPress ?
En fonction de votre thème WordPress, votre site peut afficher les titres de widgets par défaut. Par exemple, de nombreux thèmes affichent le titre dans leurs barres latérales.
Cependant, parfois le titre du widget peut ne pas correspondre au design de votre site. Certains titres de widgets sont également inutiles, car le contenu du widget parle de lui-même. De cette façon, les titres peuvent occuper un espace précieux à l'écran sur votre site Web, votre blog ou votre boutique en ligne.
Bien qu'il soit possible d'ajouter des styles personnalisés aux widgets WordPress ou même d'utiliser l'éditeur visuel pour créer vos propres widgets, il existe des moyens plus rapides et plus faciles de supprimer le titre. Cela dit, voyons comment vous pouvez apporter cette modification simple.
Tutoriel vidéo
Si vous préférez des instructions écrites, continuez à lire. Utilisez simplement les liens rapides ci-dessous pour accéder directement à la méthode que vous souhaitez utiliser :
- Méthode 1 : Utilisation de l'éditeur de site complet (thèmes compatibles avec les blocs uniquement)
- Méthode 2 : Utilisation du plugin Widget Options (pas besoin d'éditeur de site complet)
Méthode 1 : Utilisation de l'éditeur de site complet (thèmes compatibles avec les blocs uniquement)
La façon la plus simple de masquer le titre d'un widget est d'utiliser l'éditeur de site complet. Cela vous permet de personnaliser n'importe quel widget WordPress, y compris la suppression du titre.
Cependant, cette méthode ne fonctionne qu'avec les thèmes basés sur des blocs comme Hestia Pro. Si vous n'utilisez pas un thème compatible avec les blocs, vous devrez utiliser la méthode 2 à la place.
Pour commencer, rendez-vous dans Apparence » Éditeur dans le tableau de bord WordPress.
Par défaut, l'éditeur de site complet affiche le modèle de page d'accueil de votre thème, mais vous pouvez ajouter des widgets à n'importe quel modèle ou partie de modèle, tels que l'en-tête ou le pied de page.
Vous pouvez même ajouter des widgets à des zones de votre site que vous ne pouvez pas modifier à l'aide de l'éditeur de contenu WordPress standard. Par exemple, vous pouvez utiliser l'éditeur de site complet pour améliorer votre modèle de page 404.
Pour voir toutes les options disponibles, sélectionnez « Modèles ».
Vous pouvez maintenant cliquer sur le modèle ou la partie de modèle où vous souhaitez supprimer le titre d'un widget ou ajouter un nouveau widget.
À titre d'exemple, nous allons ajouter un widget Derniers articles à la barre latérale de la page d'accueil, mais les étapes seront les mêmes, quel que soit le modèle et le widget que vous choisissez.
Après avoir choisi un modèle ou une partie de modèle, WordPress affichera un aperçu et une description. Pour continuer et modifier cette mise en page, cliquez sur l'icône en forme de crayon.
Si vous souhaitez ajouter un nouveau widget, cliquez sur l'icône bleue '+' dans le coin supérieur gauche. Vous pouvez ensuite taper le nom du widget que vous souhaitez ajouter et faire glisser le bon widget sur votre modèle.
Pour des instructions plus détaillées, veuillez consulter notre guide sur comment ajouter et utiliser des widgets.
Pour supprimer le titre du widget, cliquez simplement pour sélectionner le titre dans l'éditeur.
Vous pouvez maintenant supprimer tout le texte ou le remplacer par votre propre message personnalisé.
Pour masquer le titre des autres widgets, répétez simplement les mêmes étapes.
Lorsque vous êtes satisfait de l'apparence du modèle, cliquez simplement sur 'Enregistrer'.
Maintenant, si vous visitez votre site Web WordPress, vous verrez que le titre du widget a disparu.
Méthode 2 : Utilisation du plugin Widget Options (pas besoin d'éditeur de site complet)
Si vous n'utilisez pas un thème compatible avec les blocs, vous pouvez masquer le titre du widget à l'aide du plugin Widget Options. Il s'agit d'un plugin complet de gestion de widgets qui vous permet de personnaliser vos widgets et même d'afficher ou masquer des widgets sur des pages WordPress spécifiques.
Pour plus de détails, veuillez consulter notre guide complet sur comment installer un plugin WordPress.
Une fois le plugin activé, vous devez vous rendre dans Apparence » Widgets. Ensuite, faites glisser et déposez un widget dans votre barre latérale ou dans toute autre zone de votre site prête pour les widgets.
Dans cet exemple, nous allons supprimer le titre du widget de recherche, mais les étapes seront largement les mêmes, quel que soit le widget avec lequel vous travaillez.
Sachez simplement que vous pourriez voir différentes options et titres de widgets en fonction de votre thème WordPress.
Cliquez simplement sur la flèche à côté du titre du widget pour voir tous les paramètres de ce widget.
Dans les paramètres développés, cliquez sur l'icône en forme de roue dentée.
Ensuite, sélectionnez la case suivante : « Cochez pour masquer le titre du widget ».
Après cela, cliquez sur le bouton « Enregistrer » pour sauvegarder vos modifications.
Répétez simplement ces étapes pour personnaliser n'importe quel widget de votre site Web. Ensuite, vous pouvez visiter votre blog WordPress pour voir les nouveaux widgets en action.
Nous espérons que cet article vous a aidé à apprendre comment masquer facilement les titres des widgets dans WordPress. Vous voudrez peut-être aussi consulter notre sélection d'experts des widgets les plus utiles, ou consulter notre guide sur comment masquer un widget WordPress sur mobile.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Jiří Vaněk
Lorsque je masque le titre du widget, y a-t-il un moyen de réduire les marges ?
Support WPBeginner
Pour cela, vous devrez utiliser l'outil Inspecter l'élément pour modifier votre CSS :
https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Admin
Jiří Vaněk
Ok, je dois donc trouver la classe CSS du widget et créer un CSS spécial pour cela via l'éditeur de thème ou WP Code. Merci pour la réponse. Maintenant, cela a du sens.
Joe
Je vous conseillerais d'être prudent et d'éviter d'utiliser des plugins pour des modifications relativement simples. Gardez à l'esprit que plus vous dépendez de plugins, plus il est difficile de gérer et de dépanner en cas de problème.
De plus, les plugins affectent les performances de votre site WP et ajoutent une surcharge, alors utilisez-les uniquement lorsque vous en avez besoin.
Si vous cherchez à masquer le titre du widget, vous pouvez essayer cette approche en ajoutant le CSS au CSS personnalisé de votre thème ou au fichier .css trouvé dans WP.
Voici un exemple que j'ai utilisé sur un blog avec le thème Divi :
.et_pb_sidebar_0.et_pb_widget_area .widgettitle {display:none;}
J'espère que cela vous aide.
Support WPBeginner
Salut Joe,
Nous en avons discuté dans notre article sur Combien de plugins WordPress devriez-vous installer sur votre site.
Admin
Willie
Bonjour.
J'ai ajouté ! à tous mes Widgets.
L'écriture a maintenant disparu, mais il me reste "Bloc" là où il y avait l'écriture.
Comment puis-je supprimer ces blocs ?
Cordialement
Willie
H0NEYL00PS
Si vous souhaitez supprimer un titre d'un widget spécifique et que vous ne voulez pas télécharger de plugin juste pour le faire, ajoutez quelque chose comme ceci dans le CSS de votre thème, là où c'est pertinent ;
.last est évidemment facultatif, en fonction de ce sur quoi vous travaillez – tout comme ‘custom-header’ (qui pointe vers le widget spécifique avec lequel je travaillais). En cas de doute, faites un clic droit > Inspecter l'élément.
Bonita
Cela supprime uniquement le titre, mais pas le style qui lui est associé. Même si le texte n'est plus là, je peux toujours voir le soulignement du titre et l'espacement qui lui est appliqué. Comment puis-je supprimer cela complètement ?
Laurie
Ne fonctionne pas pour tous les widgets, comme Google AdSense, je cherche toujours une solution.
Felipe
Savez-vous comment je peux faire cela manuellement, sans plugin ?
Support WPBeginner
Ce n'est pas une solution très élégante, mais elle devrait fonctionner :
function remove_widget_title() { $titleNew = ""; return $titleNew; } add_filter ( 'widget_title', 'remove_widget_title' );1-click Use in WordPress
Admin
Jerdison
J'essaie de supprimer tous les titres de mes widgets. La fonction que vous avez suggérée ne les a pas supprimés.
Scott
Excellent article ! De plus, sur un sujet connexe, pour masquer également les titres de pages et d'articles dans les vues singulières, il existe également un plugin Hide Title. http://wordpress.org/extend/plugins/hide-title/
Ibrahim
Wow ! Merci, Scott, de mentionner ce plugin. Je cherchais quelque chose comme ça depuis plus d'une semaine. Merci.
Alan Hughes
Quel est le code ? Je n'ai pas l'intention d'installer un plugin entier juste pour ça.
Kathy Henderson-Sturtz
Oui ! Les souhaits se réalisent. Je viens d'installer Remove Widget Titles sur 2 sites (utilisant la dernière version de WordPress, Thesis 1.8.5 sur l'un et Genesis/Prose sur l'autre) et cela fonctionne à merveille. Oh, le pouvoir d'un seul !
Je suis juste un peu préoccupé par le fait qu'il n'y a pas eu de mises à jour sur ce widget depuis 2011.
Personnel éditorial
Probably doesn’t need to be updated
Admin
Gautam Doddamani
thanks for this i was in need of such a plugin some years ago..i was tweaking up my site and wanted to hide the title…for some reason it was not hiding for a plugin, then i just edited some code using plugin editor and it stopped showing…this is a very good tool and will make the job of hiding title easy!
Santé,
Gautam
Trenton Miller
C'est une astuce très utile, merci ! Maintenant, existe-t-il un moyen simple de transformer le titre d'un widget en lien ? J'aimerais pouvoir ajouter du code dans la zone de titre du widget, mais WordPress ne le permet pas.
Personnel éditorial
Essayez d'utiliser l'un de ces plugins :
http://wordpress.org/extend/plugins/widget-title-links/screenshots/
http://wordpress.org/extend/plugins/linkable-title-html-and-php-widget/
Admin
Rich Owings
Si vous laissez la zone Titre vide, cela fonctionnera sans plugin.
Personnel éditorial
Oui, mais alors vous ne savez pas quel widget est là car votre zone de titre est vide. Surtout si vous avez plusieurs widgets dans cette zone de widget sans titres.
Admin