Ajouter une icône à un bouton

Vous pouvez ajouter des icônes ou des images aux boutons, comme une icône de téléphone (📞) pour les boutons cliquer pour appeler, une icône d’e-mail (📧), des flèches (⬅️ ➡️) pour les boutons Lire la suite ou tout ce que vous pouvez imaginer. Découvrez comment ajouter des icônes aux boutons dans ce guide.

Il existe de nombreux sites sur lesquels vous pouvez trouver des images ou des icônes que vous pouvez utiliser. Voici quelques exemples :

• La plupart des Windows, Macet appareils mobiles intègrent des émojis qui peuvent être ajoutés aux boutons.
• Vous pouvez également copier des émojis depuis des sites comme Get Emoji.
• Google Fonts comprend une option icônes.
• Font Awesome est un site populaire qui a des icônes gratuites et payantes.

Si vous utilisez une image, il est recommandé d’utiliser des types de fichiers SVG ou PNG (transparents). Vous pouvez charger l’icône dans votre médiathèque avant d’ajouter le bouton, ou charger l’icône lorsque vous ajoutez le bouton (voir ci-dessous).

Vous pouvez ajouter une icône ou une image à un bouton dans WordPress.com à l’aide du bloc Boutons et d’une icône de votre choix. Pour ajouter une icône à un bouton, procédez comme suit.

1. Ajoutez un bouton et incluez le texte et le lien de votre bouton.
   • Vous pouvez également créer un lien cliquer pour appeler ou cliquer pour envoyer un e-mail.
2. Cliquez sur le bouton et placez le curseur avant ou après le texte.
3. Selon que vous utilisez un émoji ou une image :
   • Émoji : utilisez le raccourci clavier pour Windows ou Mac et sélectionnez l’émoji. Ou, copiez et collez l’émoji depuis un site comme Get Emoji.
   • Image : Dans la barre d’outils qui apparaît, cliquez sur la flèche vers le bas (Plus) et sélectionnez l’option « Image en ligne ».
     • Choisissez votre image dans votre médiathèque ou chargez une nouvelle image.
     • Double-cliquez sur l’image pour modifier sa taille et ajouter du texte alternatif.
4. Cliquez sur Enregistrer ou Publier pour enregistrer vos modifications.

L’exemple suivant utilise le raccourci clavier Mac pour ajouter un émoji. Vous pouvez également utiliser le raccourci clavier Windows ou copier-coller un émoji depuis un autre site.