Cоциальные кнопки для wordpress: Расшариваем картинку

Как поставить кнопки соцсетей в блог на WordPress’е, рассказывается везде. Однако, с ними не редко возникает одна деликатная проблема. Суть ее в том, что нажав кнопочку «Поделиться» вдруг видишь, что к репосту не прибавилась картинка. Или прибавилась, но не та. Что делать?

Задача решается добавлением в файлы шаблона следующего кода.

Работа с кодом руками растущими не из того места может привести к тому, что сайт «упадёт» и поднять его можно будет только внеся обратные изменения через FTP. Так что, если нет понимания и доступа к FTP, десять раз подумайте прежде чем делать. Если же напортачите, то это уже целиком на вашей совести.

В файле functions.php включаем поддержку миниатюр (если не включена). Для этого вставляем следующий код:

if ( function_exists( 'add_theme_support' ) ) {
 add_theme_support( 'post-thumbnails' );
}

В файл header.php перед закрывающим тэгом /HEAD вставляем вот это.

<?php 
if( is_single() ){
	if(has_post_thumbnail()){
		$thumbnail_attributes = wp_get_attachment_image_src( get_post_thumbnail_id(), 'medium' ); // возвращает массив параметров миниатюры
?>
<meta property="og:image" content="<?php echo $thumbnail_attributes&#91;0&#93;; ?>" />
<meta itemprop="image" content="<?php echo $thumbnail_attributes&#91;0&#93;; ?>" />
<?php
	}
} 
?>

После этого, в посте добавляем миниатюру. Делается это во время редактирования поста нажатием ссылки «Задать миниатюру» в блоке «Миниатюра записи» и загрузкой/выбором нужной картинки.

Если блок не появился, жмем в верхнем правом углу экрана админки вкладку «Настройки экрана» и прожимаем галочку напротив пункта «Миниатюра записи». После этого блок появится (обычно в правой колонке внизу).

sharo

А вот так выглядит результат. Картинка шарится.

PS Плагин All in One SEO-puck может сводить на нет указанный код, поскольку вносит свои метатэги.

2 комментария на «“Cоциальные кнопки для wordpress: Расшариваем картинку”»

  1. А уж как рад я))) Ну а если серьезно, так и придумываются темы для подобных постов.

  2. Я рада, что на мне можно показать остальным что и как надо делать с этой проблемкой…)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *