Lägg till en ikon till en knapp

Du kan lägga till ikoner eller bilder till knappar, exempelvis en telefonikon (📞) för ”klicka för att ringa”-knappar, en e-postikon (📧), pilar (⬅️ ➡️) för läs mer-knappar eller vad du än kan komma på. Lär dig hur du lägger till ikoner till knappar i den här guiden.

Det finns många webbplatser där du kan hitta bilder eller ikoner som du kan använda på din webbplats. Som exempel kan nämnas:

• De flesta Windows-, Mac– och mobila enheter har inbyggda emojis som kan läggas till på knappar.
• Du kan också kopiera emojis från webbplatser som Get Emoji.
• Google Fonts inkluderar ett ikonalternativ.
• Font Awesome är en populär webbplats som har gratis ikoner och betalikoner.

Om du använder en bild rekommenderas SVG- eller PNG- filtyper (transparenta). Du kan ladda upp ikonen till ditt mediabibliotek innan du lägger till knappen, eller ladda upp ikonen när du lägger till knappen (beskrivs nedan).

Du kan lägga till en ikon eller bild till en knapp på WordPress.com med hjälp av knappblocket och en ikon som du väljer. Följ de här stegen för att lägga till en ikon till en knapp.

1. Lägg till en knapp och inkludera texten och länken för din knapp.
   • Du kan också skapa en klicka för att ringa– eller klicka för att e-posta-länk.
2. Klicka på knappen och placera markören före eller efter texten.
3. Beroende på om du använder en emoji eller en bild:
   • Emoji: Använd kortkommandot för Windows eller Mac och välj emojin. Eller kopiera och klistra in emojin från en webbplats som Get Emoji.
   • Bild: I verktygsfältet som visas klickar du på nedåtpilen (Mer) och väljer alternativet ”Infogad bild”.
     • Välj din bild från ditt mediabibliotek eller ladda upp en ny bild.
     • Dubbelklicka på bilden för att ändra bildstorleken och lägga till ALT-text.
4. Klicka på Spara eller Publicera för att spara dina ändringar.

I följande exempel används kortkommandot på Mac för att lägga till en emoji. Du kan också använda Windows-kortkommandot eller kopiera och klistra in en emoji från en annan webbplats.