Comment masquer ou supprimer les titres de page dans WordPress (7 méthodes simples)

Vous voulez une page d'accueil plus propre, une page de destination sans distraction ou une section héros qui ne se bat pas avec un gros titre par défaut ? le correctif est généralement le même : masquer le titre de la page dans WordPress C'est un petit changement, et vous pouvez le faire en moins de deux minutes une fois que vous savez quelle méthode correspond à votre configuration.

Le problème est que la méthode “” dépend de votre thème, de votre créateur de page et du fait que vous souhaitiez que le titre disparaisse d'une page ou de l'ensemble de votre site. Un thème de bloc gère cela différemment d'un thème classique, et Elementor a son propre bascule que les utilisateurs WordPress classiques ne voient jamais.

Vous trouverez ci-dessous sept façons de masquer ou de supprimer les titres de pages dans WordPress : les paramètres du thème, l'éditeur de site, CSS, Elementor, un créateur de thème, un plugin et du code. Chacun a des conséquences différentes en matière de référencement et d'accessibilité, alors choisissez les yeux ouverts. Vous ne voulez pas échanger de classement contre de l'esthétique.

Cacher contre supprimer un titre de page : quelle est la différence ?

Ces deux mots sont utilisés de manière interchangeable, mais ils décrivent des choses différentes et la différence est importante pour le référencement.

• Cacher un titre le conserve dans le HTML de la page mais le rend invisible pour les visiteurs, généralement avec CSS. Les moteurs de recherche et les lecteurs d'écran peuvent toujours le voir, de sorte que la page garde son contexte Pensez-y comme une cape d'invisibilité.
• Suppression d'un titre supprime entièrement du HTML La page ressemble aux visiteurs, mais les moteurs de recherche perdent un élément d'information contextuelle, et les utilisateurs de lecteurs d'écran perdent le titre qui leur indique de quoi parle la page.

Pour la plupart des sites, se cacher est le choix le plus sûr La suppression a du sens principalement sur les pages entièrement construites dans un constructeur de pages, où votre conception inclut déjà son propre en-tête H1 et le titre du thème serait un double.

Titre de la page vs titre SEO : Ne confondez pas les deux

Une précision rapide avant les méthodes, car cela fait trébucher beaucoup de gens Le titre de la page que vous voyez sur la page (le titre H1) et le titre SEO (la balise de titre qui s'affiche dans les résultats de Google et l'onglet du navigateur) sont deux choses différentes.

Chaque méthode de ce guide affecte uniquement le titre visible sur la page Votre titre SEO, défini par votre thème ou un plugin SEO comme Yoast ou Rank Math, reste exactement là où il se trouve Donc cacher le titre sur la page ne va pas vider votre annonce dans les résultats de recherche.

Méthode 1 : utilisez l'option de titre de masquage intégré de votre thème

Avant de toucher CSS ou plugins, vérifiez si votre thème résout déjà cela De nombreux thèmes populaires sont livrés avec un basculeur de titre par page :

• Astra ajoute une case à cocher “Disable Title” dans les paramètres de la barre latérale de la page.
• GeneratePress inclut des contrôles de visibilité des titres sous sa méta-boîte Mise en page.
• Kadence et Neve proposent des bascules par page similaires.

Ouvrez n'importe quelle page de l'éditeur, regardez la barre latérale des paramètres à droite et recherchez une option nommée“Disable Title”, “Hide Title” ou “Title Visibility” Si c'est là, cochez-le, mettez à jour la page, et vous n'avez pas de code, pas de plugin, appliqué uniquement à cette page.

Si vous choisissez toujours un thème pour votre prochain projet, notre tour d'horizon du meilleurs thèmes Elementor en couvre plusieurs qui incluent cette bascule hors de la boîte.

Méthode 2 : Masquer les titres de page dans un thème de bloc (éditeur de site)

Utilisation d'un thème de bloc comme Vingt-Quatre ou Vingt-Quatre ? vous verrez Apparence > Editeur dans votre tableau de bord au lieu de l'ancien Customizer Vous avez deux options ici.

Option A : Supprimer le bloc Titre du modèle

Cela supprime le titre de chaque page qui utilise le modèle :

