Création d'icônes personnalisées en référençant un composant de fichier

Vous pouvez créer des images personnalisées pour les éléments de la palette de composants de page et de l'interface de création de contenu Web en déployant le fichier image ou un fichier ZIP à plusieurs échelles en tant que composant de fichier dans une bibliothèque. Placez ensuite un élément de référence de composant dans votre élément qui fait référence à ce composant de fichier.

Pourquoi et quand exécuter cette tâche

Remarque : Dans le groupe de correctifs CF09, la palette de contenu a été renommé palette de composants de page et la fonction d'images personnalisées a été étendue à l'interface de création de contenu Web.
  • Formats de fichiers image pris en charge : PNG, JPG et SVG.
  • Si vous utilisez des icônes à échelle multiple, la collection d'images doit être compressée dans un fichier ZIP.

Procédure

  1. Cliquez sur l'icône de menu Applications dans la barre d'outils du site.
  2. Cliquez sur Contenu > Créer un contenu Web.
  3. Accédez à la bibliothèque dans laquelle vous souhaitez stocker l'image en tant que composant de fichier.
  4. Cliquez sur Nouveau > Composant > Fichier.
  5. Entrez un nom unique pour le nouveau composant.
    Par exemple, my_icon.
  6. Téléchargez le fichier et cliquez sur Enregistrer et fermer.
  7. Pour affecter une image personnalisée à un objet de contenu ou à une zone de site, sélectionnez l'objet de contenu, puis cliquez sur Editer.
    • Vous pouvez également effectuer la même opération dans le modèle de contenu ou le modèle de zone de site afin de rendre cette zone disponible pour les créateurs de contenu.
  8. Cliquez sur le menu Plus.
  9. Cliquez sur Gérer les éléments.
  10. Dans le menu déroulant Type d'élément, sélectionnez Référence de composant.
  11. Dans le champ Nom, spécifiez preview-image comme nom du nouvel élément.
  12. Cliquez sur Ajouter.
  13. Cliquez sur OK pour quitter la fenêtre Gestionnaire d'éléments.
  14. Cliquez sur Sélectionner le composant pour la référence de composant my_icon.
    La fenêtre Sélectionner un composant s'affiche.
  15. Accédez à la bibliothèque dans laquelle vous avez enregistré la référence de composant my_icon.
  16. Sélectionnez le composant de fichier my_icon.
    • Tous les objets de contenu, y compris les objets créés avant le groupe de correctifs CF09, qui incluent un élément nommé preview-image, utiliseront les images stockées dans le composant sélectionné comme icône de l'objet de contenu dans l'interface de création de contenu Web.
  17. Cliquez sur OK.
  18. Cliquez sur Enregistrer et fermer.
  19. Videz le cache du navigateur et actualisez la page pour que les modifications soient prises en compte.