SÄ hÀr lÀgger du till Tumblr Share-knappen i WordPress

SÄ hÀr lÀgger du till Tumblr Share-knappen i WordPress

Precis som Facebooks Gilla-knapp, Skicka-knapp, Twitters Retweet-knapp, LinkedIn-delningsknapp, Tumblr, en mikrobloggtjĂ€nst, har lanserat en helt egen delningsknapp. Hela poĂ€ngen med denna knapp Ă€r att göra det enkelt för mer Ă€n 16 miljoner Tumblr-bloggare att marknadsföra ditt innehĂ„ll pĂ„ sina bloggar. Denna delningswidget lĂ„ter Tumblr-anvĂ€ndare enkelt ”reblogga” innehĂ„llet som finns över hela nĂ€tet snarare Ă€n bara pĂ„ Tumblr. Detta reblog-alternativ Ă€r en av de viktigaste funktionerna bakom den enorma sociala aspekten av Tumblr. I den hĂ€r artikeln visar vi dig hur du lĂ€gger till Tumblr Share-knappen i WordPress.

Tidigare, nĂ€r vi skrev om WordPress Post Formats som lade till mikrobloggingsfunktioner i WordPress, utarbetade vi vidare hur detta faktiskt kan tillĂ„ta WordPress att ersĂ€tta Tumblr för de anvĂ€ndare som vill ha mer kontroll. Vi blev bashade via e-post frĂ„n olika anvĂ€ndare som sa att “WordPress lĂ„ter dig inte ha den sociala aspekten som Tumblr gör eftersom den har en grupp bloggare som bloggar om din sak”. NĂ„vĂ€l, nu kan du ha den funktionen i dina WordPress-inlĂ€gg.

Öppna först din footer.php-fil och klistra in den hĂ€r koden precis ovanför taggen :

<script type="text/javascript" src="https://platform.tumblr.com/v1/share.js"></script>

Om du anvÀnder ett ramverk och du inte har tillgÄng till footer.php-filen, lÀgg sedan till den hÀr koden i din functions.php-fil eller omrÄdet med anpassade funktioner:

function insert_tumblr_script() {
echo '<script type="text/javascript" src="https://platform.tumblr.com/v1/share.js"></script>';
}
add_action('wp_footer', 'insert_tumblr_script');

NÀr du har gjort det kan vi ta en titt pÄ hur du kan lÀgga till koden i dina inlÀgg:

Grundversion

För att lÀgga till den mycket grundlÀggande versionen av skriptet som kommer att rÀcka för de flesta anvÀndare Àr allt du behöver göra att klistra in den hÀr koden dÀr du vill i din slinga som finns i (single.php, index.php, page.php, loop .php etc):

<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('https://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>

Du kan ha olika versioner av delningsbilden som finns pÄ den officiella Tumblr Button-sidan. Du kan i princip vÀlja den bild du vill ha och sedan klistra in koden frÄn grunderna. Alternativt kan du ocksÄ lÀgga till din egen bild för delningen genom att ersÀtta bakgrunden: css i koden ovan.

Avancerad anpassning

Nu som du vet med WordPress Post Formats ser vi nu utgĂ„vor av Micro-Blogging Teman för WordPress. Tja, i grundversionen för Tumblr-knappen som vi diskuterade ovan drar det innehĂ„llet dynamiskt. Detta kan orsaka fel som fel titel visas, fel beskrivning etc. Även i grundversionen vĂ€ljer det inte formatet (lĂ€nk, text, bild, offert, video etc) för Tumblr-bloggaren till skillnad frĂ„n Re-Blog-funktionen som Ă€r anvĂ€nds i Tumblr-communityn.

SÄ Tumblr-delningsknappen sÄg till inbyggda avancerade funktioner som lÄter dig ange formatet för ditt inlÀgg som standard, ange den förfyllda beskrivningen, ett specifikt dragoffert (komplett med tillskrivning) och till och med specifika stycken frÄn en artikelsida. SÄ hÀr Àr ett exempel pÄ hur du kommer att lÀgga till i din loop.php-fil med hjÀlp av postformaten i WordPress:


if ( has_post_format( 'link' ) {
?>
<a href="http://www.tumblr.com/share/link?url=<?php echo urlencode(get_permalink()) ?>&name=<?php echo urlencode(get_the_title()) ?>&description=<?php echo urlencode(the_excerpt()) ?>" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('https://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
<?php 
} else if (has_post_format('quote')) { ?>
<a href="http://www.tumblr.com/share/quote?quote=<?php echo urlencode(get_the_content()) ?>&source=<?php echo urlencode(get_the_title()) ?>" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('https://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
<?php 
}else {
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('https://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
}

För att lÀsa mer om anpassningar, se den officiella sidan för tumblerknappar.

Kommer du att lÀgga till den hÀr knappen pÄ din WordPress-webbplats?