Intereting Posts
Как создать ссылку для метаданных wordpress? Будут ли простейшие имена функций в структуре классов конфликтовать с другими плагинами? Получите последний месяц с сообщениями, используя рекурсивную функцию … Несколько конечных точек на одной странице Количество продуктов Woocommerce в корзине Как включить jQuery и код JavaScript в метабокс? Отключить oEmbed для одного короткого кода или, по крайней мере, всех внутренних ссылок экспортировать функциональность csv в мой плагин Как исключить 3 последних сообщения категории в query_posts Каталогизированное меню иерархии для СТРАНИЦ! Как объединить категории с phpMyAdmin Измените структуру данных, возвращаемых $ wpdb Переход WordPress из поддомена в корневой домен на том же сервере Недавние сообщения виджета отсутствуют current_menu_item класс Как динамически вызывать автора страницы / сообщения в метаданные?

Как я могу контролировать Facebook как изображение?

У меня есть блог с некоторыми сообщениями, и каждый пост имеет встроенную кнопку Facebook. Нажатие кнопки открывает диалог, чтобы мои посетители могли публиковать сообщение на Facebook с комментарием.

Однако при совместном использовании изображение, выбранное Facebook, является общим значком почты, а не миниатюрой сообщения.

Как я могу управлять изображением, которое используется при совместном использовании?

Изображение, которое используется для совместного использования, берется из фрагмента кода в заголовке вашего сайта, который будет выглядеть примерно так:

<link rel="image_src" href="path/to/theme/screenshot.png" /> 

Обычно это ссылка на скриншот вашего сайта в теме. Если вы удалили код из заголовка файла, а на single.php поместили его внутри цикла и назвали ваше миниатюрное изображение сообщения в элемент href, я считаю, что он сработает. Таким образом, это будет выглядеть примерно так:

 <link rel="image_src" href="<?php the_post_thumbnail(); ?>" /> 

Это означало бы, что если у вас есть кнопки на страницах с несколькими сообщениями, у вас, вероятно, не будет изображения. Если вы включили некоторый условный код, который удалил его только на single.php, тогда у вас будет нормальное изображение на любой странице с несколькими сообщениями и аналогичной кнопкой и миниатюрами сообщений при использовании шаблона single.php. Таким образом, код заголовка:

 <?php if ( is_single() ) { /* do nothing on single pages */ } else { ?> <link rel="image_src" href="path/to/theme/screenshot.png" /> <?php } ?> 

Затем вы все равно будете использовать код, чтобы включить миниатюру сообщения в файл single.php.

Facebook теперь использует протокол opengraph. Вы можете добавлять изображения, используя:

  <meta property = "og: image" content = "http: // YOUR_IMAGE_URL" /> 

Добавьте эту строку в заголовок страницы.

Кроме того, вы можете использовать мой плагин для этого автоматически.

Он просто выполняет эту работу, и никаких настроек не требуется.

http://shailan.com/wordpress/plugins/facebook-meta-tags-plugin/

Вам нужно использовать протокол Open Open Graph. Я не уверен, почему принятый ответ не является одним из многих ответов OG: (которые я проголосовал), но это неправильно.

http://developers.facebook.com/docs/opengraph/

Вы можете настроить многие вещи, включая заголовок, изображение, описание, категорию, последнее обновление и т. Д., Если вы используете Open Graph. Если вы используете эти другие полурешения, вам не хватает всего изображения.

Если я не буду следовать протоколу OG для всей работы FB, я бы уволился.

Если вы выполните следующее:

 <link rel="image_src" href="<?php the_post_thumbnail(); ?>" /> 

Вы обнаружите, что WordPress выводит html, необходимый для отображения изображения, а не только SRC, который вы действительно хотите.

Выполнение чего-то вроде:

 <?php // Featured Image for FB Like $feature_image = get_the_post_thumbnail($post->ID); // Get image source $doc = new DOMDocument(); $doc->loadHTML($feature_image); $imageTags = $doc->getElementsByTagName('img'); foreach($imageTags as $tag) { $image_url = $tag->getAttribute('src'); } ?> <link rel="image_src" href="<?php echo $image_url; ?>" /> 

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

Надеюсь, это положит вас на правильный путь.

Мэтт.

Убедитесь, что вы нарисовали свой URL здесь, если указанное изображение не отображается правильно:

http://developers.facebook.com/tools/lint/

Если вы хотите использовать первое изображение своего сообщения в виде миниатюры с отступлением от чего-то вроде вашего логотипа, попробуйте мой плагин – http://wordpress.org/extend/plugins/facebook-like-thumbnail/ Объяснение для добавления Резервное изображение логотипа находится на http://blog.ashfame.com/?p=888

 <meta property="og:image" content="http://YOUR_IMAGE_URL" /> 

Этот метод работает для «like»: s, но позже, если вы хотите разделить ссылку в журнале ur (например.), Это изображение автоматически выбирается.

Без этого метатега вы можете выбрать все изображения на связанном сайте.

Кто-нибудь знает какой-либо способ сохранить статическое «похожее» изображение, но все же заставить вас выбирать изображение при совместном использовании URL-адреса?

ОК. Я написал немного javascript, чтобы заполнить изображение Meta og: с изображением по моему выбору. Это одноразовый взлом, который вы добавляете в заголовочный файл.

В моем сообщении WordPress я добавляю идентификатор «featured-image» (я знаю, что с последующим wordpress это встроено, я нахожусь на старом).

 <xmp><img src="http://mysite.com/catphoto.jpg" id="featured-image" /></xmp> 

Я пишу метатег для og: image с помощью заполнителя, например, в моем блоге. Добавьте в тег "id =" мета-образ ", т.е.

 <meta property="og:image" src="http://mysite.com/logo.jpg" id="meta-image" /> 

Затем добавьте этот javascript в заголовок:

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"> </script> <script type="text/javascript"> $(document).ready( function(){ var featured_image = $("#featured-image").attr("src"); $('meta[property="og:image"]').attr("content",featured_image); });