Сейчас практически для всех сайтов довольно актуально интегрирование различных социальных служб, кнопок, призванных привлечь как можно больше посетителей. Все это довольно распространено и дает хорошие результаты. В данной статье я опишу как правильно установить кнопку Мне нравится от Facebook на сайт WordPress. Кнопка Like является отличным дополнением к сайту, она позволяет пользователю поделиться заинтересовавшим его материалом с друзьями. Установить кнопку можно здесь. Форма генерации кнопки выглядит так: Вставляя кнопку на сайт WordPress , поле URL заполнять не требуется. После нажатия кнопки Get Code, нам дается два кусочка кода, которые нужно разместить в Wordpress шаблоне.
Первую часть кода добавляем в файл header.php шаблона, желательно сразу после открытия тега <body>, вторую — в файл отвечающий за вывод страницы записи, обычно это single.php.
Однажды, на одном клиентском сайте на WordPress после ее установки, возникла проблема — Facebook не правильно захватывал изображение для постинга, то есть миниатюра к текущей записи игнорировалась и бралось постороннее изображение, это конечно же было не допустимо.
Разработчиками Facebook, возможность возникновения такой проблемы была учтена и решается она с помощью Open Graph Tags. Для отображения нужной картинки между тегами <head> нужно поместить следующий мета-тег:
где article_image.jpg
— изображение из статьи.
Вся сложность в том, что стандартной функции выводящей URL изображения миниатюры в WordPress нет. Погуглив, на буржуйском блоге shailan.com нашелось хорошее решение, данный код вставляем в тот же header.php:
post->ID; if( has_post_thumbnail( $thePostID )){ $thumb_id = get_post_thumbnail_id( $thePostID ); $image = wp_get_attachment_image_src( $thumb_id ); echo ''; } ?>
В результате, генерируется метатег с соответствующим посту урлом изображения миниатюры. На страницах, где миниатюр нет, метатег не выводится.
И еще, поддерживает или нет Vkontakte метатеги Open Graph Tags, точно не знаю, но при возникновении подобной проблемы можно попробовать применить данный метод.