wordpress-logo-notext-rgb

Dodajemy na szybko Google +1 Button jako plugin do WordPress

Aktualizacja

Zobacz zaktualizowaną wersję plugina Google +1 Button dla WordPressa. Najświeższy kod dostępny jest poprzez repozytorium wtyczki na GitHub.

Czym jest Google +1 Button powinien wyjaśnić powyższy filmik.

„Przycisk +1” możemy umieścić poprzez wkejenie kodu wygenerowanego na specjalnej stronie Google. Jeżeli nie chcemy jednak mieszać w plikach skórki, możemy stworzyć mały plugin i dostosować go do naszych wymagań.

Poniżej przykład zastosowany na blogu Fanatical Code – button widać nad i pod treścią pojedynczego wpisu (nie jest widoczny na stronach, spisach, tagach itp.), po prawej stronie.

<?php
/*
Plugin Name: FC Google Plus One Button
Description: Add Google +1 to your site
Version: 1.0
Author: Fanatical Code - Kamil Skrzypiński
Author URI: http://www.fanaticalcode.com/

*/

function fc_google_plus_one_button($content)
{
  $button = '<div class="google_plus_one" style="float: right;"><g:plusone></g:plusone></div>';
  if (is_single())
  {
    $content = $button.$content.$button;
    return $content;
  }
  else return $content;
}
add_filter('the_content', 'fc_google_plus_one_button');

function google_plusone_script() {
	wp_enqueue_script('fc_google_plus_one_button', 'https://apis.google.com/js/plusone.js', false, null, true);
}
add_action ('wp_enqueue_scripts', 'google_plusone_script');

Wygląd i zachowanie „przycisku +1” można kontrolować poprzez zmienną $button – odsyłam do API Google +1 Button.

Ściągnij plugin „FC Google Plus One Button”

Wtyczkę instalujemy np. przez panel administracyjny WordPress: Wtyczki -> Dodaj nową -> Wyślij na serwer.

Autor

Kamil Skrzypiński

Fullstack developer, programista aplikacji internetowych i mobilnych. Zna się m.in. na Ruby on Rails, JavaScript, Objective-C, PHP, HTML5 i CSS3. Instalacja i konfiguracja serwera z mniej i bardziej popularnymi usługami, to też dla niego nie problem. Niegdyś zapalony radiowiec - głównie od strony techniczno-informatycznej.

12 myśli na temat “Dodajemy na szybko Google +1 Button jako plugin do WordPress”

  1. A na mojej skórce niestety nie działa … zainstalowałem narazie coś innego ale działa tylko pod każdym wpisem a chciałbym aby dzialał na pierwszej stronie …
    pozdrawiam

    1. Zakomentuj lub usuń 14, 18 i 19 linię w pluginie (mówię o listingu powyżej w treści wpisu) i powinno Ci wyświetlać +1 wszędzie nad i pod wpisami, łącznie z listami/indeksami i stroną główną.

  2. Zainstalowałam wtyczkę, ale nie wiem jak dostosować ją tak, aby przycisk pojawiał się na stronie głównej. Czy powinnam też w kodzie wtyczki dodać odnośnik bezpośrednio do mojego konta w google+?

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *