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 rikstextmoduler

Senast uppdaterad: maj 23, 2024

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 rikstextmoduler på blogginlägg och sidor. När ikonen har lagts till kan du anpassa dess färg, positionering 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 i ditt innehåll i en rik text-modul

  • Navigera till ditt innehåll:

    • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
    • Landningssidor:
    • Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
  • Klicka på namnet på ditt innehåll.
  • Klicka på den rikstextmodul där du vill att ikonen ska visas.
  • Klicka på rullgardinsmenyn Infoga 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 rikstextmodul.

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:
    • Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
  • Klicka på namnet på ditt innehåll.
  • I innehållsredigeraren klickar du på din ikon 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 indent indent iconiconiconikonerna för att flytta ikonen till 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 i ikonen klickar du på länksymbolenlinkoch infogar sedan en länk.
    • Om du vill ändra storlek på ikonen klickar du på och drar i ikonens hörn i redigeraren eller anger 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 RTF-modul klickar du på bilden och sedan på papperskorgsikonen delete.
  • Om du vill ersätta ikonen klickar du på bilden och sedan på replace replace icon och lägg till en ny ikon.

Redigera avancerade alternativ för ikoner

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.
  • Klicka ikonenedit edit.
  • 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 länken relaterar till din webbplats. Läs mer om olika länktyper.
  • Välj ett syfte för din bild.
    • Om ikonen är avsedd att förmedla information väljer du Läst av skärmläsare och lägger till en titel som beskriver syftet.
    • Om ikonen inte förmedlar information väljer du Ignoreras av skärmläsare.
  • Klicka på Apply.
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.