WordPress Francophone

Cainzer · 27-01-2012 21:15:04

Bonjour,

Ma configuration WP actuelle
- Version de WordPress :
- Version de PHP/MySQL :
- Thème utilisé :
- Extensions en place :
- Nom de l'hebergeur : OVH
- Adresse du site : http://4-games.fr

Problème(s) rencontré(s) : Bien le bonjour à tous.
Tout d'abord je vous prie de m'excuser puisque j'ai déjà vu les longues page de messages sur ce forum qui traitent de ce sujet, et comme si cela ne suffisait pas, j'ai aussi vu la montagne de réponses trouvées par Google. Seulement voilà, malgré tous les tutoriels que j'ai essayé je ne parviens pas à faire ce que je veux, c'est à dire mettre un bouton "j'aime" de facebook sur mes articles, de sorte que mes visiteurs puissent aimer un article et le partager sur leur mur. Pourriez vous s'il vous plait m'expliquer avec grande précision les étapes à suivre pour atteindre mon but ?
Je précise que je ne veux pas installé de plugins, sauf si bien sûr il n'y a aucun autre moyen, mais comme je sais qu'il y en a un, je préfère plutôt abandonner l'idée du plugin.
Je vous remercie d'avance pour vos futurs réponses.

dreamdisney · 28-01-2012 02:45:58

Je suis désolé de te dire sa mais l'idée du plugin pour toi sera peut être mieux car tu peux faire beaucoup de chose juste avec un plugin tu as socialize et le Jetpack ( d'ailleurs le plugin du Jetpack wordpress est fort sympa )

tabris · 28-01-2012 03:06:33

Il faut récupérer le code d'intégration du bouton sur facebook, et l'ajouter dans le fichier single.php de ton thème, à l'endroit où tu souhaites le voir apparaitre.

Cainzer · 28-01-2012 20:37:39

tabris a écrit:
Il faut récupérer le code d'intégration du bouton sur facebook, et l'ajouter dans le fichier single.php de ton thème, à l'endroit où tu souhaites le voir apparaitre.

C'est une des techniques que j'ai essayé mainte et mainte fois mais elle n'a jamais fonctionné. Cependant, peut-être serait-ce un problème du au lien (parmalink).

Sinon l'idée du plugin ne me plait vraiment pas. En fait j'aime bien le faire moi même et le plugin c'est du tout fait. Sans compter le fait qu'il faille le mettre à jour tout le temps...

Merci pour vos réponses, j'espère en avoir de nouvelles smile

noaneo · 28-01-2012 22:54:55

le souci c'est que le jour où le thème aura une mise à jour,le bouton va disparaitre,j'ai préféré le plugin du coup..

Cainzer · 29-01-2012 11:58:39

