See how looks like in newss feed:
https://prntscr.com/2fgdeh
See the only plugins that i have installed:
https://prntscr.com/2fgdrp
See how look the debugging process:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fdnscloudserver.com%2Fpost-with-new-facebook-format-4%2F
Please note the following:
The functions.php file have the following lines:
// Add suport for post thumbnails and set default sizes
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 800, 9999 );
// Add custom image sizes
add_image_size( 'size_max', 1000, 9999 );
// Posts Slider
add_image_size( 'posts_slider_thumb', $ps_width, $ps_height, $ps_crop );
// One Columnar Grid Posts
add_image_size( 'one_col_thumb', $one_col_width, $one_col_height, $one_col_crop );
// Two Columnar Grid Posts
add_image_size( 'two_col_thumb', $two_col_width, $two_col_height, $two_col_crop );
// Three Columnar Grid Posts
add_image_size( 'three_col_thumb', $three_col_width, $three_col_height, $three_col_crop );
// List Big
add_image_size( 'list_big_thumb', $list_big_width, $list_big_height, $list_big_crop );
// List Small
add_image_size( 'list_small_thumb', $list_small_width, $list_small_height, $list_small_crop );
// Related Posts
add_image_size( 'related_posts_thumb', $rp_width, $rp_height, $rp_crop );
// Minifolio Widget
add_image_size( 'minifolio_thumb', $mf_width, $mf_height, $mf_crop );
// Single Post
add_image_size( 'single_thumb', $sng_width, $sng_height, $sng_crop );
In media and option themes i have the following file sizes:
https://prntscr.com/2fhf9w
Please i hope you can help me with this big issue, i only have to setup the wordpress to work with official facebook plugin and see the news feed and the news feed like this:
https://prntscr.com/2fgg2n
The test website is dnscloudserver.com
NOTES:
I had to remove this lines from functions.php because it was causing a duplicated og metatags ( see the details here: https://prntscr.com/2fhg5h ):
/**
* Add FaceBook Open Graph Meta Tags on single post
*/
function add_facebook_open_graph_tags() {
global $pls_ss_sharing, $pls_ss_fb;
if ( is_single() && ( 'true' == $pls_ss_sharing ) && ( 'true' == $pls_ss_fb ) ) {
global $post;
setup_postdata( $post );
if ( has_post_thumbnail( $post->ID ) ) {
$src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), '', '' );
$image = $src[0];
}
else
$image = '';
?>
<meta property="og:title" content="<?php the_title(); ?>"/>
<meta property="og:type" content="article"/>
<meta property="og:image" content="<?php echo $image; ?>"/>
<meta property="og:url" content="<?php the_permalink(); ?>"/>
<meta property="og:description" content="<?php echo get_the_excerpt(); ?>"/>
<meta property="og:site_name" content="<?php bloginfo( 'name' ); ?>"/>
<?php wp_reset_postdata();
}
}
add_action( 'wp_head', 'add_facebook_open_graph_tags', 99 );
I leave this lines only:
/**
* Load FaceBook script in footer
*/
function ss_fb_script() {
global $pls_ss_sharing, $pls_ss_fb;
if ( is_single() && ( 'true' == $pls_ss_sharing ) && ( 'true' == $pls_ss_fb ) ) { ?>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.async=true; js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=462662907186802";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<?php }
}
add_action( 'wp_footer', 'ss_fb_script' );
/**
* Add FaceBook OG xmlns in html tag
*/
function add_og_xml_ns( $out ) {
global $pls_ss_sharing, $pls_ss_fb;
if ( is_single() && ( 'true' == $pls_ss_sharing ) && ( 'true' == $pls_ss_fb ) ) {
return $out . ' xmlns:og="https://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"';
}
else
return $out;
}
add_filter( 'language_attributes', 'add_og_xml_ns' );
BIG THANKS and HAPPY NEW YEAR FOR ALL OF YOU!
