Intereting Posts
нужна помощь в стилизации dashicon в панели администратора Мой WordPress Admin выглядит испорченным, когда я редактирую сообщения или страницы Отображение избранных продуктов через пользовательский цикл в woocommerce на странице шаблона Заголовок, зависающий на изображении Как добавить столбцы в таблицы пользовательских сообщений Как переместить локально построенный сайт WordPress на живой сервер с помощью импортера wordpress список пользователей – показать псевдоним Подключиться, чтобы добавить новую ссылку wp admin? Несколько областей содержимого на страницу Невозможность добавить термин meta При нажатии на пункт меню, не относящемся к определенной странице Получите меньший размер изображения, get_the_post_thumbnail Видео-ссылка, не работающая в Internet Explorer Функция плагина внутри настраиваемого плагина Вторичная разбивка на отдельные персонализированные почтовые сообщения перенаправляется на первую страницу

Пользовательская кнопка общего доступа Facebook с настраиваемым заголовком, URL-адресом, изображением в wordpress

На моей странице сообщений есть кнопка совместного доступа (через плагин AddThis ).

Когда я нажимаю для публикации на Facebook, он получает URL и заголовок, но изображения показывают что-то еще. Например .

Я попытался создать пользовательскую кнопку общего доступа, которая ниже, но когда я нажимаю на нее, ничего не происходит.

<?php $title = the_title(); $url= the_permalink(); $summary=urlencode('Custom message that summarizes what your tab is about, or just a simple message to tell people to check out your tab.'); $image= wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?> <a onClick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[title]=<?php echo $title;?>&amp;p[summary]=<?php echo $summary;?>&amp;p[url]=<?php echo $url; ?>&amp;&p[images][0]=<?php echo $image[0];?>', 'sharer', 'toolbar=0,status=0,width=548,height=325');" target="_parent" href="javascript: void(0)"> Custom Share on Facebook page! </a> 

Я также добавил теги Open Graph в свой header.php между тегами <head> :

 <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?> <meta property="og:title" content="<?php the_title(); ?>" /> <meta property="og:description" content="" /> <meta property="og:image" content="<?php echo $image[0]; ?>" /> <meta property="og:video" content="" /> <meta property="og:video:width" content="560" /> <meta property="og:video:height" content="340" /> <meta property="og:video:type" content="application/x-shockwave-flash" /> 

Весь мой пост с моего сайта должен быть доступен на Facebook и Twitter с его URL, названием, изображениями и описанием. Вот рабочая ссылка .

Solutions Collecting From Web of "Пользовательская кнопка общего доступа Facebook с настраиваемым заголовком, URL-адресом, изображением в wordpress"

Несколько раз здесь и там я нахожу решение выше:

Замененный метатег ниже

 <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?> <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?> <?php if($image[0] != "" ){ ?> <meta property="og:image" content="<?php echo $image[0]; ?>" > <?php } else { ?> <meta property="og:image" content="logo.png" > <?php } ?> <meta property="og:image:width" content="3523" > <meta property="og:image:height" content="2372" > <meta property="og:url" content="<?php echo the_permalink(); ?>" > <meta property="og:title" content="<?php echo the_title(); ?>" > <meta property="og:site_name" content="Thefansworld" /> <meta property="og:description" content="" > <meta property="fb:app_id" content="3668661019" > <meta property="fb:admins" content="" > <?php endwhile; wp_reset_query(); ?> 

Но все же некоторые из POST дают мне неправильные изображения, и после некоторых исследований я нашел:

Когда вы тянете веб-страницу с URL-адреса, Facebook кэширует контент позже. Это означает, что, если Facebook однажды вытащит данные с вашего сайта, а ваш сайт изменится (например, ваши теги og: image изменяются), Facebook не изменит изображение, потому что у него уже есть все кеширование на своей стороне.

Попробуйте посетить страницу Facebook Debugger и просмотрите, что Facebook видит. Использование этого инструмента заставляет Facebook обновлять данные с данного URL. Это лучший способ его отладки.

Когда вы убедитесь, что Facebook «видит» правильные теги og: image, убедитесь, что изображения в og: image имеют минимальную ширину / высоту (все это объясняется в отладчике fb).

Facebook не будет использовать образ из og: image, если он не соответствует критериям FB. Я настоятельно рекомендую этот инструмент, когда есть какие-либо проблемы с содержимым вашего сайта в FB.

Надеюсь, это поможет кому-то. И если я ошибаюсь, где, пожалуйста, дайте мне знать 🙂

Как насчет использования u var для совместного использования вашего URL-адреса и позволить facebook получать контент с помощью меток Opengraph?

Что-то вроде этого

 <a onClick="window.open('http://www.facebook.com/sharer.php?u=<?php echo $url; ?>', 'sharer', 'toolbar=0,status=0,width=548,height=325');" target="_parent" href="javascript: void(0)">Custom Share on Facebook page!</a>