HubSpot Kunskapsbas

Infoga och redigera ikoner i moduler med rik text

Skriven av HubSpot Support | Nov 2, 2021 4:36:22 PM

Du kan lägga till valfri ikon i Font Awesome-biblioteket i textmoduler på blogginlägg och sidor. När ikonen har lagts till kan du anpassa dess färg, placering och storlek.

Observera: ikoner kan inte läggas till direkt i marknadsföringsmejl. Om du vill använda en ikon i ett e-postmeddelande sparar du ikonen som en bild och infogar sedan bilden i e-postredigeraren.


Lägg till en ikon till ditt innehåll i en Rich Text-modul

  • Navigera till ditt innehåll:

    • Webbplatssidor:
    • Landningssidor:
    • Blogg:
  • Håll muspekaren över en sida eller ett inlägg och klicka på Redigera.
  • Klicka på modulen för rik text där du vill att ikonen ska visas.
  • Klicka på Infoga i rullgardinsmenyn längst upp till höger i verktygsfältet för rik text och välj Ikon.

  • I popup-rutan söker du efter ikonen i sökfältet.
  • Klicka på ikonen för att infoga den i din fritextmodul.

Redigera en ikon

När du har infogat din ikon kan du redigera dess utseende och position, eller länka till annat innehåll.

  • Navigera till ditt innehåll:

    • Webbplatssidor:
    • Landningssidor:
    • Blogg:
  • Håll muspekaren över en sida eller ett inlägg och klicka på Redigera.
  • Klicka på din ikon i innehållsredigeraren för att öppna ikonredigeraren.
    • Om du vill redigera ikonens färg klickar du på rullgardinsmenyn backgroundColor icon color och väljer en färg . Om du vill ange ett hex-värde eller RGB-färgvärde klickar du på fliken Avancerat .
    • Använd ikonerna indent indent iconiconiconför att flytta ikonen åt höger eller vänster.
    • Använd ikonerna blockAlignmentBottom alignment för att justera ikonens position inom ett textblock.
    • Om du vill lägga till en länk till din ikon klickar du på ikonenlinklänk och infogar sedan en länk.
    • Ändra storlek på din ikon genom att klicka och dra i ikonens hörn i redigeraren eller ange pixelvärden för bredd och höjd i verktygsfältet.

  • Om du vill ta bort en ikon från en Rich Text-modul klickar du på bilden och sedan påpapperskorgsikonen delete .
  • Om du vill ersätta ikonen klickar du på bilden och sedan på replace ersätt ikon och lägg till en ny ikon.

Redigera avancerade ikonalternativ

Du kan redigera avancerade alternativ för din ikon för att lägga till tillgänglighetstext eller anpassa ikonlänken.

  • Klicka på ikonen i innehållsredigeraren.
  • Klickaedit redigera ikonen.
  • Klicka på Avancerat i popup-rutan.
  • Om din ikon har en länk kan du välja en eller flera länktyper. Detta talar om för sökmotorer hur denna länk relaterar till din webbplats. Läs mer om olika länktyper.
  • Välj ett syfte för din bild.
    • Om din ikon är avsedd att förmedla information väljer du Läs av skärmläsare och lägger till en titel som beskriver dess syfte.
    • Om din ikon inte förmedlar information väljer du Ignoreras av skärmläsare.
  • Klicka på Verkställ.