Выводим последние комментарии в виджете



Последние комментарии в виджете

Выводим последние комментарии в виджете

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

Может быть, путано объясняю, покажу на картинке:

Табы с последними комментариями

Раскрывающиеся табы с последними комментариями

Вот есть раскрывающиеся табы в сайдбаре.

Посетителю захотелось увидеть последние комментарии сайта, он щелкает по вкладочке Новые комментарии и видит раскрывающийся список всех последних комментариев. Сначала должны идти комментарии стандартной системы комментирования, встроенной в WordPress, четыре штуки, а, вот затем, должны показываться комментарии системы Disqus, тоже четыре штуки. Просто, сайт довольно давно работает, и там сначала стояла только система Disqus для комментирования, а после перехода на движок WordPress, владельцы сайта захотели добавить ещё и стандартную систему комментирования. Зачем это надо? Тут отдельный разговор о преимуществах той или иной системы комментирования, нет смысла рассуждать, а, имеет смысл подумать над тем, как эти две системы совместить на одном сайте. Да и  не просто так, а в одном виджете в виде раскрывающегося пункта таба или аккордеона.

Интересная задачка, кому времени не жалко, могут проследить над тем, как я это реализовал.

Итак, начинаем сначала. Нужно установить раскрывающиеся вертикальные табы в сайдбаре.

Установка табов и аккордеонов в сайдбар

В принципе, многие современные темы уже имеют встроенную систему табов и аккордеонов. Их несложно найти на демо сайтах, или в хелпах к шаблону. Обычно это просто шорт код, или дополнительные кнопки в визуальном редакторе при создании статьи. Тот, кто хорошо знаком со своим шаблоном, наверняка наблюдал такую возможность. У кого нет, можно сделать табы с помощью плагина TheThe Tabs and Accordions для WordPress.

Сложного в установке и настройке этого плагина нет. Переходим на страницу плагина TheThe Tabs and Accordionsсмотрим примеры, регистрируемся, скачиваем архив, устанавливаем на сайт, активируем.

Видим новую вкладочку в нашей админке, там и происходят все необходимые настройки наших Табов и Аккордеонов:

Плагин TheThe Tabs and Accordions

Настройка плагина TheThe Tabs and Accordions

На вкладочке Overview можно получить код нужного таба или аккордеона.

На вкладочке Settings мы можем сделать дополнительные настройки:

  • Disable on Frontpage – убрать вывод табов на главной странице
  • General Style – тут мы выбираем стиль, который хотим видеть у наших табов
  • Custom Style – тут мы можем прописать свой стиль. Это дело, естественно, по желанию и потребностям.

Дальше всё просто. Эти наши табы мы можем выводить либо в тексте, либо в Виджете. Для текста мы просто вставляем в нужное место код с вкладки Overview и заполнить по своему усмотрению. Для виджета в сайдбаре, надо вставить код в виджет Текст, заполнить и разместить в нужном месте.

Так, табы у нас готовы, теперь переходим к установке вывода последних комментариев в виджете.

Вывод последних комментариев в виджете из Disqus

Буквально пару лет назад, на сервисе Disqus можно было разыскать скрипт вывода последних комментариев с вашего сайта. После обновления кода, эта возможность, по какой-то причине, была удалена. Не понятно, почему, но найти этот код не получается.

Покопавшись на старых сайтах, этот код удалось разыскать. Вот он, естественно, нужно только вставить свои данные в нужном месте:

 

Не забудьте заменить слово ВАШ САЙТ на свой идентификатор в системе Disqus, а в тексте кода num_items=5 можно заменить 5 на то количество комментариев, которые нужны вам.

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

Так, с Disqus разобрались, теперь нужно вывести стандартные комментарии от WordPress

Вывод последних комментариев в виджете на сайте WordPress

Тут нам понадобится плагин комментариев под названием WP-RecentComments

Через Поиск плагинов ищем WP-RecentComments, скачиваем, активируем, переходим к настройкам:

Плагин WP-RecentComments

Настройка плагина WP-RecentComments

  • Тут мы можем подключить файл стилей этого плагина
  • Выбрать библиотеку JavaScript
  • Выбрать количество комментариев, показывать ли комментарии администратора сайта
  • Настроить длину текста, показ заголовков, раскрывающуюся панель, показ времени, размер аватарки, показ смайликов и иконок

Вот и все настройки, теперь нужно разместить код вывода этих самых последних комментариев в виджете.

В наши табы, до или после скрипта комментариев Disqus вставляем вот такой код:

 

Сохраняем, и видим, что никакие комментарии не выводятся. А штука в том, что в виджетах PHP код не читается. Следовательно, нам надо сделать так, чтобы php код работал в любом виджете.

Как сделать поддержку php в виджетах WordPress

И тут сложного ничего нет. Можно, конечно, прикрутить для этого дела специальный плагин, но, я же, предлагаю это сделать намного быстрее и проще.

Идем в файл functions.php нашей темы, и в самом конце, перед закрывающимся знаком ?> вставить вот такой код:

 

Сохраняем, отправляем на сервер, смотрим на то, как в нашем сайдбаре появился виджет с табами и выводом последних комментариев и от WordPress и с сервиса Disqus.

Да, что-то, длинноватая статейка получилась, зато, может кому и пригодится, в нужную минуту. Лично мне нравится такой вывод последних комментариев. И места много не занимает, и выглядит симпатично. Очередной повод обсудить размер гонорара с заказчиком.  :za-nas:

Всем удачи!  :bye:

@ ПОДПИСАТЬСЯ НА НОВОСТИ САЙТА

Этот сайт работает на быстром, надёжном, не дорогом хостинге GIGAHOST

Поделиться:

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

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

:bye: 
:good: 
:za-nas: 
:wacko: 
:yahoo: 
:skromnost: 
:heart: 
:rose: 
:-) 
:yes: 
:cry: 
:mail: 
:unsure: 
;-)