Hoe voeg je een pictogram toe aan een tekstblok in Datamotive?
Leer hoe je via Google Fonts Icons een pictogram zoekt en toevoegt aan een tekstblok in het CMS van Mijn Datamotive.
In het CMS van Mijn Datamotive kun je pictogrammen toevoegen aan tekstblokken. Dit doe je door de naam van een icoon tussen dubbele punten te plaatsen, bijvoorbeeld :search:. In deze handleiding leggen we uit hoe je het juiste pictogram vindt en toevoegt.
Het juiste pictogram zoeken
Stap 1 – Zoek een pictogram op Google Fonts Icons
Ga naar Google Fonts Icons en gebruik de zoekbalk om het gewenste pictogram te zoeken, bijvoorbeeld "search" of "home". Noteer de naam van het icoon, want deze heb je nodig in het CMS.
Pictogram toevoegen aan een tekstblok
Stap 2 – Open de pagina in het CMS
Navigeer via Content > Ga naar CMS naar de Sulu CMS-omgeving. Ga naar Webspaces, zoek de pagina die je wilt bewerken en klik op het potloodicoon.
Stap 3 – Open het tekstblok
Zoek het bestaande tekstblok dat je wilt bewerken, of voeg een nieuw blok toe via Blok toevoegen. Kies een blok met een tekstveld, zoals Tekst of Kolommen.
Stap 4 – Voeg het pictogram in
Plaats de cursor op de plek in de tekst waar je het pictogram wilt tonen. Typ de naam van het icoon tussen dubbele punten. Zodra je de laatste dubbele punt invoert, wordt de placeholder automatisch omgezet naar het pictogram.
Voorbeelden:
:search:→ zoekpictogram:home:→ huispictogram:account_circle:→ accountpictogram:settings:→ instellingenpictogram:shopping_cart:→ winkelwagenpictogram
Stap 5 – Sla op en publiceer
Controleer of het pictogram correct wordt weergegeven in de tekst. Klik bovenaan op Opslaan en publiceer de pagina als de wijzigingen direct zichtbaar moeten zijn voor bezoekers.