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 notazione :<iconname>:
. 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 i file SVG nell'icona `<span>`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 una cartella /icons/
nell'origine di contenuto (ad esempio Sharepoint o Google Drive). È inoltre possibile fare riferimento a queste icone nello stesso modo utilizzando la notazione :<iconname>:
. 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:
Struttura contenuto:
È possibile inserire :<iconname>:
come parte di tutti i costrutti di contenuto predefinito.
Codice:
Le icone sono Contenuto predefinito e dispongono di uno stile nel codice CSS specifico del progetto. Se è necessario un JavaScript per caricare i file SVG, è possibile adattarlo in base alle esigenze.
Questo codice è incluso in Boilerplate, non è necessario copiarlo.