Le credo de WordPress est que n’importe qui peut créer un site Web, et c’est vrai. Mais cela ne signifie pas que n’importe qui peut réaliser ce qu’il veut facilement. Il existe certaines options qui ne sont pas présentes par défaut dans les fonctionnalités ou les thèmes de WordPress, ou qui sont difficiles à trouver. Masquer l’en-tête d’une page en fait souvent partie.
Dans ce tutoriel, nous allons vous montrer comment masquer un en-tête dans WordPress. Il existe plusieurs façons de le faire, et nous ferons de notre mieux pour les couvrir toutes. Certaines des solutions vont être spécifiques à un thème ou à un constructeur de page, tandis que d’autres sont plus générales, alors n’hésitez pas à faire défiler jusqu’à la section dont vous avez besoin.
Voici de quoi nous allons parler :
Si vous souhaitez masquer l’en-tête de n’importe quelle page de votre site Web, la première chose à faire est de vérifier si votre thème a une option intégrée pour masquer l’en-tête pour chaque page. Nous vous montrerons comment cela fonctionne pour notre thème Qi gratuit à l’aide de l’éditeur de page Gutenberg, mais l’option peut apparaître à différents endroits dans différents thèmes.
Pour commencer, nous allons créer une page comme nous le ferions avec n’importe quelle autre page, lui donner un titre et la remplir avec du texte lorem ipsum généré aléatoirement, mais cela n’a pas beaucoup d’importance.
De nombreux thèmes ont une commande ou une option qui masque simplement l’en-tête d’une page. Le nôtre ne le fait pas, mais il existe une solution de contournement : le modèle de page de destination. Les pages de destination ne contiennent généralement pas d’en-têtes et, si votre thème est fourni avec un modèle de page de destination, il est fort probable qu’il s’agisse d’un modèle de page sans en-tête.
Pour les besoins de notre démonstration, nous allons modifier la mise en page de la page pour Atterrissage Qi en le sélectionnant dans le Modèle menu et en cliquant Publier. Le contrôle que nous voulons est dans le menu sur le côté droit.
Sur n’importe quel site Web, une page de destination ne contient généralement pas d’en-tête, c’est pourquoi le Atterrissage Qi la mise en page n’utilise pas non plus d’en-tête. Si vous n’utilisez pas le thème Qi, il y a de fortes chances qu’il y ait une mise en page qui contienne le mot « atterrissage » et ne contienne pas d’en-tête. Voici à quoi ressemble notre page (très minimale) :
Bien sûr, ce type de mise en page peut ne pas fonctionner pour vous. Pas de soucis : votre thème peut utiliser une mise en page très différente et, même s’il est très similaire, vous pouvez utiliser CSS pour supprimer l’en-tête seule.
Si vous utilisez l’éditeur de page Elementor, vous pouvez toujours utiliser la même solution de contournement que celle décrite ci-dessus. Elementor conserve les paramètres souhaités dans les onglets de paramètres de page, bien qu’il puisse y avoir des thèmes qui fonctionnent différemment avec Elementor. Pour accéder aux contrôles de mise en page, cliquez sur le engrenage icône dans le coin inférieur droit de l’écran, et trouvez l’icône Réglages onglet de la Paramètres de la page menu.
Du Mise en page menus dans le réglages généraux section de l’onglet, sélectionnez la Atterrissage Qi agencement. Comme nous l’avons mentionné dans la section précédente, si vous n’utilisez pas notre thème Qi, vous pouvez avoir un nom différent pour une mise en page sans en-tête. Il y a de fortes chances, cependant, qu’une mise en page de page de destination ne contienne pas d’en-tête.
Notre aperçu Elementor ressemble beaucoup à notre page d’aperçu Gutenberg :
Selon la largeur de l’écran, vous obtiendrez ce résultat exact.
Quel que soit le thème ou l’éditeur de page que vous utilisez, il existe un moyen d’utiliser les capacités intégrées de WordPress pour masquer un en-tête sur une page, et cela signifie utiliser le WordPress Theme Customizer.
Cependant, avant de commencer à ajouter du code à votre site Web, vous devez prendre en compte quelques éléments. Premièrement, l’ajout de CSS directement à votre site Web est risqué, car cela peut casser votre site Web et rendre difficile sa restauration par un nouvel utilisateur. C’est pourquoi nous vous recommandons de faire une sauvegarde de votre site Web et d’utiliser un thème enfant au lieu de modifier directement le code de votre site Web.
Vous devez également connaître l’ID de la page dont vous souhaitez masquer l’en-tête. Pour ce faire, vous devez utiliser l’outil d’inspection de votre navigateur.
Lorsque vous affichez votre page dans votre navigateur, activez votre outil d’inspection (F12 pour les utilisateurs de PC, Commande + Option + I pour les utilisateurs de Mac) et localisez le
Pour supprimer l’en-tête et le pied de page d’une page dont vous connaissez l’ID, accédez à Apparence/Personnaliser depuis votre tableau de bord WordPress.
Une fois que vous avez accédé au personnalisateur, recherchez le CSS supplémentaire section et collez-y le code suivant :
.page-id-2536 header, .page-id-2536 footer
{
display: none !important;
}
Bien sûr, vous devrez remplacer 2536 par l’ID de page dont vous souhaitez masquer l’en-tête.
Et voici à quoi ressemble notre page sans en-tête maintenant, après avoir utilisé CSS pour éliminer l’élément inutile :
En conclusion
Comme vous pouvez le constater, il existe des moyens de masquer l’en-tête d’une page si vous ne le souhaitez pas. Que vous utilisiez ou non notre propre thème Qi (et nous ne voyons aucune raison pour laquelle vous ne le voudriez pas) ou non, et que vous utilisiez Elementor, Gutenberg ou CSS, cacher un en-tête n’est pas très difficile et, avec nos instructions, vous pouvez le faire facilement et en quelques minutes. Juste pour rappel : vérifiez les fonctionnalités de votre thème avant de recourir au CSS, car il y a de fortes chances que vous ayez déjà la fonctionnalité que vous souhaitez intégrer à votre thème.
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.
