WordPress.com

Den här guiden visar hur du lägger till knappar för sociala medier i sidofältet eller sidofoten så att folk kan komma i kontakt med dig via de sociala nätverk du föredrar.

💡

Länge med detta alternativ för att lägga till en Widget för sociala ikoner kan du också välja ett tema som har en dedikerad social meny, där du kan lägga till länkar till dina konton i sociala medier, och de visas som ikoner på din webbplats. Eller så kan du använda blocket Sociala länkar för att lägga till länkar till dina sociala medienätverk var som helst på din webbplats med hjälp av dessa instruktioner.

Innehållsförteckning

Allmänna ikoner

Vi har stöd för ikoner för en mängd olika nätverk.

Klicka här för att utöka en lista över tillgängliga ikoner.

500px

Amazon

Apple

Bandcamp

Behance

CodePen

DeviantArt

Digg

Dribbble

Dropbox

E-postadresser (om din e-postadress är [email protected], skriv mailto:[email protected] i fältet Account URL)

Etsy

Flickr

Foursquare

Goodreads

Google

GitHub

Instagram

iTunes

LinkedIn

Medium

Meetup

Pinterest

Pocket

Ravelry

Reddit

RSS feeds

Skype

SlideShare

Snapchat

SoundCloud

Spotify

StumbleUpon

Tumblr

Twitch

Twitter

Vimeo

WordPress

Yelp

YouTube

💡

Ser du inte ditt sociala nätverk bland de tillgängliga ikonerna ovan?

Du kan lägga till andra sociala nätverk eller externa plattformar med hjälp av stegen i Lägg till anpassade sociala ikoner nedan.

Innehållsförteckning

Sociala ikoner Widget

Sociala ikoner Widgeten visar små grafiska bilder som är kopplade till dina konton för sociala medier, i alla widgetområden i ditt tema. När du har lagt till länkar till dina sociala profiler visas ikonerna automatiskt på din webbplats, så att dina besökare kan ansluta sig till dig via de nätverk du föredrar.

Innehållsförteckning

Lägg till widgeten Social Icons Widget

  1. Gå till Min(a) webbplats(er) → Design → Anpassa
  2. Klicka på Widgetar så ser du de olika widgetområdena som ditt tema stöder. Nästan alla teman har åtminstone ett widgetområde för sidfot. Vissa har också sidebar widgets eller andra widgetområden.
  3. Klicka på ett tillgängligt widgetområde; i det här exemplet klickar vi på widgetområdet för sidfot.
  4. Klicka på Lägg till en widget och sök efter Social eller bläddra bland de tillgängliga widgetarna för att hitta widgeten Social Icons.
Observera: Om du har installerat plugins kommer du att se (Jetpack) i slutet av titeln på widgeten Social Icons.
  1. Klicka på widgeten för att lägga till den i ditt widgetområde.
  2. Anpassa de olika visningsalternativen, inklusive widgets titel och ikonernas storlek.

  1. Lägg till länken till din första sociala nätverksprofil. Till exempel https://www.facebook.com/WordPresscom/

📌

Se till att lägga till hela länken, inklusive delen av webbplatsadressen.

  1. Klicka på alternativet Lägg till en ikon om du vill lägga till fler sociala ikoner till din widget.
Klicka på knappen Lägg till en ikon för att lägga till ytterligare en social ikon

⚠️

Varje länk som du lägger till widgeten Sociala ikoner kommer automatiskt att visas som det sociala nätverkets ikon i förhandsgranskningen i Anpassningsverktyg.

Om du inte ser den rätta ikonen för det sociala nätverket kontrollerar du att du har skrivit in rätt länk till ditt sociala nätverk, inklusive -delen av adressen.

När du har lagt till länkarna till dina sociala profiler klickar du på Publicera eller Spara ändringar för att lägga till widgeten Sociala ikoner på din webbplats.

Dina skinande nya sociala ikoner finns nu på din webbplats!

Innehållsförteckning

Omställ ikonerna

Du kan ändra ordningen på dina ikoner när som helst genom att dra och släppa dem i önskad ordning. Din nya ordning kommer att återspeglas live i förhandsgranskningsfönstret i Customizer.

