Как сделать топ комментаторов в wordpress без плагина?

Опубликовано: 09.11.2014 | 1079

Как сделать топ комментаторов в wordpress без плагина?

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

Если честно, то я сначала хотел поставить плагин, но он мне не понравился. Слишком криво выводит аватарки и имена комментаторов. Решение нашлось. Как обычно, читая блог Александра Борисова, наткнулся на интересную статью и решил рассказать об этом на своём блоге. К тому же, если я что-то ввожу новое на блог, то сразу публикую статью о том, что сделал и как :)

Кстати, сегодня я открыл группу вконтакте, так что милости прошу. Более подробно о сообществе Вы можете узнать на этой странице.

Содержание:
1. Что такое топ комментаторов и что оно даёт?
2. Как вывести топ без плагина?

Итак, давайте, как обычно, по порядку. Сначала в кратце об это функционале, а затем собственно как установить.

Внимание: Перед тем как приступить к внедрению топа на Ваш блог, сначала сделайте скрытие ссылок с помощью urlspan ОБЯЗАТЕЛЬНО, иначе ссылки комментаторов в виджете работать не будут. Как это сделать я писал в своей статье «Оптимизация WordPress» подзаголовок «Избавляемся от утечки веса страниц!».

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

Что даст блогу такой функционал?

На многих раскрученных блогах присутствует вывод самых активных комментаторов. Это даёт как расширение функционала, так и другую пользу. У Ваших читателей повышается интерес комментировать посты, так как ссылка из его комментария выводится в виджете комментаторов, а если Ваш ресурс хорошо посещаем, этот интерес растёт в разы с каждым днём.

Также на страницах блога выводится и аватарка читателя. А картинка всегда привлекает больше внимания, чем изображение с «пустым человечком».Аватарка пользователейСмотря на такой топ, другие посетители переходят на сайт самого общительного, соответственно комментатор получает возможного заинтересованного читателя.

Ещё большой плюс такого функционала — это помощь в проведении конкурсов на комментирование постов. Будет полезно тем, кто проводит разовые или ежемесячные конкурсы по комментированию своих статей. Код, который я предложу внедрить ниже, имеет несколько настроек и позволяет выводить статистику за всё время или за текущий месяц.

Функционал «Топ комментаторов» несомненно полезен для каждого блога и должен стоять на каждом ресурсе данного типа. С ним Вы почувствуете что Ваш блог стал более интересным и посещаемым!

Конечно же, если у Вас отключены комментарии на блоге, то эта фишка будет просто бесполезна, но, честно говоря, таких блогов я ещё не встречал :)

Как организовать вывод лучших комментаторов?

Давайте приступим к делу. Как я уже говорил, ничего сложного во внедрении кода нету. На нужно всего-лишь вставить его в два файла Вашей темы.

Шаг 1: Скачиваем вот этот архив. Копируем из него код. Открываем файл functions.php и вставляем код в самый конец файла:

Все настройки находятся внутри файла. Там всё подробно прокомментировано, так что справится даже новичок. Честно говоря, я хотел вывести код прямо в статье, но что-то не получается и поэтому я запаковал его в архив. Простите уж за неудобства. Едем дальше.

Шаг 2: Теперь нам нужно вставить код стиля в файл стилей Вашей темы style.css:

.top-comment {
height:100%;
margin-top:-10px; 
}
.top-comment table {
min-height: 100%;
height:100%;
margin: 20px 0px 0px 5px;
}
.top-comment table td {
float: center;
padding: 9px;
width: 70px;
}
.top-comment .avatar-top img {
border: 3px solid #7FB2EC;
}
.top-comment .avatar-comment {
font-size: 11px;
margin: 0;
}

Тут ничего менять не будем. Вставили и забыли!

Шаг 3: И последним шагом, нам нужно добавить небольшой php-код в виджет. А как вывести такой в виджет, спросите Вы. Очень просто. Прочтите мою статью «Как выполнить php-сценарий в виджетах WordPress?» и возвращайтесь.

Прочитали? Сделали всё что там описано? Хорошо. Теперь добавьте в панели виджетов новый виджет «Текст» и вставьте следующий код:

<?php sp_top_commentator(); ?>

Внимание, если в Вашей теме отображение будет работать некорректно, измените часть кода в Вашем файле стилей:

.top-comment {
/*height:100%;*/
margin-top:-10px;
}
.top-comment table {
/*min-height: 100%;
height:100%;
margin: 20px 0px 0px 5px;*/
}

В этом случае я закомментировал некоторые параметры. Это действие было произведено из-за некорректного отображения блока в некоторых браузерах!

