Comment implémenter WordPress différents en-têtes par page ?
Publié: 2022-09-12Un en-tête décent sur un site WordPress est essentiel car il capte immédiatement l'attention des visiteurs de votre site et, s'il est bien fait, peut améliorer l'ensemble de leur expérience. Cependant, de plus en plus de propriétaires de magasins se concentrent moins sur les en-têtes de page génériques et davantage sur ceux qui leur sont propres. Bien que cela puisse sembler intimidant au début, avec nos directives, vous le terminerez en quelques minutes.
Dans cet article, nous allons passer en revue les détails de la mise en œuvre de différents en-têtes WordPress par page pour votre boutique en ligne.
- Pourquoi votre boutique a-t-elle besoin de différents en-têtes WordPress par page ?
- Comment implémenter WordPress différents en-têtes par page : 3 méthodes simples
- 1. Utiliser le générateur de thèmes
- Étape 1 : Activer l'en-tête de page
- Étape 2 : Personnalisez les en-têtes de page
- Étape 3 : Publiez pour enregistrer ce que vous avez fait.
- 2. Adopter des plugins
- Étape 1 : Téléchargement de "l'en-tête unique"
- Étape 2 : Utiliser le plugin
- 3. Méthode manuelle
- 1. Utiliser le générateur de thèmes
- Conclusion
Pourquoi votre boutique a-t-elle besoin de différents en-têtes WordPress par page ?
WordPress différents en-têtes par page est une fonctionnalité qui permet aux utilisateurs de personnaliser les en-têtes pour qu'ils soient distincts des autres pages. Un en-tête unique qui fait son travail avec succès divisera non seulement la page en sections, mais attirera également l'attention sur les qualités particulières de la page.
C'est pourquoi il est crucial que votre site WordPress comporte des en-têtes uniques. De plus, vous pouvez personnaliser votre expérience en donnant à chaque page un en-tête unique. Vous pouvez modifier le libellé et le logo de l'en-tête pour mieux attirer votre public et faire une première impression solide sur chaque page.
Bien que la personnalisation de vos différents en-têtes WordPress par page puisse prendre du temps, cela entraîne souvent des résultats significatifs. Du point de vue du client, cela lui permet d'en savoir plus sur vous et sur le but de chaque page, et de localiser le matériel spécifique qu'il recherche avec un minimum d'effort. Il peut également créer un nom de marque accrocheur, créer une page de vente et utiliser un en-tête WordPress unique sur chaque page de votre entonnoir de vente pour augmenter les conversions.
Créer un en-tête personnalisé WordPress unique pour chaque page d'un site semble être une entreprise ardue. Cependant, avec nos instructions étape par étape, ce ne sera sûrement pas le cas. En fait, avec certaines approches, tout est aussi simple que quelques clics.
Comment implémenter WordPress différents en-têtes par page : 3 méthodes simples
Avant même de passer à la création des en-têtes, le choix d'un design d'en-tête à utiliser est la première étape essentielle. Jetez un œil aux directives et suggestions suivantes pour créer des en-têtes WordPress professionnels :
- Concevez le titre, la description et le logo du site.
- Compatible avec n'importe quelle taille d'écran
- Choisissez des images qui correspondent à l'esthétique de votre marque et à chaque page.
- Si vous le pouvez, utilisez des photographies que vous avez prises vous-même pour générer un sentiment d'authenticité.
Passons maintenant à la mise en œuvre de différents en-têtes WordPress par page. Vous trouverez ci-dessous 3 approches simples (de la plus simple à la plus difficile) pour créer un en-tête unique pour chaque page sur WordPress :
- Utilisation du générateur de thèmes
- Adopter des plugins
- Méthode manuelle
1. Utiliser le générateur de thèmes
Pour la plupart des entreprises en ligne sur WordPress, les propriétaires utilisent souvent Theme Builder pour tirer parti de certains des principaux avantages intégrés de ce thème. Certains des constructeurs de thèmes les plus populaires sont WooCommerce (y compris Woostify), Seed Prod, Template Toaster,… Par conséquent, il inclut généralement la fonctionnalité permettant de créer différents en-têtes WordPress par page.
Dans cet article, nous prendrons le thème Woostify comme exemple. Cependant, si vous utilisez d'autres thèmes, cela ressemblera sûrement à celui-ci, et vous pouvez toujours trouver les instructions sur leurs tutoriels thématiques.
Étape 1 : Activer l'en-tête de page
Si vous accédez à votre tableau de bord et cliquez sur Apparence > Personnaliser > Mise en page > En-tête de page, une nouvelle fenêtre apparaîtra, comme indiqué ci-dessous.
Étape 2 : Personnalisez les en-têtes de page
Pour modifier rapidement l'apparence de l'en-tête de votre page, utilisez simplement les menus déroulants pour sélectionner une nouvelle valeur pour l'option d'affichage, le titre, l'alignement du texte, la couleur de fond, l'image,…
Étape 3 : Publiez pour enregistrer ce que vous avez fait.
L'étape suivante consiste à mettre à jour votre modification. Si vous souhaitez mettre à jour l'en-tête de chaque page de votre site, suivez simplement les étapes ci-dessus, puis accédez à Pages > Toutes les pages > Regarder dans le tableau de bord.
Enfin, localisez la zone d'en -tête de page sous Paramètres de page dans la barre latérale droite. Vous pouvez désormais utiliser les mêmes options de personnalisation que sur d'autres pages. Vous pouvez également masquer le titre de la page dans WordPress.
2. Adopter des plugins
Les plugins WordPress permettent également d'afficher un en-tête unique sur chaque page. Les en-têtes uniques, les en-têtes d'affichage WP, les images d'en-tête en vedette et bien d'autres ne sont que quelques exemples des nombreux plugins WordPress disponibles.
Les plugins sont largement utilisés car ils apportent souvent des fonctionnalités spécialisées. En utilisant ces extensions, vous pouvez rapidement et facilement ajouter de nouveaux en-têtes à votre site et à chaque page. La configuration et l'activation des plugins ont généralement simplifié le processus : en moins de deux minutes, vous aurez terminé.
Dans notre article, nous utiliserons le plugin nommé « Unique Header« . Avec ce plugin, une boîte d'image d'en-tête supplémentaire apparaîtra lorsque vous modifiez un article ou une page. Vous pouvez avoir des options pour utiliser le même en-tête sur tout le site ou des en-têtes différents sur chaque page lors de la modification de différentes pages également.
Étape 1 : Téléchargement de "l'en-tête unique"
Tout d'abord, vous devez d'abord télécharger le plugin. Allez dans Plugins > Ajouter un nouveau > Recherchez « Unique Header » (ou tout plugin d'en-tête que vous souhaitez obtenir). Cliquez ensuite sur « Télécharger » et « Activer » pour pouvoir l'utiliser.
Étape 2 : Utiliser le plugin
Lorsque vous avez activé le plugin, cliquez simplement sur " Définir une image d'en-tête personnalisée " dans le coin inférieur droit de l'écran. Maintenant, vous pouvez télécharger une image personnalisée et vous avez terminé.
Enfin, l'en-tête sera comme ceci sur votre front-end.
3. Méthode manuelle
Sur WordPress, les en-têtes peuvent être modifiés via du code. Bien qu'il s'agisse de l'une des caractéristiques distinctes de WordPress, peu de gens peuvent le faire car cela nécessite une certaine connaissance du codage. Ainsi, les utilisateurs sans formation technique devraient éviter cette stratégie. Il n'est pas recommandé de modifier directement les fichiers de thème, car même une petite erreur peut entraîner de graves problèmes pour votre site Web.
Sous Apparence > Éditeur de fichiers de thème dans le tableau de bord WordPress, vous trouverez les fichiers d'en-tête de votre thème. Dirigez-vous vers les fichiers de modèle de style.css et modifiez l'en-tête. Ensuite, remplacez le code d'en-tête dans un fichier de modèle de page (page.php, par exemple) comme ci-dessous. Cela vous permet de référencer des en-têtes WordPress uniques sur plusieurs pages.
<?php if(is_page(about)) { get_header('about'); } else { get_header(); } wp_head(); ?>
Comme vous pouvez le voir, la fonction « is_page » est utilisée pour déterminer si la page courante est la page « about », le code précédent demandera simplement à WordPress d'utiliser le fichier header-about.php. Sinon, WordPress utilisera le fichier d'en-tête par défaut. Là, vous pouvez modifier l'apparence du site en insérant ou en supprimant du code dans l'en-tête du site.
Conclusion
Dans cet article, nous vous avons montré comment implémenter les différents en-têtes de WordPress par page en quelques étapes simples. Vous pouvez rester à jour et en avance sur le jeu avec votre entreprise en ligne et voir plus de tutoriels pratiques comme celui-ci en vous abonnant à notre liste de diffusion.