Как добавить Gravatar в комментарии?

Добавляем иконки Gravatar (глобального аватара) в комментарии WordPress.

Здравствуйте дорогие читатели! Сегодня мы рассмотрим вопрос, который думаю, интересует многих. Это оформление комментариев, а точнее вставка в комментарии Gravatar посетителя.

Сегодня большинство пользователей имеют свои граватары. Gravatar – это глобальный аватар, т. е. аватар, который привязан к вашему е-майлу и публикуется везде в интернете при комментировании, где вы заполняете форму с присутствием такого поля и возможностью отображения картинки.

Так в чем же проблема, спросите вы? А проблема в том, что не все темы (шаблоны) поддерживают вывод в комментариях Gravatar. И, как правило, именно те, которые нам нравятся. Если же ваша тема поддерживает граватары, дальше читать вам не обязательно. Хотя может вам будет интересно узнать, как изменить положение картинки в блоке комментариев.

Редактировать нам придется файл comments.php вашей текущей темы. Для таких редактирований я пользуюсь программой Notepad++. Она может соединяться с вашим сайтом по FTP протоколу, изменения сразу вступают в силу после нажатия кнопки «сохранить», и всегда легко все вернуть в начальное состояние, нажав кнопу «отмена», что очень удобно.

Код для вывода Gravatar выглядит вот так:

<?php echo get_avatar($comment, 32); ?>

Если хотите потом оформить картинку по своему вкусу, тогда вот такой код:

<div class="gravatar-place"><?php echo get_avatar( $comment, 32 ); ?></div>

Именно его мы и будем вставлять в наш файл. Цифра 32 — это размер картинки Gravatar в пикселях. Размер Gravatar, можно поменять в зависимости от вашего дизайна шаблона.

Дальше немного сложней, т.к. вам нужно будет определить место в шаблоне WordPress, куда будет вставляться граватар.

Можно например вставить после функции:

<?php comment_ID() ?>

это порядковый номер комментария. В принципе все дело вкуса. Я добавил к нашей функции class=»gravatar-place», так что вы можете ее оформить по своему вкусу и разместить Gravatar в любом месте блока комментария, добавив стили в ваш файл стилей style.css

Если не знаете что такое стили, советую вам ознакомиться с бесплатным справочником по CSS. Или обратитесь к профессионалу, и он поможет вам сделать так, как вы хотите.

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

Вот собственно и все. Совсем не сложно.

Удачи вам и процветания!

• Публикации автора
• Рекомендую к прочтению
• Задать вопрос автору

Автор - Александр

Меня зовут Александр.
Я Вебмастер и SEO — специалист по созданию и продвижению сайтов на WordPress.
В профессиональном интернет-маркетинге c 2007 года. Основные направления: создание и продвижение web-проектов в российском сегменте интернет. Специализация: создание сайтов и их комплексное продвижение, внутренняя оптимизация, внешняя оптимизация, трафиковое продвижение, контентное продвижение...

Связаться со мной >>

• Установка WordPress на хостинг - 11.05.2017
• Хостинг для WordPress - 26.04.2017
• 7 советов как ускорить WordPress - 18.01.2017
• WordPress плагины вывода популярных постов - 25.07.2016
• Готовим ваш сайт для мобильных устройств? - 29.06.2016

Посмотреть все публикации

Как преодолеть технические сложности

Javascript + jQuery для начинающих

Профессиональный сайт за один день.

Ваше имя (обязательно)

Ваш e-mail (обязательно)

Сообщение (обязательно)

"Поставьте галочку, если вы не робот"

и решите пример 7+5= ответ буквами

Δ