Les boutons d'Opus peuvent porter un pictogramme avant ou après leur texte. Aucune fonte d'icônes n'est chargée pour cela : les dessins viennent d'une planche SVG, et vous pouvez y ajouter les vôtres.
La planche
L'onglet Icônes montre les pictogrammes disponibles. Opus n'en tient aucun catalogue : il lit la planche du template si celui-ci en a une, comme Corpus, sinon la sienne. Une icône ajoutée à la planche de Corpus apparaît donc dans Opus sans le relivrer.
La planche sert à voir les dessins avant de choisir : le champ Icône d'un bouton, derrière sa roue dentée, propose les mêmes noms dans une liste. Un clic sur un dessin copie son nom, utile pour une règle de CSS personnalisé.
Ajouter une icône
- Dans Ajouter une icône, donnez un Nom : lettres, chiffres et traits d'union.
- Choisissez le Fichier dans le gestionnaire de médias.
- Enregistrer et voir mes icônes : l'icône apparaît dans Mes icônes, et dans le champ Icône de tous les boutons du module.
Deux lignes qui portent le même nom : seule la première est utilisable. Opus le signale.
Un pochoir, pas une image
Le fichier n'est pas affiché comme une image : il sert de pochoir. Seule sa forme est reprise, et elle est remplie de la couleur du texte du bouton. Ce qui compte n'est donc pas la couleur du dessin mais sa transparence.
| Format | Ce qu'il donne |
|---|---|
| SVG | Vectoriel, net à toutes les tailles. Le meilleur choix. |
| PNG, WebP, AVIF, GIF | Nets à leur taille, à condition d'avoir un fond transparent. Carré, au moins 64 pixels de côté. |
| JPEG | Sans transparence : donne toujours un carré plein. À remplacer. |
Le SVG n'apparaît dans le gestionnaire de médias qu'une fois ajouté aux extensions autorisées, dans les options de Médias.
Ce qu'un SVG doit respecter
- Un attribut
viewBoxsur la balisesvg. Sans lui, le pochoir sort vide : c'est la première chose à vérifier quand une icône n'apparaît pas. - Des formes pleines. Un tracé qui n'existe que par son contour ne laisse rien : convertissez les contours en formes dans votre logiciel de dessin.
- Le texte converti en tracés, et les calques aplatis, sans calque masqué.
- Une seule couleur, n'importe laquelle : elle sera remplacée. Dégradés, ombres et transparences partielles donnent rarement ce qu'on attendait.
- Pas d'image incorporée, pas de police liée, pas de script : ils sont ignorés.
- Un dessin qui tient à 16 pixels : regardez-le en petit avant de le garder.
Où trouver des icônes libres
L'onglet propose une liste de sites, avec leur licence. « Gratuit » ne veut pas dire « libre » : un jeu sous MIT, ISC ou Apache 2.0 s'emploie sans rien devoir, y compris sur le site d'un client ; les autres demandent de citer la source, ou de payer. Vérifiez la licence de l'icône choisie, elle peut différer de celle du site.
À jour pour Opus 1.5.