Рубрики

Урок 377 Плагин de:comments: расширяем функционал стандартных комментариев в WordPress

Петр Александров
Автор статьи Пётр Александров
113
Время прочтения: 13 мин.

Привет, друзья мои! Я очень давно хотел расширить функционал стандартных комментариев в WordPress. Но все как-то то руки не доходили, то «забивал» на это.

Совсем недавно снова захотелось. Все началось с того, что я на своем блоге прочитал вот такой комментарий:

Как бы странно не прозвучало, но я захотел поставить «лайк» или «+1» (называйте, как хотите) этому комментатору. Но я понял: на моем блоге это невозможно. И вообще, как мне показалось, данный комментарий набрал бы много подобных «лайков». А это выражение мыслей читателей моего блога, какая-то обратная связь.

В результате мне снова жутко захотелось расширить функционал комментариев на блоге. Захотелось что-то вроде того, что реализовано на многих крупных проектов habrahabr, pikabu и др. То есть, чтобы была реализация рейтингов комментариев (всякие «плюсы» и «минусы») и прочий функционал.

Я посмотрел кучу плагинов, разные популярные сервисы в стиле Disqus, но все не то. После долгих поисков я нашел то, что мне нужно. Это плагин de:comments.

Сейчас на блоге вывод комментариев реализован через данный плагин. Вы можете посмотреть, как все это выглядит, оставив комментарий, посмотрев на комментарии других. Расскажу про особенности и возможности данного плагина. Для справки: оказывается плагин de:comments используется и на таких крупных сайтах, как «Лайфхакер».

Преимущества de:comments

  • Это плагин WordPress, а не сторонний сервис комментирования. Все комментарии продолжают хранится в вашей базе данных, это все такие же стандартные комментарии, просто немного «затюнигованные». Вы не зависите от сторонних сервисов.
  • Очень простая установка. Достаточно активировать плагин и он уже работает. Это очень важно. А настройки плагина все на русском и понятном языке.
  • Введенные данные запоминаются. Такое на моем блоге было давно реализовано, многие спрашивали как это сделать. Плагин это делает автоматически. То есть, если человек хотя бы раз оставил комментарий, то его данные (имя, email, сайт) запоминаются:
  • Прямо в комментариях администратор может промодерировать комментарий (очень удобно):
  • Сколько раз у Вас такое было, что оставив комментарий, вы хотите его немного скорректировать/исправить ошибки и прочее? Так вот, с помощью de:comments есть возможность редактирования своего комментария в течении X минут. Сколько это минут решать вам, то есть администратору в настройках плагина:
  • Простота вставки цитат и картинок с помощью кнопок:
    Цитата в de:comments
    Изображения вставляются таким образом очень просто, вот так они отображаются:
  • Возможность вставки медиассылок. То есть, если, например, вы ставите ссылку на какой-либо твит, будет отображаться не ссылка на Твиттер, а сам твит. Очень классно! Поддерживается Twitter, Instagram, Youtube и пр.
  • Оповещения. Комментатор с легкостью может подписаться на получение уведомлений без использования сторонних плагинов:
  • Бейджи. Есть определенные звания. Их можно присвоить за некое количество оставленных комментариев, набранных лайков или дизлайков. Тоже мотивирует на оставление комментариев:
  • Все это чудо оптимизировано под мобильные телефоны. Очень радует.

Недостатки плагина de:comments

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

Поэтому, единственным недостатком осталось то, что плагин платный. Плагин ориентирован далеко не только на рунет, а активно развивается для распостранения по всему миру (работает со многими языками). Поэтому ценник плагина для кого-то может показаться дороговатым.

Создатели плагина любезно предоставили купон на скидку размером в 20%. Название купона — wpnew. Используйте, друзья мои, если плагин вас заинтересовал.

Я не вижу смысла покупать данный плагин на сайт, который еще не раскручен, где «тусуется» пара десятков человек. Но, если у вас уже сформировалось некое «коммьюнити», посещаемость хотя бы больше 100 человек в сутки и комментарии на вашем сайте не такая уж и редкость, то стоит задуматься. Изучив функционал, можете понять: дорого ли $50 отдавать за пожизненную лицензию на 1 сайт. Я уверен, многие из вас пусть и не сразу, но со временем захотят что-то подобное и на свой блог. 🙂

