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..