Ссылка-картинка ВКонтакте на внешний сайт WordPress

Добился таки от ВК, чтобы он делал крутое оформление для ссылок с нашего сайта. Раньше было так:

vk-bad-link

Маленькая картинка слева, ссылка справа, и под ссылкой чуть-чуть текста. Теперь же будет вот так:

vk-good-link

Миниатюра записи подкружается ВК и становится ссылкой-картинкой. Ссылка-картинка — это гораздо круче первого варианта, ведь к такой ссылко-картинке курсор просто таки тянется, чтобы перейти на ваш сайт. Я прямо чувствую, как у начинающих SMM-щиков, читающих этот пост, начинает вырабатываться слюна. Господа SMM-щики, прошу успокоиться и отправить ссылку на эту статью вашим веб-мастерам.

Достигается такая красота добавлением тега вида

 

Сгенерировать данный тег автоматически поможет, к примеру, такой код, размещенный в functions.php вашей темы:

function vk_meta() {
  if ( has_post_thumbnail() )
  {
    $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 600,600 ));  
    $url = $thumb['0'];
    echo '' . "\n";
  }
}
add_action('wp_head', 'vk_meta');

Вторым параметром функции wp_get_attachment_image_src() я поставил массив, который задает граничные размены картинки по ширине и высоте, чтобы не отправлять ВК хайрезы.

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

7 ответов к “Ссылка-картинка ВКонтакте на внешний сайт WordPress”

Код не рабочий

image_src» href=»$url» />’ . «\

нужно

image_src» href=»‘.$url.'» />’ . «\

Спасибо за статью. Маленькая проблема — «Достигается такая красота добавлением тега вида» — а тэга не вижу в статье…

Николай, скорее всего ты допустил синтаксическую ошибку при добавлении кода. Проверь, закрыты ли все кавычки, скобки и так далее

Автор, спасибо за статью, помог!
В ответ хочу тоже помочь, увидел баг в вёрстке у тебя на странице, картинка вывалилась из дива в эсайде с айди «text-18», поправь код в документе:

ну или в css-файле страницы пропиши:

aside#text-18 div.textwidget {display: inline-table;}
или просто так:
.textwidget {display: inline-table;}
если класс уникальный

А я думал это контактик сам поправил стиль. Просто вчера-позавчера как-раз шарил ссылки в ВК и они так красиво добавились на стенку. Значит это сайтики позаботились об этом предварительно.

Обсуждение закрыто.