Установка

Плагин очень прост в установке.

  1. Заходим сюда https://decomments.com
  2. После покупки плагина (напомню, купон wpnew дает 20% скидку) переходим в личный кабинет.
  3. Там получаем ссылку на скачивание плагина, нажимаем «Download your Products»:
  4. Нажимаем на кнопку Download:
  5. Там же в личном кабинете переходим во вкладку «My  Licenses», копируем ключ:
  6. Скачиваем плагин, устанавливаем на блог, активируем.
  7. Переходим в раздел «Комментарии» -> «de:comments»:
  8. Вводим свой email и ключ, который скопировали в 3-ем шаге.
  9. Вот и все. Комментарии автоматически сами уже скорректировались без добавления какого-либо кода и редактирования разных функций. Круто!

Работа с плагином de:comments

Ниже покажу свои настройки плагина de:comments и в двух словах разъясню, что за что отвечает.

Комментарии

  • Не показывать лого de:comments. Я не хочу ее отображать, поэтому поставил тут галочку.
  • Разрешить цитирование в комментариях. Я поставил галочку, чтобы пользователи могли вставлять цитаты. Вот замечательная кнопка:
  • Время для редактирования/удаления комментария. Я поставил 5 минут, так как считаю, что 30 мин. слишком много. Могут возникнуть ненужные казусы. Например, человек оставил комментарий, другой уже ответил, а первый решил изменить/удалить свой коммент. 🙂
  • Показать форму комментирования перед комментариями. Я поставил галочку тут, так как считаю, что логически правильнее, если эта форма находится перед комментариями, а не после. Комментатор не обязан читать/листать все комментарии, прежде чем оставить свой.
  • Добавлять dofollow или nofollow к ссылкам в комментариях. Я поставил nofollow. Но тут небольшая хитрость. Я снова решил делать ссылку неактивной на комментатора. Многие меня просили подсказать, как сделать так, чтобы ссылка на комментатора была в виде текста, а не ссылки. Я поговорил с техподдержкой плагина и она любезно внедрила эту возможность в плагин. Просто добавьте вот этот код в functions.php:
    add_filter( 'decom_author_title_bottom_print_site_url', 'decom_author_title_bottom_print_site_url_func', 10 );
    function decom_author_title_bottom_print_site_url_func( $params ) {<span style="line-height: 1.5;">$params['show_link'] = 1;</span>return $params;}
    
  • Выделить (подписать) комментарии автора. Я поставил галочку, в итоге в комментариях будет отображаться что-то подобное:
  • Главный цвет. Тут выберите цвет вашей темы. Нажав на кнопку «Выбрать цвет», можно задать html код цвета. Все это влияет на цвета подобных блоков:
  • Показывать порядковые номера комментариев. Можно оставить, либо убрать. На ваш вкус. Я, наверное, все же уберу, думаю, эти цифры 1,2 и пр. не к чему:
  • Показывать суммарное количество комментариев вверху. Я поставил галочку:
  • Разрешить встраивание медиа-ссылок (Youtube, Twitter, Instagram) и пр. Я отметил, что да. Максимальное количество ссылок поставил 2. В преиумуществах (см. начало статьи) я указал, что при вставке подобных ссылок будет не просто ссылка, а уже непосредственно сам контент (твит и пр.). Очень удобно.
  • Разрешить поле «Сайт» в комментариях. Тут все по вашему желанию. Можете отключить, если это вам не нужно, но это существенно сократит количество комментариев на Вашем сайте.
  • Максимальный размер загружаемого изображения. Я оставил 3 MB.
  • Постраничная разбивка. Тут я выбрал «Показать еще», можно по-современному выбрать «Бесконечный скрол» (а-ля Твиттер, Контакт), либо по-старинке — «Предущая» или «Следующая» страницы.

Социальные

Вы можете поставить «Вход через социальные сети» с помощью плагина WP social login. Будет что-то вроде этого:

