pictogrammen

Opmerkingen:

De meeste, zo niet alle websites hebben pictogrammen, daarom is er een eenvoudige manier om naar pictogrammen voor auteurs te verwijzen.

Er wordt verwezen naar pictogrammen :<iconname>: notatie. Omdat er verschillende manieren zijn om pictogrammen in browser of als gewone CSS klassen, pictogramdoopvonten of SVG uit te voeren, bieden wij een niet-opdringerige manier om elk van die te steunen.

Het bouwsteenproject bevat een automatisch mechanisme om SVG in het pictogram `\'s in te voegen, aangezien dat de meest gebruikelijke manier is om met pictogrammen om te gaan.

Sommige pictogrammen moeten in de code staan (bijvoorbeeld pictogrammen waarnaar in blokken wordt verwezen), maar er zijn momenten waarop auteurs nieuwe pictogrammen moeten toevoegen en ernaar moeten verwijzen en deze voortdurend moeten bijwerken. Deze pictogrammen kunnen en moeten met de inhoud onder een /icons/ map in de inhoudsbron (bijv. Sharepoint of Google Drive). U kunt op dezelfde manier naar deze pictogrammen verwijzen als met de :<iconname>: notatie. Op deze manier kunnen marketers pictogrammen toevoegen en bijwerken die ze nodig hebben voor inhoud zonder afhankelijk te zijn van een codewijziging.

Voorbeeld:

Zie Actieve uitvoer

Inhoudsstructuur:

De :<iconname>: kan worden ingevoegd als onderdeel van alle constructies voor standaardinhoud.

Zie Inhoud in document

Code:

Pictogrammen zijn Standaardinhoud en worden opgemaakt in projectspecifieke CSS-code. Als er een JavaScript is dat vereist is om de SVG te laden, kan het indien nodig worden aangepast.
Deze code is opgenomen in Boilerplate en het is niet nodig deze te kopiëren.

Zie Code voor laden van SVG