Support » Tillägg » Koppling för Facebook och Instagram

  • Hej!
    Är det möjligt att lägga till ”knappar” på hemsidan för att mina läsare ska komma direkt till min Facebooksida och Instagram. Alltså inte bara ”gilla-knappar” utan en länk direkt till sidan/kontot?
    Tacksam för all hjälp jag kan få!
    /Kristina

    Sidan jag behöver hjälp med: [logga in för att kunna se länken]

Visar 1 svar - 1 till 5 (av 5 totalt)
  • Moderator Tor-Bjorn Fjellner

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Hej,
    Det verkar som om du helt enkelt vill ha en vanlig länk, i form av en knapp.

    Det kan du ordna t.ex. genom att lägga till en html-widget (ska finnas i WordPress 4.8.2, spm du ju använder).
    Där lägger du in en helt vanlig länk, t.ex. med en bild som du själv ordnar till, laddar upp till mediabiblioteket och sedan sparar URL:en till bilden. Det kan t.ex. se ut så här:

    <a href="https://www.facebook.com/minfacebooksida"><img src="...media/facebook-knapp.jpg" alt="Vår sida på facebook" /></a><br />
    <a href="https://www.instagram.com/mitt-instagram"><img src="...media/instagram-knapp.jpg" alt="Vår sida på Instagram" /></a>

    Tack för ditt svar!
    Jag hittar ett ställe där det står ”Anpassad HTML”. Går jag in där får jag upp en ruta med ”Titel” och ”Innehåll” – har jag hamnat rätt då, är det där jag ska lägga in informationen? Och var ska jag spara URL:en?

    Moderator Tor-Bjorn Fjellner

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Ja. Sedan behöver du placera den widgeten i rätt widgetområde för att den ska visas. (Och det blir ja samma widgetområde där du redan har menyn, sök och arkiv.)

    Ok, då är jag i alla fall på rätt spår! Men jag är inte smart nog att lösa detta trots allt så här kommer jag med följdfrågan: vilken information lägger jag var?

    Väldigt tacksam att du tar dig tid att hjälpa mig!

    Moderator Tor-Bjorn Fjellner

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    För Facebook:

    1. Med hjälp av google hittar du snart sidan https://sv-se.facebookbrand.com/assets/hitta-oss-pa-facebook-2 där du kan tanka hem rätt logga. Den kommer i en zip-fil som du packar upp.
    2. Sedan kollar vi bredden på din sidopanel ”Primary sidebar”, nämligen 162 pixlar. (Du kanske kan hitta den informationen någonstans i inställningarna. Jag hittar detta med hjälp av kommandot ”Inspektekra detta” i Firefox.)
    3. I Zip-filen finns samma logga i en mängd olika format. .ai kan man använda om man har Adobe illustrator. Men här kan vi i stället öppna mappen .png och helt enkelt använda bilden som är 144 punkter bred, FB-FindUsonFacebook-online-144_sv_SE.png.
    4. Ladda upp denna bild till ditt mediabebliotek.
    5. När bilden är uppladdat till hittar du dess URL inne i mediabiblioteket. Spara denna adress i en textfil. Du kommer att behöva den.
    6. Besök er sida på Facebook och kopiera dess adress till en textfil.
    7. Beroende på hur du navigerade till Facebook-sidan kan det finnas lite ”skräp” efter själva adressen, det är något Facebook använder för att kunna veta var någonstans på föregående sida du klickade på adressen. Om adressen innehåller frågetecken kan du lugnt radera frågetecknet och allt som kommer efter. (Men kolla att du fortfarande kommer till rätt sida med adressen ifråga).
    8. I admin-panelen går du till Utseende – Widgetar.
    9. Se till att rutan för ”Primär sidopanel” är expanderad. Du kan eventuellt behöva klicka på en liten pil på dess högra sida.
    10. Dra med musen från ”Anpassad html” till rutan för ”Primär sidopanel”.
    11. Döp eventuellt denna nya widget till ”Sociala nät”
    12. I widgetens innehåll skriver du in din html-kod (se nedan) och sparar.
    13. Du kan ändra ordningen mellan olika widgetar genom att ”dra” i deras rubrikrad. Det går lite enklare om du ser till att widgetarna är ”ihopfällda”

    Koden att lägga in hittar du i mitt första svar ovan, men du behöver förstås anpassa koden med hjälp av de länkar du sparat i din textfil.
    Strukturen för en länk i html är följande:
    <a href="adress-dit-länken-pekar">(klickbar text)</a> Vinkelparenteserna markerar att detta är html-taggar. ”a” är taggtypen för länkar (anchor=ankare). Parametern href anger vart länken ska peka. Se upp om du försöker skriva detta i exempelvis Word. Du måste nämligen använda raka citationstecken och inte de typografiska, som Word envisas med att automatiskt byta in.

    Taggen för bild, som vi lägger in mellan start- och sluttagg för länken, har följande grundläggande struktur:
    <img src="URL-till-din-bild" alt="alternativ text som visas om bilden av någon anledning inte visas" /> (Man kan ha fler parametrar, men dessa är de viktigaste.)

    För Instagram blir det en aning svårare. Deras officiella logga innehåller nämligen ingen text, och du kan behöva trolla lite med bilden för att få rätt färg. Du hittar deras instruktioner och kan ladda ned loggan från https://en.instagram-brand.com/assets/glyph-icon

    Lycka till! Berätta hur det går!

Visar 1 svar - 1 till 5 (av 5 totalt)
  • Du måste vara inloggad för att svara på detta ämne.