Blog: thumb pentru Facebook

Mai sus aveți două exemple de afișare a aceluiași articol. Facebook caută o imagine în articol și, dacă o găsește, o afișează. Dacă nu, afișează ce găsește. Sunt sigur că ați văzut pe timeline articole cu imagini greșite.

În imaginea doi aveți ceva interesant: la articolul meu a găsit un thumb mare, și l-a afișat. La articolul de sub el nu a găsit asta, așa că a afișat imaginea mică.

Care sunt dimensiunile minime pentru a afișare?

Thumb-ul mic trebuie să aibă dimensiunea 60x60px. Dacă imaginea inclusă în articol are o dimensiune mai mică, Facebook va căuta o altă imagine în pagină si va afișa pe aceea.

Atenție, aici vorbim de thumb, nu de linkul către imaginea mare.

Thumb-ul mare trebuie sa aibă minim 700x300px.

Cum setăm aceste imagini?

Prima mișcare este să mergeți la Settings » Media și să setați acolo “thumbnail size” 60×60. Apoi, puteți folosi un plugin care să bage automat codul în pagină. Sunt zeci, căutați featured image în wordpress plugins.

Mie nu îmi plac pluginurile, așa că folosesc un cod manual, care e mai sigur și mai deștept. Știu, ar trebui să fac un plugin din el, dar n-am nervi pentru procesul de băgare a unui plugin pe site-ul WordPress, așa că mai bine pun codul aici, să se folosească cine vrea de el.

Pasul 1: puneți codul de mai jos cât mai sus în header.php din temă.


< ?php $imgx = ''; $tryx = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');
if(is_array($tryx) && !empty($tryx[0])) {
if($tryx[1] >= 200 && $tryx[2] >= 200) {
$imgx = $tryx[0];
}
} else { $imgx = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); }
if(empty($imgx)) { $imgx = 'http://www.zoso.ro/wp-content/fb-thumb.png'; }?>


În loc de https://zoso.ro/wp-content/fb-thumb.png puneți o imagine reprezentativă pentru voi/blog, mai mare de 700x300px sau mai mare. Dacă scriptul nu găsește nici o imagine în text, în loc să ia una la întâmplare, o va lua pe aceasta.

Pasul 2: tot în header.php, puneți asta înainte de </head>


<meta property="og:image" content="<? echo $imgx; ?/>" itemprop="image" />


og:image este codul pe care Facebook îl caută prima oară când vrea să afișeze o imagine.

Pasul 3: în același director veți găsi fișierul functions.php, în care puneți codul:


add_theme_support( 'post-thumbnails' );

function autoset_featured() {
global $post;
$already_has_thumb = has_post_thumbnail($post->ID);
if (!$already_has_thumb)  {
$attached_image = get_children( „post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1” );
if ($attached_image) {
foreach ($attached_image as $attachment_id => $attachment) {
set_post_thumbnail($post->ID, $attachment_id);
}
}
}
}  //end function
add_action(‘the_post’, ‘autoset_featured’);
add_action(‘save_post’, ‘autoset_featured’);
add_action(‘draft_to_publish’, ‘autoset_featured’);
add_action(‘new_to_publish’, ‘autoset_featured’);
add_action(‘pending_to_publish’, ‘autoset_featured’);
add_action(‘future_to_publish’, ‘autoset_featured’);

function wp_get_attachment_thumb_file_custom( $post_id = 0 ) {
$post_id = (int) $post_id;
if ( !$post =& get_post( $post_id ) )
return false;
if ( !is_array( $imagedata = wp_get_attachment_metadata( $post->ID ) ) )
return false;

$file = $imagedata[‘file’];
if ( !empty($imagedata[‘sizes’][‘thumbnail’]) && ($thumbfile = str_replace(basename($file), $imagedata[‘sizes’][‘thumbnail’][‘file’], $file)) && file_exists(‘img/’.$thumbfile) )
return apply_filters( ‘wp_get_attachment_thumb_file_custom’, $thumbfile, $post->ID );
return false;
}

function wp_get_attachment_thumb_url_custom( $post_id = 0 ) {
$post_id = (int) $post_id;
if ( !$post =& get_post( $post_id ) )
return false;
if ( !$url = wp_get_attachment_url( $post->ID ) )
return false;

$sized = image_downsize( $post_id, ‘thumbnail’ );
if ( $sized )
return $sized[0];

if ( !$thumb = wp_get_attachment_thumb_file_custom( $post->ID ) )
return false;

$url = str_replace(basename($url), basename($thumb), $url);

return apply_filters( ‘wp_get_attachment_thumb_url_custom’, $url, $post->ID );
}

 

Și cam atât. Dacă ați făcut toți pașii corect, nu mai aveți nevoie de un plugin.