Lors de la conception d’un site web avec Elementor, l’une des personnalisations les plus fréquentes consiste à masquer le titre de la page par défaut. WordPress, par défaut, affiche le titre de chaque page en haut du contenu, mais il peut arriver que vous souhaitiez supprimer ou remplacer ce titre pour un design plus propre, en particulier lorsque vous utilisez les outils de design avancés d’Elementor. Dans ce guide, nous allons vous guider à travers les étapes pour cacher les titres de page dans WordPress en utilisant Elementor.

Pourquoi cacher les titres de page sur WordPress ?

Il y a plusieurs raisons pour lesquelles vous pouvez vouloir cacher les titres de page sur WordPress :

  • Flexibilité de conception : Vous pouvez préférer une mise en page pleine largeur et épurée sans titre de page par défaut.
  • Titres personnalisés : Vous pouvez créer votre propre titre à l’aide des widgets Elementor ou le placer ailleurs sur la page pour un aspect plus personnalisé.
  • Cohérence : Si vous utilisez un thème ou un constructeur de pages personnalisé, le titre de la page par défaut peut ne pas correspondre à l’esthétique générale ou à la structure de conception de votre site web.

Quelle que soit votre raison, Elementor propose plusieurs façons de masquer facilement les titres de page, vous assurant ainsi un contrôle créatif total.

Méthode 1 : Masquer le titre de la page depuis le tableau de bord de WordPress

Elementor vous permet de désactiver le titre de la page par défaut directement dans l’éditeur de page de WordPress. Cette méthode est simple et ne nécessite pas de plugins supplémentaires.

Étapes à suivre :

  1. Ouvrez la page dans le tableau de bord de WordPress:
    • Allez dans Pages dans votre tableau de bord WordPress et sélectionnez la page où vous souhaitez masquer le titre.
  2. Modifiez la page avec Elementor:
    • Une fois que vous êtes dans l’éditeur de page, cliquez sur Editer avec Elementor.
  3. Masquer le titre de la page:
    • Dans l’éditeur Elementor, sur le panneau de gauche, cliquez sur l’icône Paramètres (située dans le coin inférieur gauche).
    • Dans la section Paramètres de la page, faites basculer l’option intitulée Masquer le titre sur Oui.
  4. Publiez/mettez à jour la page:
    • Après avoir masqué le titre, cliquez sur le bouton Mettre à jour pour enregistrer vos modifications.

Désormais, le titre de la page ne sera plus affiché sur votre page.

Avantages de cette méthode :

  • Rapide et facile à mettre en œuvre.
  • Ne nécessite pas de code personnalisé ou de plugins supplémentaires.

Inconvénients :

  • Cette méthode ne fonctionne que si vous éditez la page avec Elementor et n’offre pas d’option pour d’autres thèmes ou constructeurs de pages.

Méthode 2 : Masquer les titres de page à l’aide d’une feuille de style CSS personnalisée

Si vous souhaitez avoir plus de contrôle sur les pages dont le titre est masqué ou si vous préférez ne pas utiliser les paramètres intégrés d’Elementor, vous pouvez utiliser le CSS pour masquer le titre de la page sur l’ensemble de votre site web ou sur des pages spécifiques.

Etapes à suivre :

  1. Accédez au Customizer:
    • Allez dans Apparence > Personnaliser dans le tableau de bord de WordPress.
  2. Ouvrez la section Additional CSS:
    • Dans le Customizer de WordPress, naviguez jusqu’à Additional CSS.
  3. Ajoutez le code CSS:
    • Pour masquer le titre de la page sur toutes les pages, collez le code CSS suivant :
    .entry-title {
    display : none ;
}
    • Si vous souhaitez masquer le titre uniquement sur des pages spécifiques, vous pouvez utiliser un identifiant de page. Par exemple, pour masquer le titre sur la page avec l’ID 123 :
    .page-id-123 .entry-title {
    display : none ;
}
  4. Publier les modifications:
    • Après avoir ajouté votre feuille de style CSS personnalisée, cliquez sur Publier pour enregistrer vos modifications.

Désormais, le titre sera masqué sur les pages spécifiées.

Avantages de cette méthode :

  • Offre un contrôle total sur les pages sur lesquelles les titres doivent être cachés.
  • Pas besoin de modifier manuellement chaque page avec Elementor.

Inconvénients :

  • Nécessite des connaissances en matière de CSS et du Customizer de WordPress.
  • Vous devez trouver manuellement l’ID ou la classe de la page pour un ciblage plus précis.

Méthode 3 : Masquer les titres à l’aide d’un plugin

Pour les utilisateurs qui préfèrent une approche plus manuelle, il existe des plugins qui permettent de masquer les titres des pages en quelques clics. L’un des plugins les plus populaires pour cette tâche est Title Remover.

Marche à suivre :

  1. Installer et activer le plugin:
    • Allez dans Plugins > Ajouter un nouveau plugin dans le tableau de bord de WordPress.
    • Recherchez Title Remover et installez-le. Une fois installé, cliquez sur Activer.
  2. Masquer le titre de la page:
    • Après l’activation, allez à l’écran Modifier la page dans le tableau de bord de WordPress.
    • Sous la section Title Remover, vous verrez une option pour Remove Title. Cochez simplement la case et mettez à jour votre page.
  3. Publier/mettre à jour la page:
    • Cliquez sur Mettre à jour pour enregistrer vos modifications.

Désormais, le titre de la page sera masqué pour cette page spécifique.

Avantages de cette méthode :

  • Installation rapide et facile.
  • Pas besoin de CSS personnalisé ou de modifications manuelles dans Elementor.

Inconvénients :

  • Nécessite l’installation d’un plugin, ce qui peut légèrement affecter les performances de votre site si vous utilisez trop de plugins.
  • Le plugin peut ne pas fonctionner parfaitement avec tous les thèmes ou constructeurs de pages.

Conclusion

Masquer les titres de page dans WordPress peut être un moyen simple mais efficace d’améliorer le design de votre site web et l’expérience utilisateur. Que vous utilisiez l’option intégrée d’Elementor, un CSS personnalisé ou un plugin, vous avez plusieurs façons d’obtenir l’apparence désirée.

  • Si vous préférez la simplicité, la fonction Cacher le titre d’Elementor est votre meilleure option.
  • Pour plus de flexibilité, utilisez le CSS pour cibler des pages ou des éléments spécifiques.
  • Et pour ceux qui recherchent une solution rapide, un plugin comme Title Remover peut rendre les choses encore plus faciles.

Choisissez la méthode qui convient le mieux à votre flux de travail et profitez d’un site plus propre et plus soigné !