Je ne met jamais à jour mon thème (thème que j'ai créé), donc de ce point de vue là c'est pas un problème.

noaneo · 29-01-2012 12:08:58

donc vous êtes codeur?
votre thème ,vous ne lui apportez pas les derniers fonctions de wordpress comme menu personnalisé ,image à la une?

vous avez pris le code du bouton 'j'aime' ici?
https://developers.facebook.com/docs/re … gins/like/

Cainzer · 29-01-2012 12:10:40

Oui je suis codeur.
Et non je n'apporte pas à mon thème les dernières fonctionnalités de wordpress puisqu'elles ne me sont pas vraiment utiles tongue

Oui je l'ai pris ici.

Merci.

noaneo · 29-01-2012 12:14:07

pas utile les dernières fonctions ? c'est une question de point de vue,menu personnalisée simplifie la vie pour ranger selon son humeur l'ordre des liens dans le menu de navigation.
Image à la une permet de mettre une image qui illustre un article sans l'intégrer dans l'article.

si vous avez pris le code,vous n'avez pas plus qu'à le mettre dans single.php à votre convenance?

Dernière modification par rvzen (29-01-2012 12:14:26)

Cainzer · 29-01-2012 12:20:31

Bon alors à la rigueur peut être que c'est utile. Mais faut dire que je ne suis pas tout le temps l'actu wordpress, surtout en ce qui concerne l'image.
Mais bon pour le menu j'ai toujours préféré le faire moi même smile

Pourriez vous s'il vous plais m'expliquer quel lien faut il mettre dans "url to like". J'avais essayé plusieurs combinaisons avec permalink mais impossible de trouver la bonne.
Merci d'avance.

noaneo · 29-01-2012 20:01:56

"url to like" : adresse de votre site donc http://4-games.fr/

Cainzer · 29-01-2012 20:51:45

D'accord, mais ça c'est si je veux que mes visiteurs aiment la page d'accueil de mon site, je n'ai peut être pas été assez précis. Je voudrais par exemple que mes visiteurs puissent aimer par exemple cet article http://4-games.fr/?p=3107 ou n'importe quel autre. Si je met l'adresse de mon site, le visiteur aimera le lien http://4-games.fr et non http://4-games.fr/?p=3107.
Ai-je été clair parce que j'avoue que ça peut paraitre confus ?

noaneo · 30-01-2012 12:20:50

pour moi il suffit de mettre le code dans single.php pour partager les articles, pour moi cela ne se limite pas à ce que vous dites,partager la page d'accueil.

si cela ne fonctionne pas alors je suis désolé,je ne sais pas.

Dernière modification par rvzen (30-01-2012 17:37:48)

Cainzer · 31-01-2012 19:19:43

En même temps il faut dire que je n'avais jamais vraiment essayé... c'est pourquoi je suis parti explorer ça, mais me voila confronté à un autre problème. J'intègre le code que facebook me dit de mettre comme il le faut mais cette fois rien n'apparait ! Avant quand je mettais le code, même s'il n'était pas bon le bouton facebook apparaissait mais là rien.
Serait-ce parce que le HTML 5 ne serait pas compatible avec le thème de mon site fait il y a deux ans ?
J'en doute puisque j'ai aussi essayé l'onglet a côté de HTML 5 et ça ne fonctionnait pas non plus...

noaneo · 31-01-2012 20:00:54

il y a 2 codes ,1 à mettre dans header.php après la balise <body>
et l'autre dans single.php

Code: html

<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>

justement pour le faire apparaitre.

vous avez fait comme ça ?

Cainzer · 31-01-2012 22:10:25

Waou ça marche parfaitement. Par contre comme je le soupçonnais, si je mettais directement la lien de mon site ça ne fonctionnait pas. Il a fallu mettre

Code: html

<?php the_permalink(); ?>

pour que ça fonctionne.
Merci beaucoup à vous je suis absolument ravi, et je me demande aussi comment j'ai bien pu faire pour ne pas réussir avant en ayant fait la même méthode.
Pour info, j'avais compris la balise </body> au lieu de <body>, c'est pour ça que ça ne fonctionnait pas.

J'aurais une ultime question si cela ne vous dérange pas. Lorsque quelqu'un aime l'article l'image qui est affichée sur le lien facebook est une image après l'article, et non une image du contenu de l'article. En fait il me prend l'image tout en bas à droite du "TOP". Comment faire pour qu'il me prenne la première image de mon article ?
Merci d'avance.

PS: sans cliquer sur j'aime, vous n'avez qu'à appuyer sur "recommander" vous comprendrez tout de suite si c'était un peu confus.

Dernière modification par Cainzer (01-02-2012 16:21:12)

noaneo · 01-02-2012 11:02:09

ravi pour vous,il faut ajouter les balises meta open graph
http://www.geekpress.fr/wordpress/tutor … press-593/

Cainzer · 01-02-2012 18:59:43

Merci pour votre lien, je l'avais déjà visité une fois sans succès, mais il faut dire qu'à ce moment là je n'avais même pas réussi à mettre en place la barre... bref, je ne comprend pas très bien le tuto. Mais voici comment j'ai procédé :

Mettre le premier code de cette façon, en dessous de "<html xmlns="http://www.w3.org/1999/xhtml">"

Code: html

<html xmlns="http://www.w3.org/1999/xhtml">
<html <?php language_attributes(); ?>>

Ensuite mettre le second code, c'est à dire celui-ci

Code: html

// Ajout d'Open Graph pour le Doctype
function add_opengraph_doctype( $output ) {
		return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
	}
add_filter('language_attributes', 'add_opengraph_doctype');

dans le fichier functions.php.

Puis insérer encore un autre code dans functions.php

Code: html

function insert_opengraph_in_head() {
}
add_action( 'wp_head', 'insert_opengraph_in_head', 5 );

.

Pour ce qui est de la dernière étape, je ne vois vraiment pas comment procédé. En mettant le gros dernier bout de code dans le header ça ne fonctionne pas... c'est peut être moi, mais je trouve que ce tutoriel manque gravement de précision.

Pourriez vous m'aider à réaliser le tuto correctement s'il vous plait ? Merci d'avance !

noaneo · 01-02-2012 20:10:24

dans header.php il n'y a que

Code: html

<html <?php language_attributes(); ?>>

à rajouter si on ne l'a pas dans son thème,je vous mets en exemple le code du header.php du thème Arras

Code: html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

tout le reste du code se met dans functions.php,

Code: html

// Ajout d'Open Graph pour le Doctype
function add_opengraph_doctype( $output ) {
		return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
	}
add_filter('language_attributes', 'add_opengraph_doctype');

function insert_opengraph_in_head() {
         global $post;
	if ( !is_singular()) // On vérifie si nous somme dans un article ou une page
		return;
        echo '<meta property="og:title" content="' . get_the_title() . '"/>';
        echo '<meta property="og:type" content="article"/>';
        echo '<meta property="og:url" content="' . get_permalink() . '"/>';
        echo '<meta property="og:description" content="' .strip_tags(get_the_excerpt()) . '" />';
        echo '<meta property="og:site_name" content="NOM DE MON SITE"/>';
	$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ) );
	echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
        echo '<link rel="image_src" href="'. esc_attr( $thumbnail_src[0] ) . '" />';
}
add_action( 'wp_head', 'insert_opengraph_in_head', 5 );

