Pictogrammen invoegen en bewerken in rijke tekstmodules
Laatst bijgewerkt: januari 19, 2023
Geldt voor:
Alle producten en plannen |
U kunt elk pictogram in de Font Awesome-bibliotheek toevoegen aan rijke tekstmodules op blogberichten en pagina's. Zodra het pictogram is toegevoegd, kunt u de kleur, positionering en grootte ervan aanpassen.
Let op: pictogrammen kunnen niet rechtstreeks aan marketinge-mails worden toegevoegd. Als u een pictogram in een e-mail wilt gebruiken, slaat u het pictogram op als een afbeelding en voegt u de afbeelding vervolgens in de e-maileditor in.
Een pictogram toevoegen aan uw inhoud in een rijke tekstmodule
-
Navigeer naar uw inhoud:
- Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
- Landingspagina's: { local.navLandingPages }}
- Blog: { local.navBlog }}
- Ga met de muis over de naam van uw blogpost of -pagina en klik op Bewerken.
- Klik op de rijke tekstmodule waar u het pictogram wilt laten verschijnen.
- Rechtsboven in de rich text werkbalk, klik op het Invoegendropdown menu en selecteerPictogram.
- Zoek in het pop-upvenster naar het pictogram in de zoekbalk.
- Klik op het pictogram om het in uw rijke tekstmodule in te voegen.
Een pictogram bewerken
Zodra u uw pictogram hebt ingevoegd, kunt u het uiterlijk en de positie ervan bewerken, of een koppeling naar andere inhoud maken.
-
Navigeer naar uw inhoud:
- Website pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
- Landingspagina's: { local.navLandingPages }}
- Blog: { local.navBlog }}
- Beweeg de muis over de naam van het blogbericht of de pagina en klik op Bewerken.
- Klik in de inhoudseditor op uwpictogramom de pictogram-editor te openen.
-
- Om de kleur van het icoon aan te passen, klik op het backgroundColor icon color dropdown menu en selecteer eenkleur. Als u eenhex-waardeof RGB-kleurwaarde wilt invoeren , gaat u naar het tabblad Geavanceerd.
- Gebruik de iconicons inspringen om het pictogram naar rechts of naar links te verplaatsen.
- Gebruik de uitlijningspictogrammenblockAlignmentBottom om de positie van het pictogram binnen een tekstblok aan te passen.
- Om een link aan uw icoon toe te voegen, klikt u op de link icoon.
- Om de grootte van uw pictogram aan te passen, klikt en sleept u de hoeken van het pictogram in de editor of voert u in de werkbalk pixelwaarden in voor de breedte en hoogte.

- Als u een pictogram uit een rijke tekstmodule wilt verwijderen, klikt u op de afbeelding en vervolgens op hetpictogram Verwijderen.
- Als u het pictogram wilt vervangen, klikt u op de afbeelding en vervolgens op hetpictogramvervangen
en voegt u een nieuw pictogram toe.
Geavanceerde pictogramopties bewerken
U kunt geavanceerde opties voor uw pictogram bewerken om toegankelijkheidstekst toe te voegen of de pictogramlink aan te passen.
- Klik in de inhoudseditor op het pictogram .
- Klik op het pictogramBewerken bewerken.
- Klik rechtsboven in het pop-upvenster opGeavanceerd.
- Als uw pictogram gekoppeld is, kunt u een of meer soorten koppelingen. Dit vertelt zoekmachines hoe deze link verband houdt met uw website. Meer informatie over verschillende soorten links.
- Selecteer een doelvoor uw afbeelding.
- Als uw pictogram bedoeld is om informatie over te brengen, selecteert u Lezen door schermlezers en voegt u een titel toe die het doel van het pictogram beschrijft.
- Als uw pictogram niet bedoeld is om informatie over te brengen, selecteert uNegeer door schermlezers.

Gerelateerde documentatie
-
Ankerlinks invoegen en beheren
Door een anker te maken op een specifiek deel van een pagina, blogbericht of kennisbankartikel, kunt u een...
Kennisbank -
De Google Tag Manager-code toevoegen aan HubSpot-content
U kunt Google Tag Manager integreren met HubSpot om uw HubSpot-gehoste landingspagina's, websitepagina's, blog
Kennisbank -
Video's toevoegen aan uw HubSpot-content
Met HubSpot video kun je video's uploaden naar de bestandstool en ze vervolgens toevoegen aan pagina's,...
Kennisbank