Les situations d'urgence peuvent affecter n'importe quelle organisation. Qu'il s'agisse d'un arrêt lié aux conditions météorologiques, d'un changement soudain des heures d'ouverture ou d'un tuyau qui fuit au sous-sol, des choses se produisent. Et l'un des meilleurs moyens de communiquer ce genre de problèmes est de le publier sur votre site Web.
Ces informations sont vitales et doivent se démarquer du reste du contenu du site. De plus, cela devrait nécessiter le moins d'effort possible pour l'ajouter. C'est particulièrement le cas si votre client est celui qui met à jour le site Web. Idéalement, ils ne devraient pas prendre de décisions de conception lorsqu'ils essaient de partager un message important. De plus, le temps presse.
Aujourd'hui, nous vous présenterons une solution pratique qui utilise des champs WordPress personnalisés. Il vous permettra de:
- Créez un message d'urgence personnalisé;
- Sélectionnez une icône Font Awesome à afficher à côté d'elle;
- Activez ou désactivez le message en un seul clic;
- Ajoutez un design accrocheur à votre thème WordPress;
Prêt à démarrer? Faisons-le!
Ce dont vous aurez besoin
C'est assez simple à assembler. Cependant, vous aurez besoin de certains ingrédients:
Les deux plugins gratuits devront être installés et activés. Au-delà de cela, vous aurez également besoin d'accéder à votre thème WordPress.
Si vous utilisez l'un des thèmes par défaut fournis avec WordPress ou un thème commercial, assurez-vous de configurer un thème secondaire. Cela empêchera toute modification apportée d'être remplacée par une mise à jour ultérieure.
Ajouter et configurer des champs personnalisés
La première tâche consiste à créer un groupe de champs personnalisé dans WordPress. Pour commencer, accédez à Champs personnalisés> Ajouter un nouveau dans le tableau de bord WordPress.
Vous pouvez créer n'importe quel champ que vous souhaitez utiliser. Voici à quoi ressemble notre exemple:
Vous pouvez également répliquer cet exemple exactement en saisissant le fichier JSON suivant:
Une fois le fichier téléchargé, accédez à Champs personnalisés> Outils. Ensuite, vous pouvez importer le groupe de champs personnalisés sur votre site Web.
Après l'importation, accédez à Champs personnalisés> Groupes de champs. Cliquez sur l'entrée "Avis d'urgence" pour ouvrir l'écran d'édition.
Veuillez noter que vous souhaiterez peut-être modifier certains paramètres ici. Concentrez-vous particulièrement sur les règles de localisation pour le groupe de champs. Assurez-vous que les champs sont définis pour s'afficher sur la ou les pages souhaitées. Dans notre cas, nous affichons les champs sur la page "Accueil".
Créez le message d'urgence
Il est maintenant temps de naviguer vers la page "Accueil", où les champs de message d'urgence sont attribués.
L'apparence des champs dans l'éditeur de contenu variera. Si vous utilisez l'éditeur de blocs Gutenberg, l'ensemble de champs sera masqué en bas de l'éditeur et en dessous de tout contenu existant.
Si vous utilisez l'éditeur classique, les champs du fichier JSON que nous fournissons sont configurés pour apparaître juste en dessous du titre de la page et au-dessus de tout contenu existant.
Quoi qu'il en soit, l'ajout du message à notre page est assez simple. Pour le champ "Afficher l'avis d'urgence", cliquez sur "Oui". Sélectionnez ensuite une icône (voir la liste des icônes Font Awesome disponibles). De là, entrez votre message dans le champ WYSIWYG.
Enregistrez la page et le tour est joué! Enfin, presque …
Ajoutez et concevez votre message sur le front-end
Enfin, mettons notre message d'urgence dans notre thème WordPress et ajoutons un style CSS.
Dans cet exemple, nous allons placer le message sur l'en-tête du site. Ici, il couvrira la largeur de l'écran et s'affichera en haut de la page. Bien sûr, vous pouvez ajouter cet extrait à la zone que vous jugez la meilleure.
Quant au style, vous avez beaucoup de souplesse. Ici, nous utiliserons un fond rouge avec un gros texte blanc. Notre icône Font Awesome sera surlignée en jaune.
Le résultat final sera difficile à perdre!
Tenez les visiteurs informés
Le site Web d'une organisation est l'un des premiers endroits où les gens recherchent des informations vitales. S'il est également important de publier ce type de message sur les réseaux sociaux, il peut facilement se perdre dans une grande quantité de contenu.
Cette solution offre un moyen simple d'ajouter un message d'urgence à tout moment. Lorsqu'il n'est plus nécessaire, il peut être supprimé en quelques clics.
Il existe également des moyens d'améliorer la fonction en ajoutant d'autres champs personnalisés pertinents. ACF a de nombreuses options intégrées, et il existe un certain nombre de plugins supplémentaires qui peuvent faire encore plus.
Presque tous les sites Web peuvent profiter de ce type de fonctionnalités. Configurez-le maintenant pour ne pas avoir à vous battre pour le faire plus tard.