pensez à mettre le nom de votre site à cette ligne

Code: html

echo '<meta property="og:site_name" content="NOM DE MON SITE"/>

dans l'article,quand il écrit
"Ajout des balises meta Open Graph dans le header"
il ne parle du fichier mais des codes qui vont apparaitre dans header après en regardant le code source de votre page.

Cainzer · 01-02-2012 20:28:22

Voilà j'ai fait tout comme vous me l'avez dit, cette fois il me dit qu'il y a une erreur à la ligne 104 de mon fichier functions.php. En gros il s'agit de cette ligne là :

Code: html

$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ) );

noaneo · 02-02-2012 11:26:48

je n'ai fait que reprendre le code de geekpress,mais elle disait quoi exactement l'erreur?

ailleurs je vois
http://www.wpbeginner.com/wp-themes/how … ss-themes/

Code: html

$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );

sinon vous aviez vu que là https://developers.facebook.com/docs/re … gins/like/
il y a une étape 2 "Step 2 - Get Open Graph Tags" avec meta open graph

Dernière modification par noaneo (02-02-2012 17:06:49)

Cainzer · 02-02-2012 20:46:29

Voilà ce que dit le code d'erreur.

Code: html

Fatal error: Call to undefined function get_post_thumbnail_id() in /homez.228/gamesk/www/wp-content/themes/4-Games/functions.php on line 104

J'ai réessayé avec le code que vous m'avez proposé mais il me dit toujours la même erreur.

Non en effet je n'avais pas vu. Je m'y suis mis et voilà comment j'ai rempli mon code dans le head :

Code: html

<meta property="og:title" content="<?php the_title(); ?>" />
<meta property="og:type" content="website" />
<meta property="og:url" content="<?php the_permalink(); ?>" />
<meta property="og:image" content="http://img15.hostingpics.net/pics/314074pourcreasdupccopie2.png" />
<meta property="og:site_name" content="4-Games.fr" />
<meta property="fb:admins" content="code qu'ils m'ont donné" />

Mais ça ne change pas grand chose...

Dernière modification par Cainzer (02-02-2012 20:47:41)

noaneo · 03-02-2012 11:18:27

je n'ai pas proposé de code mais juste mis ici le code que l'on trouve sur l'article de geekpress.
il n'y a qu'une ligne à modifier ,celle avec l'url de votre site avec le code de geekpress.
vous avez bien mis le code dans functions.php et non dans header.php ?

en regardant le code source de votre site,pas de changement

Code: html

<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">

vous n'avez pas mis <html <?php language_attributes(); ?>> ???

Code: html

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

même si le reste ne va pas pour l’instant,on peut laisser ce code.

Dernière modification par noaneo (03-02-2012 11:21:36)

