Il n’y a pas si longtemps depuis la sortie du nouveau Google +1 et il semble que tout le monde l’ait déjà ajouté à son site Web ou à son blog WordPress. En fait, j’ai ajouté le bouton dès qu’il est devenu disponible sur Themelocal.com pour le tester. Après l’avoir ajouté à mon site, j’ai pensé que je vous montrerais comment créer une fonction courte qui ajoutera automatiquement le bouton à tous vos messages. Vous voudrez peut-être afficher d’autres boutons sociaux longtemps avec le bouton plus 1, si c’est le cas, vous pouvez facilement le faire en les ajoutant dans la même fonction.

Ajouter le bouton Google +1 à WordPress

Vous trouverez ci-dessous 3 étapes simples vous montrant comment créer une fonction de bouton Google Plus One dans votre thème afin qu’elle ajoute automatiquement le bouton à tous vos articles.

Étape 1: inclure le javascript

Le bouton Google Plus 1 nécessite que vous appeliez l’API Google +1 dans votre section HEAD. Pour ce faire, collez simplement le code suivant dans votre fichier functions.php:

function google_plus_one_script() { ?>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<?php }
add_action('wp_head', 'google_plus_one_script');

Étape 2: ajoutez une fonction à votre bouton

Ensuite, vous voudrez créer la fonction qui ajoute le bouton réel à vos messages. Cette fonction ne fonctionnera que sur vos messages uniques et ajoutera le bouton juste avant la boucle principale:

function google_plus_one_button () {
if (is_single ()) {?>

}
add_action (‘loop_start’, ‘google_plus_one_button’);

Étape 3: Accrochez votre fonction en haut ou en bas de votre boucle de publication

Code complet de la fonction WordPress Google +1

Vous trouverez ci-dessous à quoi devrait ressembler votre code complet que vous allez insérer dans votre fichier functions.php ou custom_functions.php si vous utilisez un thème enfant tel que Thesis.

// add google +1 script to WordPress HEAD
function google_plus_one_script() { ?>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<?php }
add_action('wp_head', 'google_plus_one_script');

// add button function
function google_plus_one_button() {
 if (is_single()) { ?>
 <div id="plus-one-button"><g:plusone size="medium"></g:plusone></div>
 <?php }
 }

// attach function to hook
add_action('loop_start', 'google_plus_one_button');

Share: