Icone

Note:

La maggior parte dei siti web, se non tutti, dispongono di icone, pertanto esiste un modo semplice per fare riferimento alle icone per gli autori.

Le icone sono denominate :<iconname>: notazione. Poiché esistono diversi modi per implementare le icone nel browser come semplici classi css, font per icone o SVG, offriamo un modo non intrusivo per supportarle tutte.

Il progetto boilerplate include un meccanismo automatico per inserire SVG nell'icona `\`s in quanto è il modo più comune per trattare le icone.

Alcune icone devono essere incluse nel codice (ad esempio, le icone a cui si fa riferimento nei blocchi), ma in alcuni casi gli autori devono aggiungere e fare riferimento a nuove icone per aggiornarle continuamente. Queste icone possono e devono risiedere con il contenuto in un /icons/ cartella nell'origine di contenuto (ad es. Sharepoint o Google Drive). È inoltre possibile fare riferimento a queste icone nello stesso modo utilizzando :<iconname>: notazione. In questo modo gli addetti al marketing potranno aggiungere e aggiornare le icone necessarie per il contenuto senza alcuna dipendenza da una modifica del codice.

Esempio:

Vedi Output live

Struttura contenuto:

Il :<iconname>: può essere inserito come parte di tutti i costrutti Contenuto predefinito.

Vedi contenuto nel documento

Codice:

Le icone sono Contenuto predefinito e dispongono di uno stile nel codice CSS specifico del progetto. Se è presente un JavaScript necessario per caricare i SVG, puoi adattarlo in base alle esigenze.
Questo codice è incluso in Boilerplate, non è necessario copiarlo.

Consulta Codice di caricamento SVG