1. Aller à Apparence > Éditeur > Modèles.
2. Ouvrir le Pages modèle (ou quel que soit le modèle utilisé par votre page).
3. Cliquez sur le Titre bloquez, ouvrez le menu des options à trois points et choisissez Supprimer.
4. Enregistrer le modèle.

Il s'agit d'une véritable suppression : le titre est parti du HTML Les pages utilisant ce modèle auront besoin de leur propre en-tête, alors ajoutez un bloc d'en-tête près du haut de chacune. Sinon, les visiteurs et les moteurs de recherche atterrissent sur une page sans H1 du tout. Le Documentation du bloc WordPress Title couvre ce bloc plus en détail.

Option B : Masquer le titre avec CSS (conserve la valeur SEO)

Si vous préférez cacher plutôt que supprimer, ajoutez plutôt une petite règle CSS :

1. Naviguer vers Apparence > Éditeur > Styles.
2. Cliquez sur le Modifier (stylo) icône, puis le menu à trois points, et choisissez CSS supplémentaire.
3. Collez le code suivant et enregistrez.

.wp-block-post-title {
    display: none;
}

Voici tout le processus à l'écran :

Une chose à savoir : cela cache le titre sur chaque page et chaque publication Pour cibler uniquement les pages, utilisez .page .wp-block-post-title au lieu de. Et si le titre s'affiche toujours après l'enregistrement, actualisez la page avec un rafraîchissement dur (Ctrl+Shift+R), puisque votre navigateur sert probablement l'ancienne feuille de style depuis le cache.

Méthode 3 : Masquer les titres avec CSS dans le personnalisateur de thèmes (thèmes classiques)

Si Apparence > Personnaliser apparaît dans votre tableau de bord, vous êtes sur un thème classique, et le panneau CSS supplémentaire du Customizer est l'itinéraire sans plugin le plus rapide.

Tout d'abord, trouvez la classe CSS que votre thème utilise pour les titres Cliquez avec le bouton droit sur le titre sur n'importe quelle page, choisissez Inspecter(en), et regardez l'élément de titre Dans la plupart des thèmes classiques la classe est entry-title[TRADUCTION], mais ne présumez pas Beaucoup de thèmes le renomment, et une règle qui vise la mauvaise classe ne fait rien Alors :

1. Aller à Apparence > Personnaliser > CSS supplémentaire.
2. Ajoutez la règle ci-dessous et publiez.

.post .entry-title {
    display: none;
}