Скажите, ребята, в комментариях, пожалуйста: нужно ли делать вход через социальные сети для комментирования?

Социальные шейры — это расшаривание комментариев. Не знаю, кто это использует, но я попробовал добавить основные сети. Посмотрим, будет ли кто-то цитировать чьи-то комментарии в социальных сетях, пока сомневаюсь в этом. 🙂 Если что, отключу данную функцию:

Голосование

Тут все просто.

  • Минимальное количество лайков для отображения комментария вверху списка. Я оставил по умолчанию, цифру 5.
  • Показывать 2 комментария с самым большим рейтингов верху списка. Я оставил.
  • Показывать комментарии с негативным рейтингом затемненными. Полезно, тоже оставил.
  • Разрешить дизлайки. Тут пока оставил. Посмотрим, как будет использоваться данная функция среди комментаторов. Если что, можно с легкостью убрать ее.

Аватар

  • Аватар по умолчанию. Я сохранил стандартный аватар.
  • Стандартный размер аватара. Я поставил 75 пикселей.
  • Показывать аватар комментатора справа. Я вывел по умолчанию слева, поэтому эту опцию не трогал.
  • Круглые аватарки. Если у вас тема «кругловатая», можете поставить тут галочку.

Подписка

Здесь можно регулировать функцией подписки на комментарии. Я поставил галочку перед «Разрешить «подписку на ответы к моему комментарию» по умолчанию». Комментатор вот здесь может выбрать, какие уведомления он хочет получать:

Бейджи

Очень интересная функция. За определенные достижения комментатора можно награждать бейджами. Допустим, собрал комментатор 100 лайков — получил некое звание. Собрал 1000 — другое звание. Это все побуждает оставлять грамотные комментарии.

Также бейджи можно раздавать не за лайки, а за общее количество комментариев. И даже за количество дизлайков:

Оповещения

Здесь указаны переменные для оповещений на email. То есть, когда человек подпишется на уведомления на ответы к своим комментариям, он получит письмо на свою почту. Вот здесь придется перевести вручную, я перевел так:

Вывод

Функционал плагина de:comments меня очень порадовал. Я остался очень довольным данным плагином. Техподдержка очень отзывчивая, я попросил о некотором функционале, моментально все сделали. Плагин активно развивается, что очень радует. Поэтому, чуть завышенная цена, как я считаю, с расчетом на будущее окупится во много раз. Да и купон wpnew дает 20% скидки.

Мне вот не хватает виджета «Лучший комментатор месяца» на основе лайков, к примеру. Сообщил об этом, обещали уже в следующем обновлении реализовать. Действительно очень круто. Можно будет устраивать разные конкурсы на комментирование. 🙂

А как вам новая система комментирования на моем блоге? Все ли устраивает? Может что-то не то или чего-то не хватает?  Очень важны ваши комментарии по этому поводу. Спасибо, друзья, заранее!

