Facebook är en av världens (om inte världens största) sociala medie – att ha en Facebook sida för sitt företag/blogg har nästan blivit ett måste då man kan nå ut till så pass många människor – att samla tillräckligt med följare till sin Facebook sida kan dock vara svårt, i denna artikel så visar vi er på lite olika sätt hur ni kan göra för att lägga ut en Facebook like box.

 

Alternativ 1: Lägg till en Facebook gilla-knapp manuellt via en shortcode

Detta alternativ ger dig möjligheten att lägga till en sk. shortcode för en gilla knapp på vilken sida/inlägg du vill. Det första du behöver göra är att lägga till denna koden i ditt temas fil functions.php fil

function fblike_function( $atts, $content=null ){
extract(shortcode_atts(array(
'send' => 'false',
'layout' => 'standard',
'url' => '',
'show_faces' => 'true',
'share' => 'false',
'width' => '450px',
'action' => 'like',
'font' => 'arial',
'colorscheme' => 'light',
'ref' => '',
'locale' => 'sv_SE',
'appId' => '' 
), $atts));
if($send != 'false' && $send != 'true'){$send='false';}
if($show_faces != 'false' && $show_faces != 'true'){$show_faces='true';}
if($share != 'false' && $share != 'true'){$share='true';}
if($action != 'like' && $action != 'recommend'){$action='like';}
if($layout != 'standard' && $layout != 'button_count' && $layout != 'box_count'){$layout='standard';}
$fblike_code = <<<HTML
<div id="fb-root"></div>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E(function(d%2C%20s%2C%20id)%20%7B%0A%20%20%20%20%20%20%20%20%20%20var%20js%2C%20fjs%20%3D%20d.getElementsByTagName(s)%5B0%5D%3B%0A%20%20%20%20%20%20%20%20%20%20if%20(d.getElementById(id))%20return%3B%0A%20%20%20%20%20%20%20%20%20%20js%20%3D%20d.createElement(s)%3B%20js.id%20%3D%20id%3B%0A%20%20%20%20%20%20%20%20%20%20js.src%20%3D%20%22%2F%2Fconnect.facebook.net%2F%24locale%2Fall.js%23appId%3D%24appId%26xfbml%3D1%22%3B%0A%20%20%20%20%20%20%20%20%20%20fjs.parentNode.insertBefore(js%2C%20fjs)%3B%0A%20%20%20%20%20%20%20%20%7D(document%2C%20'script'%2C%20'facebook-jssdk'))%3B%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
<fb:like ref="$ref" href="$url" width="$width" colorscheme="$colorscheme" layout="$layout" share="$share" action="$action" show_faces="$show_faces" send="$send" font="$font"></fb:like>
HTML;
return $fblike_code;
}
add_shortcode('fblike', 'fblike_function');

Efter du har lagt till denna kod så kan du få upp en gilla-box på vilket inlägg/sida du vill genom att skriva:

[fblike]

Det är viktigt att tänka på är att om du inte anger en address (url) så kommer facebook gilla knappen att dynamiskt välja att ge alla likes till sidan den befinner sig på, om du tex. vill att din knapp endast ska gilla din Facebook sida skriver du:

[fblike url='https://www.facebook.com/NamnPåDinSidaHär']

 

I exemplet nedan så visas en enkel facebook gilla box med hjälp av taggen [fblike]

Du kan konfigurera knappen genom att lägga till attribut, här nedan kommer ett par exempel:

[fblike layout='button_count']

[fblike layout='box_count']

[fblike url='https://www.facebook.com']

Om du vill att den automatiskt ska visas på alla inlägg kan du lägga in ovanstående kod i tex. single.php på lämplig plats, för att anropa en shortcode via en .php fil så behöver du använda dig av “do_shortcode”

<?php do_shortcode('[fblike]'); ?>

 

Alternativ 2: Lägg till en Facebook gilla-knapp manuellt via Facebooks egna konfigurator

För att lägga till en Facebook gilla knapp manuellt så krävs det att du lägger in kod direkt i WordPress genom att modifiera ditt temas header.php fil och ditt inlägg – du kan skapa en knapp genom att gå till Facebooks egna konfigurator och konfigurera hur den ska se ut där.

  • URL to Like: Sidan du vill att användaren ska gilla – om du vill att alla gilla går till din Facebook sida och inte hemsida så skriver du in addressen till din Facebook sida där – tex. https://www.facebook.com/Wordpressare/ om du lämnar detta fältet tomt så kommer den att dynamiskt skapa en gilla knapp för sidan den ligger på (dvs inte likes för din Facebook sida som oftast är målet)
  • Include Share button: Om du vill att de ska kunna dela inlägget är det viktigt att denna är ikryssad.
  • Layout: Lite olika variationer på gilla knappen, testa runt! 🙂
  • Width: Bredd på gilla-boxen, denna kan du lämna som tom
  • Action type: Vad som ska hända när man klickar på knappen – alternativen är “rekommendera” eller “gilla”
  • Show friends faces: Om du vill att användare ska kunna se bilder på deras vänner som gillar sidan till höger om ikonen
  • Button Size: Storlek på knappen

När du är nöjd med hur din Facebook gilla knapp för Facebook ser ut så klickar du på knappen “Get code”

Kopiera den översta koden “Step 2” och kopiera in precis efter </header> taggen i ditt temas header.php fil.

Den undre koden “Steg 3” (fråga mig inte varför de blandar svenska och engelska) lägger du in på valfritt ställe i en av dina temas temafiler där du vill att den ska visas – eller direkt under ett inlägg/sida som text.

 

Alternativ 3: Använda en färdig plugin

Detta alternativ kan vara enklast för nybörjare men ger dig oftast samtidigt fler begränsningar*.

 

WP Like Button

Denna fungerar i princip likadant som vår shortcode vi skapade innan – enda skillnaden här är lite fler alternativ som tex. att lägga in den direkt efter ett inlägg/sida.

Ladda ner WP Like Button

Facebook Like Box Widget

Om du istället vill ha en lite större Facebook gilla box som visas som en widget kan du använda denna pluginen – du hittar den efter installation under: Utseende -> Widgets

Ladda ner Facebook Like Box Widget

 

Facebook Like Box Widget