Intereting Posts
Breadcrumbs: результат поиска не отображается, если статическая страница находится сверху. Манипулирование метаданных post в метаданных используя часть темы в другой теме Есть ли плагин для пользователей сообщений в качестве администратора? Как разместить теги HTML в контенте от the_content ()? Получить все сообщения из типа сообщения Отображение изображения, если нечетное количество сообщений в сетке Возможно, чтобы получить данные в wp_login.php в ваш собственный php-файл в wordpress? Как я могу заставить команду eval-file WP-CLI сообщать о ошибках в stderr? Что-то не так с этим кодом? Рекомендации по обеспечению установки Buddypress? Как получить меню wordpress nav вне системы wordpress? Когда использовать способ вывода плагина? Обновлено 4.3 Получение ошибки: предупреждение: call_user_func_array () ожидает, что параметр 1 равен Что такое «ipsum-row» и почему он испортил мой контент?

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

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

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

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

Solutions Collecting From Web of "Как я могу контролировать 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); });