FB Like Tweet Google Plus

Facebook Like, Tweet og Google+1 knapper til WordPress

Du får lige en hurtig guide til, hvordan du selv kan indsætte Facebook Like, Facebook Send, Tweet, Følg på Twitter og Google +1 knapper på din WordPress hjemmeside.

Det er bedst at indsætte kodestumperne fra Facebook, Twitter og Google manuelt, da de mange plugins, der også kan løse opgaven for dig, ofte fylder dit WordPress site med overflødig kode.

Denne guide til indsættelse af sociale knapper på dine WordPress sider og indlæg forudsætter, at du allerede har styr på, hvordan du redigerer dit temas .PHP filer.

Husk at tage back-up af dine filer, før du begynder at pille.

Jeg tager intet ansvar for de ulykker, som min guide eventuelt kan forvolde.

Slutresultatet skulle gerne så omtrent sådan her ud:

Indsættelse af Social Share Knapper i WordPress

Sådan indsætter du Facebook, Twitter og Google knapperne

1) Find din STYLE.CSS fil og indsæt nedenstående stump kode

ul.like-buttons{
float: left;
list-style: none;
margin: 5px 0 20px 0;
padding: 0;
width: 100%;
}

ul.like-buttons li{
display: block;
float: left;
margin-right: 15px;
}
li.twitter-like{
margin-top: 2px;
}
li.fb-like{
margin-top: 3px;
}

2) Find dit tema HEADER.PHP fil og indsæt nedenstående stump kode lige før </HEAD> tagget

<!-- Place this tag in your head or just before your close body tag. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'da'}
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/da_DK/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

3) Find de konkrete indlægs- og sideskabeloner, hvor du ønsker at få knapperne vist (afhængig af dit tema kan filerne eksempelvis hedde PAGE.PHP, SINGLE.PHP, PAGE-WITH-SIDEBAR.PHP, osv) og indsæt koden, som jeg viser nedenfor.

Præcis hvor koden skal indsættes må du eksperimentere dig frem til, et godt bud kunne være lige efter <?php the_content(); ?>, som du formodentlig kan finde et eller andet sted i hver fil.


<ul class="like-buttons">
<li class="fb-like">
<div class="fb-like" data-send="true" data-layout="button_count" data-width="300" data-show-faces="false"></div>
</li>
<li class="twitter-like">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<a href="https://twitter.com/DitTwitterHandle" class="twitter-follow-button" data-show-count="true" data-lang="da" data-show-screen-name="false">Følg @DitTwitterHandle</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</li>
<li class="g-plus-one">
<g:plusone href="<?php the_permalink(); ?>" data-size="small"></g:plusone>
</li>
</ul>

(Husk at ændre DitTwitterHandle til din egen Twitter URL)

Ovenstående kode skal indsættes en gang på hver af de forskellige sideskabeloner og Share/Like knapperne vil så automatisk blive vist på alle sider eller indlæg, som anvender den pågældende skabelon.

Vises knapperne ikke?

Hvis min kortfattede guide ikke gav dig nye flotte Facebook, Twitter og Google+ knapper på din WordPress hjemmeside, så er du velkommen til at forsøge dig med et spørgsmål i kommentarfeltet nedenfor.

Alternativt så tag fat i folk, som (modsat mig) rent faktisk har styr på WordPress.

Jeg kan i flæng nævne Uffe Fey, Lars Bachmann, Lars D. Rasmussen, Steffen Daleng og Andreas Linde.

Vil du tjene flere penge?

Få min gratis nyheds-mail med guldkorn om e-handel og online markedsføring.

One Response to “Facebook Like, Tweet og Google+1 knapper til WordPress”

  1. Mark Buskbjerg 08/08/2013 at 04:21 #

    Super fin guide. Jeg er virkelig også træt af den undelige strøm af plugins, der partout skal indeholde floating bars, popups, en milliard custom muligheder.

    Det her er til at arbejd’ mæ’!

    Jeg arbejder stort set altid i Genesis framework, så skulle lige lure, hvordan jeg kunne ‘hooke’ det ind i mit child theme, men da det først kørte, så blev det virkelig smart. (altså, så smart, at jeg nu har siddet oppe til klokken næsten 6 om natten for at lære det og lege med det) Nu kan jeg hooke felterne ind alle mulige steder ved at ændre en lille linje kode rundt omkring. Lækkert.
    Og så får du også æren for, at det endelig lykkedes mig at finde en vej rundt omkring at få en aktiv LinkedIn follow knap på hjemmesiden. Det har vi ønsket os længe, og nu ‘hooker’ vi den ind, lige hvor vi har lyst 😉