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: augustus 24, 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

  • 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.

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 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.
    1. 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.
    2. Gebruik de iconicons inspringen om het pictogram naar rechts of naar links te verplaatsen.
    3. Gebruik de uitlijningspictogrammenblockAlignmentBottom 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 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.
select-an-icon-purpose-1