Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.

Pictogrammen invoegen en bewerken in rijke tekstmodules

Laatst bijgewerkt: juni 22, 2023

Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:

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 afbeelding en voegt u de afbeelding in de e-maileditor in.


Een pictogram aan je inhoud toevoegen in een rijke tekstmodule

  • Navigeer naar je inhoud:

    • Website Pagina's: Ga in je HubSpot account naar Marketing > Website > Website pagina's.
    • Landingspagina's: Ga in je HubSpot account naar Marketing > Landingspagina's.
    • Blog: Ga in je HubSpot account naar Marketing > Website > Blog.
  • Ga met de muis over een pagina of bericht en klik op Bewerken.
  • Klik op de rijke tekstmodule waar u het pictogram wilt laten verschijnen.
  • Klik rechtsboven in de werkbalk Rijke tekst op het vervolgkeuzemenu Invoegen en selecteer Pictogram.

insert-an-icon-in-a-post-or-page

  • Zoek in het pop-upvenster naar het pictogram in de zoekbalk.
  • Klik op het pictogram om het in je rich text module in te voegen.

Een pictogram bewerken

Nadat je je pictogram hebt ingevoegd, kun je het uiterlijk en de positie ervan bewerken of een koppeling naar andere inhoud maken.

  • Navigeer naar je inhoud:

    • Website Pagina's: Ga in je HubSpot account naar Marketing > Website > Website pagina's.
    • Landingspagina's: Ga in je HubSpot account naar Marketing > Landingspagina's.
    • Blog: Ga in je HubSpot account naar Marketing > Website > Blog.
  • Beweeg de muis over een pagina of bericht en klik op Bewerken.
  • Klik in de inhoudseditor op uw pictogram om de pictogrameditor te openen.
    • Als u de kleur van het pictogram wilt bewerken, klikt u op het vervolgkeuzemenu voor de pictogramkleur op backgroundColor en selecteert u een kleur. Klik op het tabblad Geavanceerd om een hexadecimale waarde of RGB-kleurwaarde in te voeren.
    • Gebruik de pictogrammen indent inspringen iconiconiconom het pictogram naar rechts of links te verplaatsen.
    • Gebruik de pictogrammenblockAlignmentBottom uitlijning om de positie van het pictogram binnen een tekstblok aan te passen.
    • Om een link aan je pictogram toe te voegen, klik je op hetlinklink pictogram en voeg je een link in.
    • Om de grootte van je pictogram aan te passen, klik en versleep je de hoeken van het pictogram in de editor of voer je pixelwaarden in voor de breedte en hoogte in de werkbalk.
use-the-icon-toolbar
  • Om een pictogram uit een rijke tekstmodule te verwijderen, klikt u op de afbeelding en vervolgens op hetpictogram deleteprullenbak ..
  • Om het pictogram te vervangen, klik je op de afbeelding en vervolgens op hetpictogram replace vervangen en een nieuw pictogram toevoegen.

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 pictogramedit bewerken.
  • Klik in het pop-upvenster op Geavanceerd.
  • Als je pictogram een link heeft, kun je een of meer linktypes selecteren. Dit vertelt zoekmachines hoe deze link betrekking heeft op uw website. Meer informatie over verschillende soorten links.
  • Selecteer een doel voor je afbeelding.
    • Als je pictogram bedoeld is om informatie over te brengen, selecteer dan Lezen door schermlezers en voeg een titel toe die het doel beschrijft.
    • Als je pictogram geen informatie overbrengt, selecteer dan Negeren door schermlezers.
  • Klik op Toepassen.
select-an-icon-purpose-1
Was dit artikel nuttig?
Dit formulier wordt alleen gebruikt voor feedback op documentatie. Ontdek hoe je hulp krijgt met HubSpot.