Comment afficher un avis sur l’ensemble du site sur un site web WordPress
L’affichage d’un avis sur l’ensemble du site sur votre site web WordPress est un moyen efficace de communiquer des mises à jour importantes, des promotions ou des annonces à tous les visiteurs. Vous pouvez facilement ajouter un avis sur l’ensemble du site en utilisant des plugins, la personnalisation du thème, ou même un code personnalisé. Voici un guide étape par étape sur la façon de procéder.
Méthode 1 : Utilisation d’un plugin
La manière la plus simple d’ajouter un avis sur l’ensemble du site dans WordPress est d’utiliser un plugin. Plusieurs plugins vous permettent d’ajouter des annonces, des bannières ou des fenêtres contextuelles personnalisables qui peuvent apparaître sur l’ensemble de votre site web.
Étape 1 : Installer et activer le plugin
- Connectez-vous à votre tableau de bord WordPress.
- Naviguez vers Plugins > Ajouter un nouveau.
- Dans la barre de recherche, tapez WPFront Notification Bar ou Simple Banner.
- Cliquez sur Installer maintenant, puis sur Activer.
Étape 2 : Configurer les paramètres du plugin
- Une fois activé, naviguez vers Paramètres > Barre de notification WPFront (ou le plugin que vous avez installé).
- Personnalisez le message de notification dans les paramètres. Vous pouvez ajouter du texte, des liens, ou même des boutons (pour les promotions ou les CTA).
- Choisissez la position de la notification (en haut ou en bas de la page) et sélectionnez les couleurs de l’arrière-plan et du texte.
- Définissez les conditions d’affichage de l’avis, par exemple s’il doit être affiché sur toutes les pages ou uniquement sur certaines d’entre elles.
Étape 3 : Enregistrer et afficher l’avis
- Une fois l’avis personnalisé, cliquez sur Enregistrer ou Publier pour mettre en ligne l’avis pour l’ensemble du site.
- Visitez votre site web pour vérifier que la barre de notification s’affiche comme prévu.
Méthode 2 : Utilisation d’un personnalisateur de thème (pour les thèmes avec des barres d’annonce intégrées)
Certains thèmes WordPress sont dotés d’options intégrées permettant d’ajouter une barre de notification ou une bannière sur l’ensemble du site. Si votre thème dispose de cette fonctionnalité, suivez les étapes suivantes.
Étape 1 : Accéder au personnalisateur de thème
- Dans votre tableau de bord WordPress, allez dans Apparence > Personnaliser.
- Recherchez une option telle que Options d’en-tête, Barre supérieure ou Barre d’annonce. L’emplacement exact dépend de votre thème.
Étape 2 : Personnaliser l’avis
- Ajoutez le texte que vous souhaitez afficher sur l’ensemble du site dans le champ prévu à cet effet.
- Personnalisez les couleurs, la taille de la police et l’emplacement de la bannière.
- Ajoutez les liens nécessaires pour diriger les visiteurs vers une page spécifique (par exemple, une vente ou une annonce).
Étape 3 : Publier les modifications
- Une fois que vous êtes satisfait de la personnalisation, cliquez sur Publier.
- Vérifiez votre site web pour vous assurer que l’avis est en ligne et qu’il s’affiche correctement sur toutes les pages.
Méthode 3 : Ajout d’un avis pour l’ensemble du site à l’aide d’un code personnalisé
Pour plus de contrôle, vous pouvez ajouter un avis sur l’ensemble du site à l’aide d’un code personnalisé. Pour ce faire, vous aurez besoin de connaissances de base en HTML et en CSS.
Étape 1 : Ajouter le code à l’en-tête ou au pied de page de votre thème
- Allez dans votre tableau de bord WordPress et naviguez vers Apparence > Editeur de fichiers de thème.
- Localisez le fichier header.php ou footer.php (en fonction de l’endroit où vous souhaitez que l’avis apparaisse).
- Insérez le code suivant à l’endroit approprié (avant la balise de fermetureou
) :
Il s’agit d’une annonce importante ! En savoir plus ici.
Étape 2 : ajouter une feuille de style CSS personnalisée pour styliser l’avis
- Allez dans Apparence > Personnaliser, puis cliquez sur CSS supplémentaires.
- Ajoutez la feuille de style CSS suivante pour styliser l’avis :.sitewide-notice { background-color : #f39c12 ; color : #ffffff ; text-align : center ; padding : 10px 0 ; position : fixed ; top : 0 ; width : 100% ; z-index : 9999 ; } .sitewide-notice a { color : #ffffff ; text-decoration : underline ; }
- Cliquez sur Publier pour enregistrer les modifications.
Étape 3 : Vérifiez l’avis sur votre site web
Visitez votre site web pour vous assurer que l’avis s’affiche correctement sur toutes les pages. Vous pouvez personnaliser le CSS pour modifier la position, les couleurs ou les polices.
Méthode 4 : Utilisation d’un constructeur de pages (Elementor, WPBakery, etc.)
Si vous utilisez un constructeur de pages comme Elementor ou WPBakery, vous pouvez créer un avis pour l’ensemble du site en ajoutant une section à l’en-tête.
Étape 1 : Créer une nouvelle section
- Allez dans Templates > Theme Builder dans Elementor (ou l’équivalent dans votre constructeur de pages).
- Créez une nouvelle section et concevez votre avis en utilisant les widgets du constructeur (par exemple, texte, boutons, liens).
Étape 2 : Afficher l’avis sur l’ensemble du site
- Définissez les conditions d’affichage de la section sur toutes les pages de votre site (ou uniquement sur certaines pages).
- Publiez la section.
Étape 3 : Personnaliser le design
Utilisez la fonctionnalité “glisser-déposer” du constructeur de pages pour personnaliser davantage la conception, y compris le positionnement, les couleurs et les animations.
Conclusion
Afficher une annonce sur l’ensemble du site sur votre site WordPress est un excellent moyen de communiquer des messages importants aux visiteurs. Que vous choisissiez d’utiliser un plugin, les options intégrées de votre thème, un code personnalisé ou un constructeur de pages comme Elementor, vous pouvez facilement créer une annonce qui attire l’attention. Choisissez la méthode qui correspond le mieux à votre niveau de compétence et aux besoins de votre site web pour une solution transparente et efficace.