113 комментариев на «Урок 377 Плагин de:comments: расширяем функционал стандартных комментариев в WordPress»
  1. Денис

    Интересная статья, Пётр. Вопросы — картинки под определенное разрешение масштабируются? Сразу тест, в картинке по горизонтали 1316 пикселей.
    Второе — Оформление, а именно отступы между абзацами, шрифты, цвет шрифта.
    Третье уровень вложенности комментариев регулируется?
    Последнее — после отключения плагина все комментарии сделанные после его установки сохраняются?

    • Денис

      Оставил комментарий, а как его сразу подредактировать не вижу. Картинка как вижу вставляется в полном размере. Статью по моему такие картинки сильно будут утяжелять.
      Картинки сохраняются всегда в папке uploads или если задано в wordpress сохранение по годам, месяцам, то сохранение идет в соответствующие папки?

  2. YurOK

    Сколько же всего у тебя на этом сайте сейчас плагинов?

    • Пётр Александров Автор статьи
      https://wpnew.ru

      Про установленные плагины я писал тут https://wpnew.ru/sozdanie-bloga/razdel-4-plaginy/neobhodimye-plaginy-dlya-wordpress.html

      Всего меньше 20, около 15.

      • Виталий Охрименко
        https://fitkiss.club

        Вообще у тебя, Петь, по разным тестам скорость блога не очень. Хотя по факту все работает очень даже быстро. И к тому же судя по впечатляющей посещалке тебе это абсолютно никак не мешает очень активно развиваться. Так что смело могу делать вывод: скорость не так важна, как об этом многие твердят

  3. Вадим
    https://av-finance.ru/

    Петя, спасибо за статью! Пост действительно классный и полезный.
    Но вот возникло несколько вопросов. К сожалению, нет демо-версии у этого плагина и проверить не могу.
    Собственно вопросы:
    1. Нагрузка на хостинг. Насколько тяжел этот плагин?
    2. Можно ли прикрепить несколько изображений к одному комментарию?
    3. Можно ли настраивать максимальный размер прикрепляемых изображений? И где хранятся изображения (на хостинге).
    4. Рейтинг комментариев — это круто! Блин, я не могу найти нормальный плагин для WP, чтобы решал эту задачу! Но вот вопрос, а есть ли у этого плагина статистика по голосовалке в комментариях.
    Вроде бы все. А так, впечатления очень даже положительные.

    • Пётр Александров Автор статьи
      https://wpnew.ru

      1. К сожалению, по поводу нагрузки ничего сказать не могу. Не знаю, как это отмерить даже.
      2. Нет, только 1 изображение.
      3. Картинки уходят в «Медиафайлы», значит хранятся там же, где обычные изображения. Думаю, максимальный размер картинок тоже можно легко настроить в файлах плагина.
      4. Статистики пока, к сожалению, нет. Разработчики ответили, что работают над этим, реализовано будет при следующем обновлении плагина. Я вот тоже очень жду этот функционал + разные виджеты в стиле «Лучший комментатор» (по кол-ву лайков, к примеру).

      • Дмитрий

        На планшете ссылки отображаются внутри ника и они кликабельны.

    • Алексей Фёдоров
      https://deco.agency

      1. По нагрузке могу сказать, что не грузит абсолютно; мы очень плотно работали с http://lifehacker.ru, когда они перешли на нашу систему, чтобы снизить нагрузку на сервера; получилось 🙂
      2. Мы планируем добавить возможность вставки нескольких картинок в будущих версиях. Пока только одну.
      3. Петр прав, в медиафайлах, т.е. идут в папку uploads
      4. В планах

      • Вадим
        https://av-finance.ru/

        Алексей, спасибо за ответ.
        В силу моей специфики блога, возможности прикрепить 1 изображение к комментарию, очень мало. Сейчас приходится обходиться хостингами картинок, но очень хотелось бы от этого отойти.
        Кстати, письма с уведомлениями о новых комментариях, у меня google благополучно посчитал спамом.
        И еще парочку вопросов, если можно?

        1. Можно ли добавить в форму какой-нибудь простенький визуальный редактор со стандартными кнопками форматирования текста? Может быть можно подружить как-то с TinyMCE или CKEditor?
        2. Сделать возможность увеличить текстовую область (textarea), а то, когда пишешь большой комментарий, текст убегает и не видно, что уже написал.
        3. Очень хотелось бы увидеть демо-версию с урезанным функционалом или триальную версию плагина, чтобы можно было посмотреть в «боевых условиях».
        Ну вроде бы ничего не забыл. Надеюсь не надоел со своими вопросами. Добавил ссылочку в закладки и буду внимательно следить за выходом новых версий. 🙂
        С уважением, Вадим.

        • Алексей Фёдоров
          https://deco.agency

          По уведомлениям — это скорее всего из-за особых каких-то настроек хостинга отдельно взятого сайта, но и в этом направлении покопаемся, спасибо за информацию.

          1. Визуальный редактор в комменты мы точно добавлять не будем, а то в комментах начнется шапито и вся наша красота насмарку 🙂 Но, возможно, подружим с какими-то сторонними плагинами.
          2. Да, в следующем большом апдейте это уже будет учтено.
          3. В планах сделать бесплатную урезанную версию, наверное, к концу лета, но боюсь загадывать, работы очень много, а задача не самая приоритетная. Триал, возможно, в течение месяца прикрутим.

          Спасибо за ваш интерес и рекомендации; мы все учитываем )

          • Владислав
            http://adobe-master.ru

            Добрый день.
            Уже сделали бесплатную урезанную версию?)

          • Алексей
            https://deco.agency

            Пока нет; отложили в планах на зиму

          • Виталий Охрименко
            https://fitkiss.club

            Хотелось бы чтобы она была. Мне кажется это бы повысило узнаваемость плагина, что по итогам увеличило бы колличество покупателей

      • Анатолий
        http://keyassort.ru

        Добавлю пожелание — было бы здорово, если бы критические обновления (уязвимость, совместимость с новой версией WP) были бы бесплатными не только год, а и дальше. Спасибо!

        • Андрей

          Да хоть пожизненно. Какая разница, если плагин перестанет поддерживаться. А он перестанет, если будет не выгодно над ним работать.

      • Андрей

        Почти год назад пообещали сделать возможным отключить вложения изображений. Сделали? Просто на сайте ни слова про обновления и версии, словно плагин мертвый.

  4. Игорь Черноморец
    http://Igorchernomoretz.com

    По твоему описанию плагин великолепный! А сколько он стоит?

    • Пётр Александров Автор статьи
      https://wpnew.ru

      $50 на 1 сайт. И $100 на 3 сайта. Купон wpnew дает скидку в 20%, то есть будет в итоге $40 и $80.

      • Дмитрий

        Только он не пожизненный за 50$, как ты написал, а на 1 год 🙂

        • Пётр Александров Автор статьи
          https://wpnew.ru

          Плагин будет работать всегда, $50 — это стоимость подписки на обновления и поддержка на год

          • Сергей
            https://ruskweb.ru

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

            А в целом довольно приятный соц. элемент, но уж слишком завышена цена мне кажется.

          • Виталий Охрименко
            https://fitkiss.club

            Лично мне тоже так кажется, хотя опять-таки, для матерых блогеров разве это цена. Кому гречка крупновата, а кому бриллианты маловаты…

          • Test

            Определенно. Хотя обычно можно обновлять чуть реже раза в год, всё-таки плагин не такой уж сложный.

          • Андрей

            Всегда с учетом отказа от обновлений Вордпресса, что никак невозможно.

  5. Алексей Фёдоров
    https://deco.agency

    Пётр, рад, что вам понравились наши комменты; спасибо за столь подробный обзор!

    Буду рад ответить на вопросы ваших читателей

    • Ломыч
      https://lomich.ru

      Алексей, вот если бы вы ценник уронили баксов до 5-10, или давали бы пробную версию, допустим, на полгода, то увеличили бы себе клиентскую базу в разы. Плагин крутой однозначно, но бъёт по карману!

      • Виталий Охрименко
        https://fitkiss.club

        Думаю если бы они уронили ценник то этот плагин стоял бы на всех блогах, что называется от и до. А сейчас пока это могут позволить себе только «акулы интернет-бизнеса»

        • IvYur

          Ну почему только акулы? Его могут позволить да и средней руки блогеры. Вот только я сомневаюсь, что он им так катастрофически нужен.

          • Виталий Охрименко
            https://fitkiss.club

            Да ну прикольно конечно с ним. Я сразу было подумывал что он нафиг не нужен, ну а поккоментировал Петин блог и сделал выводы что плагин классный

    • Нюша

      Алексей, в комментариях есть возможность авторизации через социальные сети и через сайт одновременный вывод для выбора ?

      • Алексей Фёдоров
        https://deco.agency

        В комментах подтягивается родная форма авторизации. Если вы включите какой-нибудь плагин для соц.авторизации, то и перед формой комментирования появятся кнопки социалок

    • иван

      ну проверка)

Добавить комментарий
Ваш адрес email не будет опубликован. Обязательные поля помечены
Нажав на кнопку «Отправить комментарий» вы принимаете соглашение на обработку персональных данных.
Подпишитесь на бесплатные уроки по e‑mail и получите книгу в подарок
Нажав на кнопку «Подписаться» вы принимаете соглашение на обработку персональных данных.
Книга по SEO