Échanger .post pour .page pour cibler des pages, ou utiliser .page-id-42 .entry-title pour masquer le titre sur une seule page (vous trouverez l'ID dans l'URL d'édition de la page, couverte dans la méthode 7).

Avantages de l’approche CSS :

• Aucun plugin requis.
• Le titre reste dans le HTML, de sorte que le référencement et les lecteurs d'écran ne sont pas affectés.
• Vous pouvez cibler une page, toutes les pages ou tous les messages avec un seul sélecteur.

Points négatifs:

• Chaque thème nomme sa classe de titre différemment, vous devrez donc peut-être d'abord l'inspecter.
• Si vous changez de thème, la règle peut cesser de correspondre et les titres réapparaissent.

Méthode 4 : Masquer le titre de la page dans Elementor

Les utilisateurs d'Elementor obtiennent la méthode la plus simple de toutes, et elle fonctionne dans la version gratuite Ouvrez la page dans l'éditeur Elementor, cliquez sur le Paramètres (engrenage) icône en bas à gauche du panneau et allumez Masquer le titre. Mettre à jour la page et le titre du thème disparaît de cette page uniquement.

Le paramètre s'applique par page, il correspond donc aux pages de destination où vous concevez de toute façon votre propre section héros Puisque vous construisez la page visuellement, ajoutez votre propre widget Heading défini sur H1 afin que la page ait toujours une structure de titre appropriée Notre guide de mises en page WordPress personnalisées avec Elementor approfondit la structuration des pages créées par les constructeurs.

Cacher Titre ne fonctionne pas ? réparer le sélecteur de titre

Elementor masque les titres en faisant correspondre les classes CSS courantes comme entry-title. Si votre thème utilise une classe personnalisée, la bascule échoue silencieusement Celui-ci attrape beaucoup de monde, et la correction prend une minute :

1. Inspectez le titre de votre page dans le navigateur et copiez sa classe CSS.
2. Dans Elementor, allez à Paramètres du site > Mise en page.
3. Coller la classe (par exemple h1.custom-title) dans le Sélecteur de titres de page champ et sauvegarde.

La bascule Masquer le titre sait maintenant quoi chercher Celui d'Elementor Masquer la documentation Titre couvre également ce paramètre.

Alternative : utilisez la disposition Elementor Canvas

Pour les pages de destination, il y a un instrument plus émoussé Dans le même panneau de paramètres de page, changez Mise en page à Toile Élémenteur. Canvas supprime l'en-tête, le pied de page et la zone de titre du thème en un seul coup, vous laissant une ardoise vierge Utilisez-le lorsque vous voulez un contrôle complet de la conception ; sautez-le lorsque vous avez encore besoin de la navigation de votre site, ou associez-le à votre propre en-tête construit avec un Constructeur de thèmes.

Méthode 5 : Supprimer les titres à l'échelle du site avec un générateur de thèmes

Jusqu'à présent, tout fonctionne page par page ou cache les titres avec CSS. Si vous souhaitez que les titres disparaissent de chaque article de blog ou de chaque page au niveau du modèle, un créateur de thème est la réponse la plus claire, car vous contrôlez exactement quels éléments un modèle restitue.

Avec Elementor Pro, rendez-vous sur Modèles > Créateur de thèmes > Single Post: modifiez votre modèle de publication unique, sélectionnez l'élément Post Title et supprimez-le.

Si vous n'avez pas de modèle de publication unique existant, créez-en un à partir de zéro ou importez-en un depuis la bibliothèque de modèles, puis supprimez le widget Titre de publication avant de le publier.

Ne voulez pas payer pour Elementor Pro juste pour cela ? Master Addons inclut le sien Constructeur de thèmes cela vous permet de créer des en-têtes, des pieds de page, des modèles de publication unique, des archives et 404 pages avec la version gratuite d'Elementor. Le Documentation de l'en-tête, du pied de page et du générateur de commentaires parcourt la configuration, et le même contrôle de modèle signifie que vous décidez si un titre apparaît du tout C'est la même approche que nous utilisons dans notre guide modification de votre pied de page dans WordPress à l'aide d'Elementor.

Avantages:

• Une modification de modèle couvre chaque publication ou page de ce type.
• Contrôle visuel complet, pas de code.
• Vous pouvez l'associer avec conditions d'affichage pour afficher différentes mises en page pour différents contenus.

Points négatifs:

• Nécessite Elementor Pro ou un plugin de création de thème comme Master Addons.
• Il s'agit d'une véritable suppression, votre modèle a donc besoin d'un autre H1, tel qu'un widget d'en-tête tirant le titre du message de manière dynamique là où vous le souhaitez.

Méthode 6 : Utiliser un plugin de suppression de titre

Si vous préférez cliquer sur une case à cocher plutôt que d'écrire CSS, le gratuit Title Remover plugin fait bien un travail Installez-le et activez-le, et chaque page, publication et type de publication personnalisé obtient une “Cacher le titre de cette case à cocher item” dans son panneau de paramètres Cochez-le sur les pages que vous voulez, laissez-le partout ailleurs.

C'est l'option la plus adaptée aux débutants, bien qu'elle ajoute un plugin supplémentaire à maintenir Si votre thème ou votre créateur de page propose déjà une bascule (Méthodes 1 et 4), utilisez-les d'abord et gardez votre liste de plugins courte Une pile plus simple aide également avec les temps de chargement, quelque chose que nous couvrons dans notre article comment accélérer les sites Web Elementor.

Méthode 7 : Supprimer les titres avec code (fonctions.php)

Fichiers de thème d'édition confortables ? vous pouvez filtrer les titres au niveau PHP. Ajoutez ces extraits à ceux de votre thème enfant functions.php fichier. Utilisez un thème enfant pour qu'une mise à jour du thème n'efface pas vos modifications et sauvegardez d'abord.

Supprimez le titre des articles de blog uniques

add_filter( 'the_title', 'ma_remove_single_post_title', 10, 2 );
function ma_remove_single_post_title( $title, $id ) {
    if ( is_single() && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

Supprimer le titre d'une page spécifique

add_filter( 'the_title', 'ma_remove_page_title', 10, 2 );
function ma_remove_page_title( $title, $id ) {
    if ( is_page( YOUR_PAGE_ID ) && in_the_loop() && get_the_ID() === $id ) {
        return '';
    }
    return $title;
}

Remplacer YOUR_PAGE_ID avec l'ID de la page que vous ciblez Le in_the_loop() vérifier les choses : sans cela, le filtre peut également vider les étiquettes de votre menu de navigation et les titres de widgets J'ai vu cette erreur exacte supprimer un menu nav entier sur un site en direct.

Comment trouver un ID de page

Ouvrez la page dans l'éditeur WordPress et regardez l'URL dans la barre d'adresse de votre navigateur Le numéro après post= est l'ID de la page.

Cette méthode est une véritable suppression, alors réservez-la pour les cas où le thème n'offre aucune bascule et CSS n'est pas une option Si vous êtes déjà dans functions.php territoire, vous aimerez peut-être aussi notre tutoriel sur la façon de désactivez la fonction d'enregistrement automatique avec un extrait similaire.

SEO, UX et accessibilité : ce que les titres cachés affectent réellement

Avant de masquer les titres sur votre site, pesez les compromis.

RÉFÉRENCEMENT. Se cacher avec CSS garde le H1 dans votre HTML, donc les moteurs de recherche le lisent toujours La suppression du titre supprime ce signal, et une page sans aucun H1 donne à Google moins de contexte sur le contenu Si vous supprimez un titre, remplacez-le toujours par un autre H1 quelque part dans votre conception Pour une liste de contrôle plus large, consultez notre Pratiques de référencement pour Elementor guide. Vos sous-positions ont trop de poids plugin table des matières construit sa navigation dans la page à partir de vos H2 et H3, alors gardez le reste de la structure de cap intact.

Expérience utilisateur. Sur les pages de destination, laisser tomber le titre par défaut aide généralement : moins d'éléments concurrents, un chemin plus clair vers l'appel à l'action Sur les articles de blog et la documentation, les titres orientent les lecteurs Les supprimer là-bas a tendance à confondre plus qu'il ne polit.

Accessibilité. Les lecteurs d'écran se fient aux titres pour naviguer dans une page Un titre caché par CSS est toujours annoncé, de sorte que l'accessibilité est préservée Un titre supprimé sans remplacement H1 laisse les utilisateurs du lecteur d'écran deviner Si votre design remplace le titre, faites du remplacement un véritable élément de titre, et non un texte de paragraphe stylisé.

Quand cacher les titres et quand les conserver

Gardez les titres visibles lorsque :

• La page est un article de blog, un document ou tout ce à quoi les lecteurs arrivent après la recherche.
• Vous avez besoin d'une hiérarchie de contenu claire pour la navigation et le référencement.
• Le titre fournit le contexte que le reste de la page ne répète pas.

Masquer ou supprimer des titres lorsque :

• Vous construisez des pages de destination avec leur propre titre de héros.
• La conception de la page d'accueil communique déjà ce qu'est le site.
• Le placement du titre du thème se heurte à un design que vous avez construit dans Elementor, par exemple un héros pleine largeur sous un en-tête collant dans Elementor.

Foire aux questions

Envelopper

Masquer ou supprimer des titres de pages dans WordPress revient à choisir la méthode qui correspond à votre configuration Vérifiez d'abord le basculement intégré de votre thème, utilisez l'éditeur de site ou le CSS Customizer pour une masquage à l'échelle du site, recherchez le titre de masquage d'Elementor sur les pages de destination individuelles et utilisez un générateur de thème lorsque vous souhaitez un contrôle au niveau du modèle sans titres nulle part.

Quel que soit l'itinéraire que vous empruntez, rappelez-vous la règle empirique : masquez-vous avec CSS lorsque vous souhaitez conserver la valeur SEO, et si vous supprimez vraiment un titre, donnez à la page un autre H1 à sa place.

Si vous construisez des mises en page personnalisées de toute façon, jetez un œil à l'ensemble complet des modules complémentaires principaux widgets et extensions. Le constructeur de thèmes, Extension CSS personnaliséeet plus de 80 autres outils gèrent des tâches comme celle-ci sans plugins supplémentaires, et le page de tarification affiche ce qui est inclus dans les versions gratuite et Pro.