Innehållsförteckning

Lägg till anpassade sociala ikoner

Färgen på de sociala ikonerna på din webbplats beror på vilket tema du använder. Om du vill lägga till ikoner med en viss färg eller om du vill ha mer kontroll över hur ikonerna visas kan du lägga till anpassade ikoner med hjälp av textwidgeten eller en anpassad HTML-widget och lite HTML. Detta är också användbart om du vill lägga till ikoner för mindre populära sociala nätverk.

Steg 1. Hitta några ikoner för sociala medier som du gillar och ladda upp dem till ditt mediebibliotek.

Du kanske redan har några ikoner som du vill använda, men om inte kan du googla ”gratis ikoner för sociala medier”. När du väljer bilder ska du vara noga med att inte bryta mot någon upphovsrätt. När du har hittat några som du gillar laddar du ner dem till din dator.

Ladda upp ikonen till ditt mediegalleri

  1. Gå till Min webbplats → Webbplats → Medier → Lägg till nytt
  2. Navigera till den plats på datorn där du sparade ikonen. bilder som du vill använda som ikoner
  3. Lad upp ikonerna till ditt mediegalleri

Hämta länken till din ikon för sociala medier

  1. Gå till Min webbplats → Webbplats → Media.
  2. Klicka på bilden av din uppladdade sociala ikon och klicka på Redigera.
  3. Under URL-alternativet klickar du på Kopiera för att spara länken till datorns urklipp.
  4. Klicka på Klar för att avsluta medieeditorn.

Steg 2. Lägg till en textwidget eller en anpassad HTML-widget och formatera knapparna med hjälp av HTML.

Lägg till den anpassade widgeten för sociala ikoner

Säkerställ att du har länken till ikonen för sociala medier som du laddade upp med hjälp av stegen ovan under Hämta länken till din ikon för sociala medier.

  1. Gå till Mina webbplatser → Design → Anpassa → Widgetar.
  2. Välj det widgetområde där du vill att dina ikoner ska visas.
  3. Klicka på Lägg till en widget och leta upp Text Widget eller Custom HTML Widget
  4. Klicka på widgetnamnet för att lägga till widgeten.

Lägg till den anpassade HTML-widgeten för sociala ikoner

Lägg till en titel till din widget om du vill, och lägg sedan till HTML till din widget enligt strukturen nedan:

  • Sätt tillbaka referenslänken: med den fullständiga länken till din sociala profil.
  • Ersätt bildlänken:
  • Ersätt bildlänken: med den fullständiga länken till din sociala profil: med länken till din uppladdade ikon för sociala medier.
  • Valfritt: justera width och height till din önskade ikonstorlek.

Upprepa HTML-koden i den befintliga text- eller HTML-widgeten för varje ikon som du vill ska visas på din webbplats.

Steg 3. När du är klar klickar du på Publicera och tittar på dina fina nya knappar för sociala medier!

Innehållsförteckning

Exempel och exempelbilder

Om du har problem med att hitta ikoner för sociala medier på webben och vill ha några exempel att använda, kan du hitta fler på denna webbplats.

Om du vill använda ikonerna i din widget skapar du först en tom textwidget från Design → Anpassa → Widgets.

Nästan kopierar du kodblocket från sidan Widgets för sociala medier för den ikonstil som du föredrar:

Innehållsförteckning

Högre frågor

Varför visas inte ikonen för sociala medier?

Om du använder en lokaliserad version av adressen till din sociala mediesida kanske ikonerna för sociala medier inte visas. Försök istället att ersätta den lokala delen av din länk till sociala medier med den globala versionen.

Exempel: https://www.pinterest.fr/yourpinterest/ ska ersättas med https://www.pinterest.com/yourpinterest/

Har du nytta av den här guiden?

Mångsidiga planer och priser

  • Gratis

    Bäst för studenter

  • Personlig

    Bäst för hobbyister

  • Premium

    Bäst för frilansare

  • Företag

    Bäst för småföretag

Välj en plan