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.
Landing Pages

Pictogrammen invoegen en bewerken in rijke tekstmodules

Laatst bijgewerkt: juni 21, 2021

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

  • Navigeerin uwHubSpot-accountnaar uw blog, landingspagina's of websitepagina's.

  • Beweeg de muis over de naam van uw blogbericht of pagina en klik op Bewerken.
  • Klik op de rijke tekstmodule waar u wilt dat het pictogram wordt weergegeven.
  • Klik rechtsboven in de rich text-werkbalk op het vervolgkeuzemenu Invoegenen selecteer Pictogram.

insert-a-new-icon


  • 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 je een pictogram hebt ingevoegd, kun je het uiterlijk en de positie ervan bewerken, of een link naar andere inhoud maken.

  • Navigeerin uwHubSpot-accountnaar uw blog, landingspagina's of websitepagina's.

  • Beweeg de muis over de naam van het blogbericht of de pagina en klik op Bewerken.
  • Klik in de inhoudseditor op uw pictogramomde pictogram-editorte openen.
    1. Als u de kleur van het pictogram wilt bewerken, klikt u op het vervolgkeuzemenu Achtergrondkleur van het pictogram en selecteert u een kleur. Als u eenhex-waarde of RGB-kleurwaarde wilt invoeren , gaat u naar het tabblad Geavanceerd .
    2. Gebruik de iconicons inspringen om het pictogram naar rechts of naar links te verplaatsen.
    3. Gebruik de uitlijningspictogrammen blockAlignmentBottom om de positie van het pictogram binnen een tekstblok aan te passen.
    4. Om een link aan uw icoon toe te voegen, klikt u op de link icoon.
    5. 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.
insert-an-icon-1
  • 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 linktypes.
  • Selecteer een doel voorje 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 geen informatie moet overbrengen, selecteert u Negeerdoor schermlezers.
select-an-icon-purpose-1