Utiliser une icône avec du texte

Vous avez peut-être déjà rencontré ce problème : vous n’avez pas à votre disposition l’image qui correspondrait parfaitement à l'information que vous voulez transmettre. Dans ce cas, les icônes et les éléments de texte peuvent être utiles. Vous pouvez choisir parmi une large collection d'icônes différentes pour illustrer votre message.

Comment ajouter une icône

  1. Dans la barre latérale de l'administration, ouvrez l’Éditeur.
  2. Vous pouvez voir une liste de vos pages dans la barre latérale de votre Éditeur sous Pages. Sélectionnez la page que vous souhaitez modifier ou ajoutez une nouvelle page.
    Un aperçu de la page s’affiche sur la droite.
  3. Dans la barre latérale de l’Éditeur, sélectionnez Éléments de contenu.
  4. Sélectionnez la catégorie Icônes.
  5. Faites un glisser-déposer de l'élément de contenu Icône avec texte, trois colonnes ou Icône avec texte, quatre colonnes dans la zone d’aperçu. Vous ne pouvez déposer des éléments de contenu que dans les zones bleues de la page.
  6. Sélectionnez Ajouter une icône.
    La vue Ajouter une icône apparaît. Vous pouvez choisir ici vos paramètres.
  7. Choisissez une icône dans la bibliothèque. Pour ouvrir la bibliothèque, sélectionnez le lien Parcourir la bibliothèque d’icônes.
  8. Vous pouvez ajouter un lien vers votre icône.
    • Si vous souhaitez que le lien s’ouvre dans un nouvel onglet, cochez la case Ouvrir le lien dans un nouvel onglet.
    • Pour ne plus utiliser le lien, sélectionnez Supprimer lien à droite du champ de lien.
  9. Créez votre icône en définissant chaque paramètre. Pour plus d’informations, consultez la section ci-dessous.
  10. Une fois que vous avez terminé, sélectionnez Enregistrer.

Vous avez bien ajouté une icône.
Pour modifier à nouveau l'icône, survolez-la et sélectionnez EditCircleIcon.png.

Vous pouvez également ajouter du texte sous l'icône. Dans ce cas, sélectionnez Saisir le texte ici... et ajoutez le texte souhaité. Pour plus d’informations, consultez l’article Options de mise en forme pour le texte.

Comment créer votre icône

Vous pouvez modifier les paramètres de vos icônes afin qu’elles correspondent parfaitement au design de votre site Web.

Il n'est actuellement pas possible d'appliquer automatiquement les mêmes paramètres à plusieurs icônes. Vous devrez configurer vos icônes une par une.

Vous trouverez les paramètres suivants dans l'onglet : IconsSettingsIcon.png

Paramètres de l’icône

Couleur de l’icône Sélectionnez la couleur de votre choix avec le carré de couleur correspondant. Pour plus d’informations, consultez la section En savoir plus sur les paramètres de couleur.
Alignement Sélectionnez les boutons radio sous Alignement pour afficher l'icône à gauche, à droite ou au centre de la zone dédiée à l’icône.
Marge Utilisez le curseur sous Marge pour régler la marge au-dessus et au-dessous de l'icône. Vous pouvez également choisir une valeur comprise entre 0 et 50 dans le champ de droite.
Dimension Utilisez le curseur sous Dimension pour ajuster la taille de l'icône. Vous pouvez également choisir une valeur comprise entre 15 et 100 dans le champ de droite.
Réinitialiser Sélectionnez le lien Réinitialiser pour restaurer les paramètres par défaut de l'icône. Veuillez noter que cela ne restaurera pas les paramètres précédents, mais les paramètres par défaut du thème sélectionné.

Comment modifier le style et la bordure d’arrière-plan

Au-delà de l'icône elle-même, vous pouvez également configurer l'arrière-plan et la bordure de l'arrière-plan. Vous pouvez ainsi personnaliser entièrement l'apparence de l'élément.

Il n'est actuellement pas possible d'appliquer automatiquement les mêmes paramètres à plusieurs icônes. Vous devrez configurer vos icônes une par une.

Vous trouverez les paramètres suivants dans l'onglet : ModifyColours.png

Paramètres d’arrière-plan

Couleur Sélectionnez la couleur de votre choix avec le carré de couleur correspondant. Pour plus d’informations, consultez la section En savoir plus sur les paramètres de couleur.
Taille Utilisez le curseur sous Taille pour ajuster la taille de l'arrière-plan. Vous pouvez également choisir une valeur comprise entre 0 et 100 dans le champ de droite.
Rayon de l’angle Utilisez le curseur sous Rayon de l’angle pour modifier la forme de l'arrière-plan. Vous pouvez également choisir une valeur comprise entre 0 et 50 dans le champ de droite. Selon la valeur choisie, le fond sera carré, arrondi ou rond.
Réinitialiser Sélectionnez le lien Réinitialiser pour restaurer les paramètres par défaut de l'icône. Veuillez noter que cela ne restaurera pas les paramètres précédents, mais les paramètres par défaut du thème sélectionné.

Paramètres de bordure

Couleur Sélectionnez la couleur de votre choix avec le carré de couleur correspondant. Pour plus d’informations, consultez la section En savoir plus sur les paramètres de couleur.
Épaisseur Utilisez le curseur sous Épaisseur pour régler l’épaisseur de la bordure. Vous pouvez également choisir une valeur comprise entre 0 et 20 dans le champ de droite.
Réinitialiser Sélectionnez le lien Réinitialiser pour restaurer les paramètres par défaut de l'icône. Veuillez noter que cela ne restaurera pas les paramètres précédents, mais les paramètres par défaut du thème sélectionné.

Exemples d'utilisation

Vous pouvez utiliser cet élément de contenu dans de nombreux contextes. Comme il existe énormément de possibilités, voici quelques suggestions pour stimuler votre créativité.

1. Présentez les principaux atouts de votre entreprise, de la même manière que vos arguments de vente :

Example_Business_EN.png

 

2. Utilisez la possibilité d’ajouter des liens sur des icônes pour renvoyer les clients vers vos réseaux sociaux :

Example_SocialMedia.png

 

3. Fournissez des informations sur l’expédition et vos offres spéciales, telles qu’un service d’installation par exemple. Dans ce cas, vous pouvez ajouter des liens et renvoyer les clients vers d'autres pages contenant des informations supplémentaires sur votre service d'installation ou vers la page Paiement et livraison.

Example_Shipping_EN.png

Cet article vous a-t-il été utile ?