Jak dodać przycisk Tumblr Share do strony w WordPress

Jak dodać przycisk Tumblr Share do strony w WordPress

Na twojej stronie może znaleźć się przycisk udostępniania postu na Facebooka, Twittera, LinkedIna. Jeden z uczestników tego kursu zapytał o przycisk udostępniania i przekazywania na Tumblr. Może mikroblogi na Tumblr nie są aż tak bardzo popularne w Polsce, to jednak cieszą się one całkiem sporym zainteresowaniem.

Platforma Tumblr już jakiś czas temu uruchomiła swój własny przycisk, nazwijmy go przycisk akcji 🙂 Sensem tego przycisku jest to, aby przebić się przez kilkanaście milionów blogów Tumblr i promować na nich swoje treści. Taki przycisk akcji, pozwala czytelnikom podzielić się twoim postem na mikroblogach Tumblr. W tym artykule pokażę, jak dodać przycisk Tumblr Share do strony w WordPress

Najpierw otwórz plik footer.php i wklej ten kod tuż nad tagiem </ body>:

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

Jeśli używasz framework, i/lub nie masz dostępu do pliku footer.php, dodaj poniższy kod do pliku functions.php :

[php]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');[/php]

Gdy już to zrobisz, zobacz w jaki sposób można łatwo dodać kod w twoich postach:

Wersja podstawowa

Aby dodać podstawową wersję skryptu, który będzie wystarczający dla większości użytkowników, wszystko co musisz zrobić, to wklej ten kod, w jednym z następujących plików (single.php, index.php, page.php, loop.php, itp):

[php]<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>[/php]

Możesz skorzystać z różnych wariacji przycisku, które znajdują się na oficjalnej stronie Tumblr. Można również wybrać zdjęcie, którego chcesz użyć, a następnie wkleić kod.

Wersja zaawansowana

Podczas dodawania przycisku w wersji podstawowej, na mojej stronie nie występowały żadne błędy, jednak na stronie mojego klienta był problem z tytułami oraz opisami. Wszystko zależy od szablonu, jakiego używasz.
Można też zastosować wersję dla zaawansowanych użytkowników. Poniżej przykład jak dodać przycisk akcji w pliku loop.php :

[php]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>
}[/php]

Aby dowiedzieć się więcej na temat modyfikacji przycisku akcji przejdź do strony Share Button Documentation.

Można również skorzystać z automatycznych rozwiązań i zainstalować na swoim blogu wtyczkę Simple Social Share, która może ma swoje plusy i minusy, ale niewątpliwie, bardzo ułatwia sprawę, nietechnicznym osobom 🙂