Il n’y a pas si longtemps depuis la sortie du nouveau Google +1 bouton 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 courte fonction 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’il ajoute automatiquement le bouton à tous vos messages.
Étape 1 : incluez le javascript
Le bouton Google Plus 1 nécessite que vous appeliez l’API Google +1 dans votre section HEAD. Pour cela, collez simplement le code suivant dans votre fichier functions.php :
function google_plus_one_script() { ?>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<?php }
add_action('wp_head', 'google_plus_one_script');
Étape 2 : Ajouter une fonction pour votre bouton
Ensuite, vous voudrez créer la fonction qui ajoute le bouton réel à vos publications. Cette fonction ne fonctionnera que sur vos publications individuelles et ajoutera le bouton juste avant la boucle principale :
fonction google_plus_one_button() {
si (est_unique()) { ?>
}
add_action(‘loop_start’, ‘google_plus_one_button’);
Étape 3 : Accrochez votre fonction en haut ou en bas de votre boucle de publication
Google +1 Code complet de la fonction WordPress
Vous trouverez ci-dessous à quoi devrait ressembler votre code complet que vous insérerez dans votre fichier functions.php ou custom_functions.php si vous utilisez un thème enfant comme Thesis.
// add google +1 script to WordPress HEAD
function google_plus_one_script() { ?>
<script type="text/javascript" src="http://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');
