Pr\u00eat \u00e0 d\u00e9marrer? Faisons-le!<\/p>\n
<\/span>Ce dont vous aurez besoin<\/span><\/h2>\nC'est assez simple \u00e0 assembler. Cependant, vous aurez besoin de certains ingr\u00e9dients:<\/p>\n
Les deux plugins gratuits devront \u00eatre install\u00e9s et activ\u00e9s. Au-del\u00e0 de cela, vous aurez \u00e9galement besoin d'acc\u00e9der \u00e0 votre th\u00e8me WordPress.<\/p>\n
Si vous utilisez l'un des th\u00e8mes par d\u00e9faut fournis avec WordPress ou un th\u00e8me commercial, assurez-vous de configurer un th\u00e8me secondaire. Cela emp\u00eachera toute modification apport\u00e9e d'\u00eatre remplac\u00e9e par une mise \u00e0 jour ult\u00e9rieure.<\/p>\n
<\/span>Ajouter et configurer des champs personnalis\u00e9s<\/span><\/h2>\nLa premi\u00e8re t\u00e2che consiste \u00e0 cr\u00e9er un groupe de champs personnalis\u00e9 dans WordPress. Pour commencer, acc\u00e9dez \u00e0 Champs personnalis\u00e9s> Ajouter un nouveau dans le tableau de bord WordPress.<\/p>\n
Vous pouvez cr\u00e9er n'importe quel champ que vous souhaitez utiliser. Voici \u00e0 quoi ressemble notre exemple:<\/p>\n
![\"Avis](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/Como-crear-una-IU-de-mensaje-de-emergencia-en-WordPress.png\")
<\/p>\n
Vous pouvez \u00e9galement r\u00e9pliquer cet exemple exactement en saisissant le fichier JSON suivant:<\/p>\n
Une fois le fichier t\u00e9l\u00e9charg\u00e9, acc\u00e9dez \u00e0 Champs personnalis\u00e9s> Outils. Ensuite, vous pouvez importer le groupe de champs personnalis\u00e9s sur votre site Web.<\/p>\n
![\"\u00c9cran](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1587577691_487_Como-crear-una-IU-de-mensaje-de-emergencia-en-WordPress.png\")
<\/p>\n
Apr\u00e8s l'importation, acc\u00e9dez \u00e0 Champs personnalis\u00e9s> Groupes de champs. Cliquez sur l'entr\u00e9e "Avis d'urgence" pour ouvrir l'\u00e9cran d'\u00e9dition.<\/p>\n
Veuillez noter que vous souhaiterez peut-\u00eatre modifier certains param\u00e8tres ici. Concentrez-vous particuli\u00e8rement sur les r\u00e8gles de localisation pour le groupe de champs. Assurez-vous que les champs sont d\u00e9finis pour s'afficher sur la ou les pages souhait\u00e9es. Dans notre cas, nous affichons les champs sur la page "Accueil".<\/p>\n
![\"R\u00e8gles](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1587577692_843_Como-crear-una-IU-de-mensaje-de-emergencia-en-WordPress.png\")
<\/p>\n
<\/span>Cr\u00e9ez le message d'urgence<\/span><\/h2>\nIl est maintenant temps de naviguer vers la page "Accueil", o\u00f9 les champs de message d'urgence sont attribu\u00e9s.<\/p>\n
L'apparence des champs dans l'\u00e9diteur de contenu variera. Si vous utilisez l'\u00e9diteur de blocs Gutenberg, l'ensemble de champs sera masqu\u00e9 en bas de l'\u00e9diteur et en dessous de tout contenu existant.<\/p>\n
Si vous utilisez l'\u00e9diteur classique, les champs du fichier JSON que nous fournissons sont configur\u00e9s pour appara\u00eetre juste en dessous du titre de la page et au-dessus de tout contenu existant.<\/p>\n
Quoi qu'il en soit, l'ajout du message \u00e0 notre page est assez simple. Pour le champ "Afficher l'avis d'urgence", cliquez sur "Oui". S\u00e9lectionnez ensuite une ic\u00f4ne (voir la liste des ic\u00f4nes Font Awesome disponibles). De l\u00e0, entrez votre message dans le champ WYSIWYG. <\/p>\n
![\"Champs](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1587577692_904_Como-crear-una-IU-de-mensaje-de-emergencia-en-WordPress.png\")
<\/p>\n
Enregistrez la page et le tour est jou\u00e9! Enfin, presque …<\/p>\n
<\/span>Ajoutez et concevez votre message sur le front-end<\/span><\/h2>\nEnfin, mettons notre message d'urgence dans notre th\u00e8me WordPress et ajoutons un style CSS.<\/p>\n
Dans cet exemple, nous allons placer le message sur l'en-t\u00eate du site. Ici, il couvrira la largeur de l'\u00e9cran et s'affichera en haut de la page. Bien s\u00fbr, vous pouvez ajouter cet extrait \u00e0 la zone que vous jugez la meilleure.<\/p>\n
Quant au style, vous avez beaucoup de souplesse. Ici, nous utiliserons un fond rouge avec un gros texte blanc. Notre ic\u00f4ne Font Awesome sera surlign\u00e9e en jaune.<\/p>\n
Le r\u00e9sultat final sera difficile \u00e0 perdre!<\/p>\n
![\"Message](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1587577692_814_Como-crear-una-IU-de-mensaje-de-emergencia-en-WordPress.png\")
<\/p>\n
<\/span>Tenez les visiteurs inform\u00e9s<\/span><\/h2>\nLe site Web d'une organisation est l'un des premiers endroits o\u00f9 les gens recherchent des informations vitales. S'il est \u00e9galement important de publier ce type de message sur les r\u00e9seaux sociaux, il peut facilement se perdre dans une grande quantit\u00e9 de contenu.<\/p>\n
Cette solution offre un moyen simple d'ajouter un message d'urgence \u00e0 tout moment. Lorsqu'il n'est plus n\u00e9cessaire, il peut \u00eatre supprim\u00e9 en quelques clics.<\/p>\n
Il existe \u00e9galement des moyens d'am\u00e9liorer la fonction en ajoutant d'autres champs personnalis\u00e9s pertinents. ACF a de nombreuses options int\u00e9gr\u00e9es, et il existe un certain nombre de plugins suppl\u00e9mentaires qui peuvent faire encore plus.<\/p>\n
Presque tous les sites Web peuvent profiter de ce type de fonctionnalit\u00e9s. Configurez-le maintenant pour ne pas avoir \u00e0 vous battre pour le faire plus tard.<\/p>\n
La premi\u00e8re t\u00e2che consiste \u00e0 cr\u00e9er un groupe de champs personnalis\u00e9 dans WordPress. Pour commencer, acc\u00e9dez \u00e0 Champs personnalis\u00e9s> Ajouter un nouveau dans le tableau de bord WordPress.<\/p>\n
Vous pouvez cr\u00e9er n'importe quel champ que vous souhaitez utiliser. Voici \u00e0 quoi ressemble notre exemple:<\/p>\n
<\/p>\n
Vous pouvez \u00e9galement r\u00e9pliquer cet exemple exactement en saisissant le fichier JSON suivant:<\/p>\n
Une fois le fichier t\u00e9l\u00e9charg\u00e9, acc\u00e9dez \u00e0 Champs personnalis\u00e9s> Outils. Ensuite, vous pouvez importer le groupe de champs personnalis\u00e9s sur votre site Web.<\/p>\n
<\/p>\n
Apr\u00e8s l'importation, acc\u00e9dez \u00e0 Champs personnalis\u00e9s> Groupes de champs. Cliquez sur l'entr\u00e9e "Avis d'urgence" pour ouvrir l'\u00e9cran d'\u00e9dition.<\/p>\n
Veuillez noter que vous souhaiterez peut-\u00eatre modifier certains param\u00e8tres ici. Concentrez-vous particuli\u00e8rement sur les r\u00e8gles de localisation pour le groupe de champs. Assurez-vous que les champs sont d\u00e9finis pour s'afficher sur la ou les pages souhait\u00e9es. Dans notre cas, nous affichons les champs sur la page "Accueil".<\/p>\n
<\/p>\n
<\/span>Cr\u00e9ez le message d'urgence<\/span><\/h2>\nIl est maintenant temps de naviguer vers la page "Accueil", o\u00f9 les champs de message d'urgence sont attribu\u00e9s.<\/p>\n
L'apparence des champs dans l'\u00e9diteur de contenu variera. Si vous utilisez l'\u00e9diteur de blocs Gutenberg, l'ensemble de champs sera masqu\u00e9 en bas de l'\u00e9diteur et en dessous de tout contenu existant.<\/p>\n
Si vous utilisez l'\u00e9diteur classique, les champs du fichier JSON que nous fournissons sont configur\u00e9s pour appara\u00eetre juste en dessous du titre de la page et au-dessus de tout contenu existant.<\/p>\n
Quoi qu'il en soit, l'ajout du message \u00e0 notre page est assez simple. Pour le champ "Afficher l'avis d'urgence", cliquez sur "Oui". S\u00e9lectionnez ensuite une ic\u00f4ne (voir la liste des ic\u00f4nes Font Awesome disponibles). De l\u00e0, entrez votre message dans le champ WYSIWYG. <\/p>\n
<\/p>\n
Enregistrez la page et le tour est jou\u00e9! Enfin, presque …<\/p>\n
<\/span>Ajoutez et concevez votre message sur le front-end<\/span><\/h2>\nEnfin, mettons notre message d'urgence dans notre th\u00e8me WordPress et ajoutons un style CSS.<\/p>\n
Dans cet exemple, nous allons placer le message sur l'en-t\u00eate du site. Ici, il couvrira la largeur de l'\u00e9cran et s'affichera en haut de la page. Bien s\u00fbr, vous pouvez ajouter cet extrait \u00e0 la zone que vous jugez la meilleure.<\/p>\n
Quant au style, vous avez beaucoup de souplesse. Ici, nous utiliserons un fond rouge avec un gros texte blanc. Notre ic\u00f4ne Font Awesome sera surlign\u00e9e en jaune.<\/p>\n
Le r\u00e9sultat final sera difficile \u00e0 perdre!<\/p>\n
<\/p>\n
<\/span>Tenez les visiteurs inform\u00e9s<\/span><\/h2>\nLe site Web d'une organisation est l'un des premiers endroits o\u00f9 les gens recherchent des informations vitales. S'il est \u00e9galement important de publier ce type de message sur les r\u00e9seaux sociaux, il peut facilement se perdre dans une grande quantit\u00e9 de contenu.<\/p>\n
Cette solution offre un moyen simple d'ajouter un message d'urgence \u00e0 tout moment. Lorsqu'il n'est plus n\u00e9cessaire, il peut \u00eatre supprim\u00e9 en quelques clics.<\/p>\n
Il existe \u00e9galement des moyens d'am\u00e9liorer la fonction en ajoutant d'autres champs personnalis\u00e9s pertinents. ACF a de nombreuses options int\u00e9gr\u00e9es, et il existe un certain nombre de plugins suppl\u00e9mentaires qui peuvent faire encore plus.<\/p>\n
Presque tous les sites Web peuvent profiter de ce type de fonctionnalit\u00e9s. Configurez-le maintenant pour ne pas avoir \u00e0 vous battre pour le faire plus tard.<\/p>\n
<\/p>\nEnfin, mettons notre message d'urgence dans notre th\u00e8me WordPress et ajoutons un style CSS.<\/p>\n
Dans cet exemple, nous allons placer le message sur l'en-t\u00eate du site. Ici, il couvrira la largeur de l'\u00e9cran et s'affichera en haut de la page. Bien s\u00fbr, vous pouvez ajouter cet extrait \u00e0 la zone que vous jugez la meilleure.<\/p>\n
Quant au style, vous avez beaucoup de souplesse. Ici, nous utiliserons un fond rouge avec un gros texte blanc. Notre ic\u00f4ne Font Awesome sera surlign\u00e9e en jaune.<\/p>\n
Le r\u00e9sultat final sera difficile \u00e0 perdre!<\/p>\n
<\/p>\n