Oggi smanettando su WordPress mi sono imbattuto in un’errore su un plugin.
Sul plugin WordPress chiamato “Facebook Comments” esiste un bug sul tasto “Mi Piace”. Il bug è il mancato inserimento nel codice del meta property=”og:image” , questo si occupa di settare l’immagine corretta relativa al post quando una volta cliccato su Mi Piace il link sarà visibile sul profilo. Ecco come ho risolto:
Iniziamo con la creazione di una funzione che prende l’url dell’immagine nel post. Editiamo il file functions.php e aggiungiamo la seguente funzione:
function get_first_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('//i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image $first_img = "/images/default.jpg"; } return $first_img;}
Editare il file facebook-comments.php che si trova nella cartella del plugin.
# Add OpenGraph meta information
if ($fbc_options['includeOpenGraphMeta']) {
function fbComments_addOpenGraphMeta() {
global $wp_query;
global $fbc_options;
$postId = $wp_query->post->ID;
$postTitle = single_post_title('', false);
$postUrl = get_permalink($postId);
$siteName = get_bloginfo('name');
$appId = $fbc_options['appId'];
$photo= get_first_image();
if (strlen($fbc_options['notifyUserList']); 0) {
echo "meta property='fb:admins' content='{$fbc_options['notifyUserList']}'"; }
echo "meta property='og:image' content='$photo';
meta property='og:title' content='$postTitle' ", ";
meta property='og:site_name' content='$siteName' ", ";
meta property='og:url' content='$postUrl'", ";
meta property='og:type' content='article' ", ";
meta property='fb:app_id' content='$appId'";
add_action('wp_head', 'fbComments_addOpenGraphMeta');
}
Le linee 12 e 15 sono state aggiunte. Sulle impostazioni del plugin selezioniamo infine l’opzione di Open Graph chiamata “Include OpenGraph meta information”.
Adesso dovrebbe essere tutto funzionante per verificare il funzionamento creare un nuovo post e incollare il link in questa applicazione Lint Tool. Basta verificare se l’immagine vi appare è quella corretta.
Se avete domande chiedete pure..
3 Giugno 2011
Facebook Comments risolvere il problema del tasto Like
Oggi smanettando su WordPress mi sono imbattuto in un’errore su un plugin.
Sul plugin WordPress chiamato “Facebook Comments” esiste un bug sul tasto “Mi Piace”. Il bug è il mancato inserimento nel codice del meta property=”og:image” , questo si occupa di settare l’immagine corretta relativa al post quando una volta cliccato su Mi Piace il link sarà visibile sul profilo. Ecco come ho risolto:
Iniziamo con la creazione di una funzione che prende l’url dell’immagine nel post. Editiamo il file functions.php e aggiungiamo la seguente funzione:
function get_first_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('//i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image $first_img = "/images/default.jpg"; } return $first_img;}
Editare il file facebook-comments.php che si trova nella cartella del plugin.
# Add OpenGraph meta information
if ($fbc_options['includeOpenGraphMeta']) {
function fbComments_addOpenGraphMeta() {
global $wp_query;
global $fbc_options;
$postId = $wp_query->post->ID;
$postTitle = single_post_title('', false);
$postUrl = get_permalink($postId);
$siteName = get_bloginfo('name');
$appId = $fbc_options['appId'];
$photo= get_first_image();
if (strlen($fbc_options['notifyUserList']); 0) {
echo "meta property='fb:admins' content='{$fbc_options['notifyUserList']}'"; }
echo "meta property='og:image' content='$photo';
meta property='og:title' content='$postTitle' ", ";
meta property='og:site_name' content='$siteName' ", ";
meta property='og:url' content='$postUrl'", ";
meta property='og:type' content='article' ", ";
meta property='fb:app_id' content='$appId'";
add_action('wp_head', 'fbComments_addOpenGraphMeta');
}
Le linee 12 e 15 sono state aggiunte. Sulle impostazioni del plugin selezioniamo infine l’opzione di Open Graph chiamata “Include OpenGraph meta information”.
Adesso dovrebbe essere tutto funzionante per verificare il funzionamento creare un nuovo post e incollare il link in questa applicazione Lint Tool. Basta verificare se l’immagine vi appare è quella corretta.
Se avete domande chiedete pure..
Previous post
Tanti auguri Italia
Next post
Come funziona Google +1
Fabio Natalucci
Ethical Hacker & IT Security Specialist
Posts by Fabio Natalucci
Hacking into an Amazon Echo Using Laser Light to “Speak” to Alexa
30 Aprile 2020
Hashtopolis un nuovo strumento per il cracking distribuito
28 Aprile 2020
ZeroDays il docufilm su Stuxnet
28 Gennaio 2017
Tutto quello che c’è da sapere sul caso EyePyramid e Giulio Occhionero
10 Gennaio 2017
Progetto SenzaFiltri.org smaschera la Pubblica Amministrazione
2 Gennaio 2017
Comments by Fabio Natalucci
Postfix: come configurare smtp esterno
Perfetto! Sono contento che ti sia stata utile.
Fabio Natalucci Post
Post Recenti
Hacking into an Amazon Echo Using Laser Light to “Speak” to Alexa
30 Aprile 2020
Hashtopolis un nuovo strumento per il cracking distribuito
28 Aprile 2020
ZeroDays il docufilm su Stuxnet
28 Gennaio 2017
Commenti recenti
Claudio
"Fabio ciao, scusami se ti ti disturbo, vorrei sapere se ho un modo ..."
Luca Bonuccelli
"sono passati 2 anni, credo sia opportuno pubblicare un aggiornamento... LA sicurezza di spid è ..."
zerozerokappa
"ping "