Вот и всё. Теперь у Вас будет красоваться такой же блок комментаторов как у меня! На этом у меня всё. Спасибо за Ваше внимание. Не забываем про комментарии и поделиться статьёй с друзьями в соцсетях. С уважением, Александр Васильев.

БредТак себеНеплохоХорошоОтлично
Загрузка...
Подписка на новые статьи блога


Не будь жадиной! Поделись с друзьями :)



Комментарии к этой записи (Правила):

  1. Никита (09.11.2014)



    Замечательная статья! Вот нужно переделать топ, так как ссылки в нем открытые. Как вы считаете стоит ли их закрывать?

    P.S. Вручаю вашему блогу награду Liebster Blog Award все подробности у меня в статье!

    1. Александр Васильев (09.11.2014)



      Ого. Ничего себе. Спасибо. Не ожидал, если честно что за моими статьями кто-то так пристально следил :)

    2. Александр Васильев (09.11.2014)



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

      1. Никита (10.11.2014)



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

      2. Александр Васильев (10.11.2014)



        Ну то стандартный был. А вот этот, хоть не супер, но мой :)

  2. Артур (15.11.2014)



    Спасибо большое автору! Очень помог попасть в топ комментаторов! 5 звёзд ставлю!

    1. Александр Васильев (15.11.2014)



      Можно уточнить? каким образом я помог Вам попасть в топ и где?

  3. ВЯЧЕСЛАВ (17.11.2014)



    Очень понравилась статья .Довольна таки понятное описание как можно попасть в топ .Описано все в мелких деталях что дает возможность это сделать любому пользователю.Да и не стану скрывать сам попробовал и все получилось спасибо автору…)

  4. Марина (18.11.2014)



    Интересно… Я попробовала скачать, но сначала почему то не получилось. Потом настройки поменяла и все стало на свои места. Сейчас изучаю данный материал и надеюсь получить такой же результат как и вас! )))

    1. Александр Васильев (20.11.2014)



      Что именно не получилось? Проблем быть не должно. Опишите подробнее суть проблемы.

  5. Юрий Йосифович (20.11.2014)



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

    1. Александр Васильев (20.11.2014)



      Не мог, конечно. Конкурс пришёл спонтанно и менее чем за сутки :)

      1. Иван Зелинский (20.11.2014)



        Всегда хорошие идеи приходят спонтанна, особенно тогда ты даже о них и не думаешь, призовой фонд свое движение на блоге обязательно сделает и показатели улучшатся — однозначно

  6. Юрий Йосифович (21.11.2014)



    Еще одну высоту убрать нужно:
    .top-comment {
    /* height: 100%; */
    margin-top: -10px;
    }

    Закомментируй это в стилях — высота блока не указывается — иначе под нее резервируется место.

  7. Юрий Йосифович (21.11.2014)



    О, теперь красиво. Можешь по сути в коде статьи также поправить, чтобы не вводить читателей в заблуждение — а то будут искать потом как решить проблему с отображением ТОПа комментаторов.

    1. Александр Васильев (21.11.2014)



      Спасибо за помощь. Сейчас всё подправлю.

  8. Иван Зелинский (21.11.2014)



    Да, действительно теперь все смотрится во много раз пристойней

  9. Василий Блинов (19.04.2015)



    Спасибо, наконец-то нашел как скрыть ссылки в коде топ комментаторов через urlspan!

    1. Александр Васильев (19.04.2015)



      Не за что. Странно, что Вы нашли эту информацию именно у меня :question:

      На многих блогах есть такая информация.

  10. Александр (30.11.2015)



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

  11. Андрей Зимин (02.02.2016)



    Скрипт замечательный, и я его вставил, только у меня вопрос, как сделать чтобы ссылки не выводились. Я не имею в виду noindex и nofollow, это не серьёзно. Я имею в виду, чтобы при наведении мышкой, вообще не показывалась не какая ссылка?

    1. Александр Васильев (05.02.2016)



      Ссылка не передаёт вес. Просто отображается её адрес при наведении. Если уж и это для Вас проблема, просто удалите из кода title. Ну и конечно еж если Вы выполнили все условия, которые описаны в статье, для корректной работы данного функционала.

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

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

:arrow: 
:biggrin: 
:confused: 
:cool: 
:cry: 
:eek: 
:evil: 
:exclaim: 
:idea: 
:lol: 
:mad: 
:mrgreen: 
:neutral: 
:question: 
:razz: 
:redface: 
:rolleyes: 
:sad: 
:) 
:surprised: 
:twisted: