Gå til innhold
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Sett inn og rediger ikoner i riktekstmoduler

Sist oppdatert: mai 23, 2024

Gjelder for:

Alle produkter og planer

Du kan legge til et hvilket som helst ikon i Font Awesome-biblioteket i rik tekst-moduler på blogginnlegg og sider. Når ikonet er lagt til, kan du tilpasse fargen, plasseringen og størrelsen.

Merk: Ikoner kan ikke legges til direkte i markedsførings-e-poster. Hvis du vil bruke et ikon i en e-post, må du lagre ikonet som et bilde og deretter sette inn bildet i e-postredigeringsprogrammet.


Legg til et ikon i innholdet ditt i en rik tekst-modul

  • Naviger til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
    • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
  • Klikk på navnet på innholdet ditt.
  • Klikk på rik tekst-modulen der du vil at ikonet skal vises.
  • Klikk på rullegardinmenyen Sett inn øverst til høyre i verktøylinjen for rik tekst, og velg Ikon.

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

  • Søk etter ikonet i søkefeltet i popup-boksen.
  • Klikk på ikonet for å sette det inn i rik tekst-modulen.

Rediger et ikon

Når du har satt inn ikonet, kan du redigere utseendet og plasseringen, eller du kan koble det til annet innhold.

  • Naviger til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
    • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
  • Klikk på navnet på innholdet ditt.
  • Klikk på ikonet ditt i innholdsredigeringsprogrammet for å åpne ikonredigeringsprogrammet .
    • Hvis du vil redigere ikonets farge, klikker du på rullegardinmenyen backgroundColor icon color og velger en farge . Hvis du vil angi en hex-verdi eller RGB-fargeverdi , klikker du på fanen Avansert .
    • Bruk ikonene indent indent iconiconicontil å flytte ikonet til høyre eller venstre.
    • Bruk justeringsikoneneblockAlignmentBottom for å justere ikonets plassering i en tekstblokk.
    • Hvis du vil legge til en lenke i ikonet, klikker du pålinklenkeikonet og setter deretter inn en lenke.
    • Du kan endre størrelsen på ikonet ved å klikke på og dra i ikonets hjørner i redigeringsprogrammet eller ved å angi pikselverdier for bredde og høyde i verktøylinjen.
use-the-icon-toolbar
  • Hvis du vil fjerne et ikon fra en rik tekst-modul, klikker du på bildet og deretter på deletepapir kurv-ikonet..
  • Hvis du vil erstatte ikonet, klikker du på bildet og deretter på ikonet replace replace og legger til et nytt ikon.

Rediger avanserte ikonalternativer

Du kan redigere avanserte alternativer for ikonet ditt for å legge til tilgjengelighetstekst eller tilpasse ikonlenken.

  • Klikk på ikonet i innholdsredigeringsprogrammet.
  • Klikkedit rediger ikon.
  • Klikk på Avansert i popup-boksen.
  • Hvis ikonet har en lenke, kan du velge én eller flere lenketyper. Dette forteller søkemotorene hvordan lenken er relatert til nettstedet ditt. Finn ut mer om ulike lenketyper.
  • Velg et formål for bildet ditt.
    • Hvis ikonet skal formidle informasjon, velger du Leses av skjermlesere og legger til en tittel som beskriver formålet.
    • Hvis ikonet ikke skal formidle informasjon, velger du Ignoreres av skjermlesere.
  • Klikk på Bruk.
select-an-icon-purpose-1
Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.