Tche · 03-02-2012 11:50:59

Salut à tous,
J'ai le même souci avec le bouton like mais je suis pas "codeur"

J'ai mis:
<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>
dans le header après la balise <body>

et <div class="fb-like" data-href="http://www.allwewish.net" data-send="true" data-width="450" data-show-faces="true"></div>
dans mon modèle d'article là où je voulais faire apparaître le bouton (marge de droite)... Pensant remplacer après coup l'adresse du site par <?php the_permalink(); ?>

Mais rien n'apparaît. Que dois-je faire?

Pour être complet:
Ma configuration WP actuelle
- Version de WordPress : 3.3.1
- Version de PHP/MySQL : 5.0.51 (client:5.1.49) PHPMyAdmin 3.4.0-beta2
- Thème utilisé : personnalisé
- Extensions en place : une vingtaine (dont Ajax login, Dave's WordPress Live Search, Related Posts by Category...)
- Nom de l'hebergeur : planet-hebergement (123-hébergement)
- Adresse du site : www.allwewish.net

Merci d'avance!

PS: j'ai le même souci avec le like google mais si vous m'aidez avec FB, je trouverai sans doute avec GG

noaneo · 03-02-2012 13:31:19

Bonjour,
vous avez mis le 1er code dans header.php après la balise <body>?

Pour le bouton Google+1 lire ceci
http://www.geekeries.fr/wordpress/ajout … ress-15553

WordPress Francophone

La référence en matiere de moteur de blog.

Le multi-blogs devient un jeu d'enfant !

La communauté, c'est vous qui la faites !

WordPress et vous !

Annonce

#1 27-01-2012 21:15:04

Bouton "j'aime" de facebook sur les articles

#2 28-01-2012 02:45:58

Re: Bouton "j'aime" de facebook sur les articles

#3 28-01-2012 03:06:33

Re: Bouton "j'aime" de facebook sur les articles

#4 28-01-2012 20:37:39

Re: Bouton "j'aime" de facebook sur les articles

tabris a écrit:

#5 28-01-2012 22:54:55

Re: Bouton "j'aime" de facebook sur les articles

#6 29-01-2012 11:58:39

Re: Bouton "j'aime" de facebook sur les articles

#7 29-01-2012 12:08:58

Re: Bouton "j'aime" de facebook sur les articles

#8 29-01-2012 12:10:40

Re: Bouton "j'aime" de facebook sur les articles

#9 29-01-2012 12:14:07

Re: Bouton "j'aime" de facebook sur les articles

#10 29-01-2012 12:20:31

Re: Bouton "j'aime" de facebook sur les articles

#11 29-01-2012 20:01:56

Re: Bouton "j'aime" de facebook sur les articles

#12 29-01-2012 20:51:45

Re: Bouton "j'aime" de facebook sur les articles

#13 30-01-2012 12:20:50

Re: Bouton "j'aime" de facebook sur les articles

#14 31-01-2012 19:19:43

Re: Bouton "j'aime" de facebook sur les articles

#15 31-01-2012 20:00:54

Re: Bouton "j'aime" de facebook sur les articles

Code: html

#16 31-01-2012 22:10:25

Re: Bouton "j'aime" de facebook sur les articles

Code: html

#17 01-02-2012 11:02:09

Re: Bouton "j'aime" de facebook sur les articles

#18 01-02-2012 18:59:43

Re: Bouton "j'aime" de facebook sur les articles

Code: html

Code: html

Code: html

#19 01-02-2012 20:10:24

Re: Bouton "j'aime" de facebook sur les articles

Code: html

Code: html

Code: html

Code: html

#20 01-02-2012 20:28:22

Re: Bouton "j'aime" de facebook sur les articles

Code: html

#21 02-02-2012 11:26:48

Re: Bouton "j'aime" de facebook sur les articles

Code: html

#22 02-02-2012 20:46:29

Re: Bouton "j'aime" de facebook sur les articles

Code: html

Code: html

#23 03-02-2012 11:18:27

Re: Bouton "j'aime" de facebook sur les articles

Code: html

Code: html

#24 03-02-2012 11:50:59

Re: Bouton "j'aime" de facebook sur les articles

#25 03-02-2012 13:31:19

Re: Bouton "j'aime" de facebook sur les articles

Pied de page des forums