Шаг №77.Как добавить аватарки пользователей в шаблон wordpress, в котором они не предусмотрены?

Привет друзья.Сегодня я хочу рассказать Вам как добавить аватарку в блог на wordpress, если она не поддерживается самим шаблоном. На моем блоге я уже писал урок о том как добавить аватарки пользователей на wordpress, у большинства читателей все успешно получилось, но есть и такие прекрасные обладатели шаблонов, у которых разработчики шаблона решили не включать отображение аватарок в своих шаблонах. Сегодняшний урок направлен именно на такую аудиторию читателей, и я попытаюсь помочь Вам решить проблему отображения аватарок в шаблоне.

Вообще то все новые версии wordpress поддерживают вывод аватарок, но если у Вас старенькая версия wordpress,то не стоит расстраиваться и для Вас есть решение проблемы отображения аватарок в шаблоне. По хорошему, если Вы пользуетесь старой версией wordpress, то не плохо было бы обновиться, так как в новых версиях решаются проблемы безопасности Вашего сайта, и хуже все равно не будет.Так вот, если Вы пользуетесь старой версией wordpress, то Вам поможет плагин WP-gravatar. Скачайте и установите плагин на свой сайт, после чего активируйте его, а дальше действуйте по инструкции ниже.

Теперь нам необходимо добавить код вывода аватарки, но как определить в какое место необходимо вставить код, для правильного отображения?Прежде всего откройте папку с Вашим шаблоном и познакомьтесь с файлами, которые находятся внутри папок. Очень часто файл, ответственный за вывод комментариев на блоге называется comments.php, но наравне с этим разработчики шаблонов могут называть эти файлы на свое усмотрение, а следовательно данный файл может также носить название legacy.comments.php или как в случае с шаблоном my-kitchen вообще комментарии выводятся из файла functions.php.

Добавление аватарок пользователей в комментарии.

Как делаю я обычно в таких случаях, пытаюсь найти и разобраться в коде шаблона. Иногда я прям себя чувствую героем увлекательного детектива, только вместо разыскиваемых преступников у нас есть код, который необходимо найти. И в этом мне очень сильно помогает помощник “детектива” — программа Total Commander.Как Вы поняли “потерпевший” у нас сегодня шаблон my-kitchen, и работать сегодня мы будем с ним. Шаблон я взял этот для примера, но все проделываемые действия Вы сможете повторить и со своим шаблоном. Для начала мне нужны улики, и я их добываю вот каким образом:

1)Откройте сайт на странице с комментариями.

2)Перейдите в низ к комментариям и проанализируйте в каком приблизительно месте нам нужно вывести аватарки на блоге. В нашем случае аватарки нужно добавить рядом с именем пользователя, оставившим комментарии, выделите его мышкой и нажмите правой кнопкой мыши и выберите пункт “Просмотр кода элемента”:

Добавление аватарки пользователя в шаблон wordpress не поддерживающий аватарки

3)Проанализируйте какие html теги окружают интересующую нас цель, в данном случае это тег <div class=”comment-author vcard”>

Добавление аватарки пользователя в шаблон wordpress не поддерживающий аватарки

4)Когда мы обнаружили первые улики, нам необходимо произвести “экспертизу”, для этого открываем программу Total Commander, нажимаем сочетание клавиш ALT+F7 ,выбираем в ней папку с нашим шаблоном, ставим галочку “С текстом” и в строку текста вводим – comment-author vcard, жмем на кнопку начать поиск и в результате получаем список файлов, где улики засветились.В данном конкретном случае – это файл functions.php

Добавление аватарки пользователя в шаблон wordpress не поддерживающий аватарки

5)После обнаружения нужного файла, откройте его блокнотом, нажмите сочетание клавиш Ctrl+F и теперь осуществите поиск по файлу,и узнайте в каком конкретном месте встречается код:

Добавление аватарки пользователя в шаблон wordpress не поддерживающий аватарки

Как и следовало ожидать мы нашли место в которое нам необходимо добавить код выводящий аватарки в шаблоне, не поддерживающий аватарки.

Добавляем код:

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

В данном коде, цифра 50 – это размер ширины и высоты аватарки, то есть в данном случае высота и ширина аватарки будет равна 50 пикселей, на своем сайте Вы можете изменить эту настройку на свое усмотрение.

Добавление аватарки пользователя в шаблон wordpress не поддерживающий аватарки

Не забудьте сохранить файл, и отправить обратно на хостинг.После добавления и сохранения кода можно проверить изменения на сайте.

Добавление аватарки пользователя в шаблон wordpress не поддерживающий аватарки

Как видите, аватарки успешно добавлены в шаблон, в котором они изначально не были предусмотрены.

  • http://oda-kulinarii.ru/blog/ Алена

    Ннну шож, будем пытаться :). Артем, спасибо. Отпишусь о результате 🙂

    • http://wpcreate.ru Артем Петрусенко

      Пожалуйста, поздравляю что у Вас все получилось!

  • http://oda-kulinarii.ru/blog/ Алена

    Артем, отлично. Так легко! Разжевали и в рот положили 🙂 Как раз для начинающих. ВСЕ ПОЛУЧИЛОСЬ! Глядите ка http://oda-kulinarii.ru/blog/recepty-iz-mjasa/kurica-pod-syrnoj-shuboj.html

  • http://ncuxolog.astrakraft.ru/ Светлана

    Артем, а без Граватара, посетитель может добавить свой аватар?

    • http://wpcreate.ru Артем Петрусенко

      Существуют какие то плагины, но я не углублялся в этот вопрос!

  • http://iketch.ru Андрей

    Большое спасибо, ваша статья мне помогла. Я в php на начальном уровне и в код шаблона залезать боялся. Но вы меня подстягнули! 🙂 ❗

  • lockeron

    Очень хорошая статья, но я не понял пользователи смогут добавлять свои аватарки?

  • http://alcoformer.ru Олег

    Спасибо, Артем, за эту статью. Сегодня у меня появился первый комментарий на сайте, а вместо аватары — непонятно что! Полез за информацией в интернет, долго искал, нашел вас! Все сделал так, как написано… ну елы-палы, так популярно все расжевано, лучше некуда! Только использовал FileZilla для редактирования файла, с «тоталом» как-то дружба не сложилась 😐 Все получилось, аватара стала отображаться. Еще раз спасибо и обязательно подпишусь на обновления Вашего блога 😉