Länka sociala medier med ikoner

Läs hur du enkelt infogar länkar till dina sociala medier kanaler

Skapa en ikon

Med hjälp av Insert font awesome knappen i en textmoduls editor kan du skapa länkar till era olika sociala medie-kanaler. 

  • Klicka på Insert font awesome funktionen - inringad med röd cirkel på bilden under denna text.

Då du klickat på Insert Font Awesome öppnas ett nytt fönster: 

 

Det finns många olika typer av ikoner att välja bland. Också ikoner som inte har med sociala medier att göra. I det här fallet vill vi sätta in en symbol för LinkedIn. Till exempel därför att vi som förening också producerar innehåll på LinkedIn och vi vill att besökare till vår sajt enkelt ska kunna hitta oss på LinkedIn. 

Det går bra att scrolla genom hela listan av ikoner. Det går också att i sökfältet skriva och söka fram den rätta ikonen. I det här exemplet har vi skrivit lin i sökfältet (övre röda pilen) och då söker Digistoff fram ikoner som lin i sitt namn. Vi väljer, som exempel, symbolen LinkedIn Square nu (undre röda pilen). 
Klicka på LinkedIn Square och därefter på den gröna OK-knappen. 

Nu finns en symbol, för LinkedIn insatt i textmodulen: 

Nu blev knappen relativt liten i storlek och det går att korrigera. Enklast är att dubbelklicka på symbolen för att öppna Insert Font Awesome igen:

I fältet Size (röd pil ovan) går det att ändra storleken på symbolen som ska sättas in. Detta går också bra att göra redan i föregående steg. Men nu görs justeringen efter att symbolen satts in på sajten då det kunde konstateras att den var för liten. I det här fallet skriver vi in 100 i Size-fältet och därefter klickar vi på gröna OK-knappen. 

Nu syns symbolen större. Då du är nöjd med storleken på själva symbolen, klicka på den blå Spara-knappen. 

Skapa en länk för ikonen/symbolen

Klicka på symbolen/ikonen och klicka på länk funktionen

Välj destination - Skriv in destinationen i det tomma fältet. Länktyp bör vara URL och protokollet "http://".
I det här exemplet väljer vi att klistra in URL:en till Webbhusets LinkedIn konto. 

Före du klickar på OK, kom ihåg att du i detta skede också kan bestämma hur länken öppnas. Länken kan öppnas från ny flik eller i samma fönster. Det styrs från knappen Mål och du kan läsa mer om detta i artikeln om att sätta in länkar i Digistoff. Den artikeln hittar du genom att klicka på följande länk

Med länken insatt, Mål valt så klicka på den gröna OK-knappen.

Klicka därefter på den blå Spara-knappen för att spara sidändringarna. Testa länken så att den fungerar, också gärna i en annan browser. 

Sätt in texter

I denna guide lär du dig sätta in texter, i textmodulen, på din hemsida.Läs mera »

Sätt in bilder

Med hjälp av textmodulen kan du sätta in bilderLäs mera »

Länka till Dropbox filer

Fungerar även med Google Drive eller liknande molnbaserade lagringstjänsterLäs mera »

Länka till en PDF

Läs hur du kan skapa behändiga länkar till filer av olika slagLäs mera »

Bädda in media

Klistra in en länk för att bädda in t.ex. YouTube, Vimeo eller Soundcloud.Läs mera »

Bädda in Facebook

Visa inlägg från en Facebook-sida på din hemsidaLäs mera »

Bädda in objekt

Denna manual visar hur man bäddar in ett objekt i en textmodulLäs mera »