Infoga och redigera ikoner i textmoduler med rik text
Senast uppdaterad: januari 20, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
Du kan lägga till vilken ikon som helst 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öringsmeddelanden. Om du vill använda en ikon i ett e-postmeddelande sparar du ikonen som en bild ochinfogar sedan bilden i e-postredigeraren.
Lägg till en ikon till ditt innehåll i en modul med rik text
-
Navigera till ditt innehåll:
- Webbplatssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
- Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
- Blogg: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida.
- Håll muspekaren över namnet på ditt blogginlägg eller din sida och klicka på Redigera.
- Klicka på den textmodul där du vill att ikonen ska visas.
- I den övre högra delen av verktygsfältet för fyllig text klickar du på rullgardinsmenyn Infogaoch väljerIkon.
- I popup-fönstret söker du efter ikonen i sökfältet.
- Klicka på ikonen för att infoga den i din textmodul.
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, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
- Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
- Blogg: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida.
- Håll muspekaren över namnet på blogginlägget eller sidan och klicka på Redigera.
- I innehållsredigeraren klickar du på dinikonför att öppna ikonredigeraren.
-
- Om du vill redigera ikonens färg klickar du på rullgardinsmenyn backgroundColor icon color och väljer enfärg . Om du vill ange etthex-eller RGB-färgvärde navigerar du till fliken Avancerat.
- Använd indent indent iconiconiconiconsför att flytta ikonen till höger eller vänster.
- Använd ikonernablockAlignmentBottom alignment för att justera ikonens position i ett textblock.
- Om du vill lägga till en länk till din ikon klickar du på ikonen för länk.
- Om du vill ändra storleken på din ikon klickar du på och drar i ikonens hörn i redigeringsverktyget eller anger pixelvärden för bredd och höjd i verktygsfältet.

- Om du vill ta bort en ikon från en rik textmodul klickar du på bilden och sedan påikonen deletrash.
- Om du vill ersätta ikonen klickar du på bilden och sedan påreplace replace replace icon
och lägger 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å ikoneni innehållsredigeraren.
- Klicka påikonenredigera redigera redigera ikonen.
- Klicka påAvancerat i det övre högra hörnet av popup-fönstret.
- Om ikonen är länkad kan du välja en eller flera Länktyper. Detta talar om för sökmotorerna hur den här länken är kopplad till din webbplats. Läs mer om olika länktyper.
- Välj ett syfteför din bild.
- Om din ikon är avsedd att förmedla information väljer du Läsas av skärmläsare och lägger till en titel som beskriver dess syfte.
- Om din ikon inte ska förmedla information väljer duIgnorerad av skärmläsare.
