Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

Infoga och redigera ikoner i moduler med rik text

Senast uppdaterad: juni 22, 2023

Tillgänglig med något av följande abonnemang, om inte annat anges:

Alla produkter och planer

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: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
    • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > 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.

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

  • 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: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
    • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > 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.
use-the-icon-toolbar
  • 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.
select-an-icon-purpose-1
Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.