Хаки WordPress - делаем стилизованный аватар для Человека-загадка
Если у Вас на блоге WordPress поле комментариев поддерживает вывод небольших аватаров (картинок), то Вы обращали внимание, что у некоторых людей есть свой персональный аватар (фото или просто картинка), а у части людей выводится Человек-загадка, либо буква G на синем фоне.
Все дело в сервисе Gravatar.com, который позволяет прикрепить к своему E-mail персональную картинку. У тех же, кто не зарегистрирован на данном сервисе, на Вашем блоге выводится картинка по-умолчанию, которую мы сегодня и будем менять на произвольную, выбранную Вами лично.
Показываю для наглядности, о чем идет речь:
Если Вы до сих пор не зарегистрированы на Gravatar.com, либо не знаете как и что там делать, то читайте статью Gravatar — аватарка для каждого комментатора, после чего все вопросы отпадут.
Первым идет аватар человека со стрелкой, т.к. он именно такую картинку поставил на сервисе Gravatar.com. Далее мое лицо, которое я так же привязал к почтовому ящику на том же сервисе. А вот третий аватар, на котором надпись "У меня нет своего Gravatar. Я бедный(" - это уже мое "художество"))).
По умолчанию на всех блогах стоит Человек-загадка. Мы можем выбрать и другой рисунок из предложенных, но они попадаются на большом количестве блогов, что мне не понравилось. Именно поэтому в стандартный список мы сегодня добавим свою картинку.
Делаем свой аватар для комментаторов
Перечисляю список того, что нам понадобится:
- Графический редактор (Photoshop, Paint или кто чем пользуется).
- Голова, руки и "пятая точка" на стуле.
Для начала делаем заготовку размером 64*64 пикселя с произвольным фоном и текстом/изображением. Дело Ваше, что будет на аватарке комментатора, который не зарегистрирован на граватаре.
[infob]Прежде всего, перед тем, как приступить к практической части, не забывайте делать резервную копию файлов с которыми будете работать.[/infob]
После того, как создали заготовку, нам необходимо ее загрузить на сервер в папку images, которую найдем в шаблоне блога. Если брать общую теорию, применимую в 98% случаев, то путь будет таким:
site.ru/wp-content/themes/название_вашего_шаблона/images/
Если папки images там не обнаружили, то с легкостью можно ее создать и уже потом поместить созданный аватар в нее.
Следующим шагом будет вставка небольшого кода (так называемый "хак"), который позволит нам отображать данную аватарку в панели администратора, чтобы мы могли ее выбрать в качестве дефолтной (по умолчанию). Для этого, все в той же папке с шаблоном Вашего блога, ищем файл functions.php, открываем при помощи программы Notepad++ и вставляем следующий код (если такого файла нет, то чуть ниже я напишу как его создать):
add_filter( 'avatar_defaults', 'newgravatar' );
function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo('template_directory') . '/images/gravatar-mojwp.gif';
$avatar_defaults[$myavatar] = "Аватар для неимущих";
return $avatar_defaults;
}
Поясняю, что здесь в коде нужно изменить конкретно в Вашем случае:
- /gravatar-mojwp.gif - здесь указываете название Вашей картинки. Старайтесь все названия картинок, которые загружаете на блог, делать на английском языке. Это будет Вам только в плюс.
- Аватар для неимущих - а это произвольное название, которое и будет отображать в админке сайта в соответствующем разделе (смотрим картинку ниже).
[infob]Помещать данный код нужно до закрывающего ?> (в самом конце). Просто сразу перед этим символом, на строку выше, вставьте предложенный код.[/infob]
Сохранили файл functions.php и закачиваем назад на хостинг. После этого идем в админку сайта Параметры (у кого-то Настройки) ► Настройки обсуждения и прокручиваем страницу в самый низ, где видим следующую картину:
Стрелочкой отмечена картинка, которую я создал представленным выше способом. Все что мне осталось сделать - это ее выбрать и нажать Сохранить. После этого можете идти на блог и смотреть на аватарки тех, кто не имеет аккаунта на Gravatar.com.
Если у Вас на сайте посетители могут регистрироваться, то полезным будет плагин Simple Local Avatars — как пользователю установить собственный аватар, при помощи которого зарегистрированный пользователь через админку сайта поставит свой личный аватар и ему не обязательно иметь аккаунт на Gravatar.
Как создать файл functions.php
При помощи текстового редактора Notepad++ (можно и другого, но я СОВЕТУЮ его) создаем новый файл и помещаем в него следующее:
Вот как раз в пределах этих символов и следует помещать код. Далее нам остается сохранить новый файл под именем functions и расширением php. Как уже писалось выше, данный файл должен находиться в папке с шаблоном блога.
Поделитесь своими аватарками
Чтобы комментарий прошел автоматическую модерацию, перед ссылкой на свой блог в теле комментария поставьте нижнее подчеркивание, т.е. будет выглядеть так: _http://site.ru/post.html