Зачем нужен сайту Топ комментаторов и как он может помочь вам получить больше откликов на ваши посты?
В таком топе находятся имена самых активных комментаторов вашего сайта (или блога), часто с аватарами.
Каждому читателю будет приятно увидеть себя в Топе.
Кроме того, имена и картинки всегда привлекают внимание и, время от времени, кто то обязательно кликнет по аватарке комментатора и перейдет на его сайт, что тоже всегда приятно.
А еще, можно не закрывать от индексации Топ комментаторов и тогда каждый комментатор из этого списка получит еще и ссылку на свой сайт, что приятно вдвойне. (Правда, на молодых сайтах, Топ, все таки, лучше закрыть от индексации.)
Да и сам Топ комментаторов, если не оставлять его в виде унылого списка, а оформить нестандартно, способен украсить ваш блог.
Сегодня я как раз и расскажу вам, во-первых, как без плагинов сделать Топ комментаторов на сайте, а во-вторых, как оформить его красиво.
1. Вариант Топа в виде списка имен комментаторов с аватарами:
Итак, нужно скопировать этот код и вставить его в файл functions.php вашей темы перед закрывающим тегом ?>:
Код доступен моим подписчикам ↓
Открыть ↓
Это запрос к базе данных вашего сайта, который делает выборку комментаторов по количеству оставленных комментариев. Цифра 10 в первой строке — это количество комментаторов, которое мы хотим вывести.
Там, где вы хотите видеть Топ вставьте следующее:
<h2>Топ комментаторов</h2>
<ul id="top"><noindex><?php top_commentators(); ?></noindex></ul> |
И немного стилей, для придания красоты нашему Топу:
#top { width: 100%; height: auto; margin: 10px 0 10px 0; padding: 0; } #top li { width: 100%; height: 46px; border-top: 1px dashed #999; list-style: none; margin: 0; padding: 3px 0 0 0; display:block; line-height: 1; overflow: hidden; } #top img { float: left; width: 40px; height: 40px; margin: 0 10px 0 0; padding: 1px; background-color: #eee; border: 1px solid #ddd; } |
Если сайдбар у вас широкий, можно выводить Топ комментаторов в две колонки.
Для этого измените ширину селектора #top li со 100% на 48%.
2. Вариант Топа комментаторов в виде небольшой галереи аватаров с подписями под ними:
Меняем только стиль:
#top { width: 100%; height: auto; margin: 10px 0 10px 0; padding: 0; } #top li { float: left; width: 60px; height: 63px; list-style: none; margin: 0; padding: 0; display: block; overflow: hidden; font-size: 12px; text-align: center; } #top img { float: left; width: 40px; height: 40px; margin: 0 10px 3px 9px; padding: 0; background-color: #ddd; border: 1px solid #999; } |
И последний вариант
3. Топ в виде галереи, состоящей из одних аватаров
являющихся ссылками на сайт комментатора.
Из кода в файле functions.php:
echo '<li class="top"> <a rel="nofollow" href="'. $tc->comment_author_url .'"> <img src="'.$avatar_url.'" align="left" width="42" height="42" title="'. $tc->comment_author .'" /> </a> <a rel="nofollow" href="'. $tc->comment_author_url .'">'. $tc->comment_author .'</a></noindex> <small>('. $tc->comment_count .')</small> </li>'; |
нужно удалить теги < li >< /li > и имя комментатора, оставить одни аватары. Вот так:
echo '<a rel="nofollow" href="'. $tc->comment_author_url .'"> <img src="'.$avatar_url.'" align="left" width="42" height="42" title="'. $tc->comment_author .'" /> </a>'; |
Стили, в этом случае, тоже меняются:
#top { width: 100%; height: auto; padding: 10px 0 10px 12px; } #top img { float: left; width: 40px; height: 40px; margin: 0 8px 7px 0; padding: 1px; background-color: #eee; border: 1px solid #ddd; clear: none; } |
Этот вариант вывода Топа комментаторов имеет свои недостатки, в частности, вместе с комментаторами выводит аватар админа и не позволяет указать время, за которое подсчитывается количество комментариев.
Зато, код легкий и добавляет намного меньше запросов к базе данных, чем аналогичный по функционалу, плагин.
В коде предусмотрен вывод запасного аватара в случае, когда у комментатора нет своего.
Для того, чтобы воспользоваться этой возможностью, сделайте свой аватар с названием default_avatar.gif, например такой, как этот - размером 40px на 40px и положите его в папку images вашей wordpress-темы.
Вот и все.
Я, думаю, что посетителям будет приятно увидеть это новшество на вашем сайте.
Не стоит, только, пропускать комменты, не несущие особого смысла и написанные только ради Топа, чтобы у ваших читателей был стимул зайти к вам еще раз, оставить свой комментарий и увидеть свою аватарку в Топе комментаторов.
Удачи!
Спасибо большое. Я как раз думал, как бы мне реализовать такую функцию.
Спасибо, нужно попробовать.
Спасибо за информацию! Все так доступно написано. Если бы мне вебдизайнер не сделал топ комментаторов (как мне кажется, интересный) обязательно бы воспользовалась Вашей подсказкой.
Как у вас все аккуратненько получается и красиво.
Спасибочки, попробуемС! 🙂
Ксана, очень интересные варианты. Надо попробовать. Судя по коду в 1 варианте, комментаторы закрыты от индексирования? Только я не совсем поняла, если код надо вставить в сайдбар, то куда вставляются стили для украшения? Если в редактор темы, то конкретно в какое место?
Если в 1 варианте указать количество 5, то они разместятся в одну колонку? У меня сайдбар 200-250, надо чтобы поместилось.
Еще раз спасибо.
Да.
В любой файл .css.
Чтобы Топ был в одну колонку нужно указать width: 100%; для селектора #top
При ширине сайдбара 250px можно и в две колонки.
Ксана, что-то не получается. Виджет есть в левой колонке, но в нем ничего не отображается. Я эти кода ставила в конце functions.php и списка стилей. Что делать?
О каком виджете идет речь?
Вам нужно вставить этот код в файл sidebar.php:
без всякого виджета.
Спасибо! Теперь получилось!
На одном сайте получилось, а на другом слетела тема. пришлось переустанавливать тему. В техподдержке сказали. что это тема некорректная. А как узнать заранее корректная тема или нет?
Посмотреть код темы :).
Вот если бы еще знать , что там надо смотреть и как оно должно выглядеть... Но для этого надо быть специалистом по кодам. А мне до специалиста еще очень далеко.
Ксана, а может есть какой-то сервис или программа, которая проверяет код?
Есть плагин TAC - http://wordpress.org/extend/plugins/tac/, который проверяет закодированный текст в теме.
К сожалению, этого не достаточно.
Плагина, который проверяет кривой код и кривую верстку нет.
Очень полезно, спасибо!
Ух ты, какая полезная функция, позволит избавиться еще от одного плагина. Спасибо. Сейчас буду экспериментировать!
Я добавила второй вариант, но пока ничего не видно.
Значит что то сделали не правильно.
Прочитайте еще раз пост и проверьте ошибки.
А картинки в топе сразу появляются или позже? У меня наверное шаблон не подходит, ничего не вышло.
Скорее всего, вы что то неправильно сделали.
Спасибо, Ksana! Тема очень актуальная.
1. >нужно скопировать этот код и вставить его в файл functions.php вашей темы:
в какое место надо вставить? без разницы? в любое?
2. в первом отрывке кода есть закрывающий тег (в последней строчке кода), а открывающего тега не нашел
1. Перед закрывающим тегом ?>
2. Сорри, исправила.
Здравствуйте, Оксана! Какая находка!
Потому что я устанавливала плагин подобный, а с ним индексируются все внешние ссылки. Я выставила первый код в файл functions.php, второй попыталась поставить в sidebar2.php, но там столько всего. В первом случае я поставила в самый низ, и потом увидела только надпись ТОП комментаторы, а во втором случае, поставила куда-то в середину и не увидела ничего. Перед или после какого тега нужно устанавливать ваш коротенький код? Стили установила. Спасибо за совет
Поставить можно в любом месте, но не внутри php кода.
Увы... Попробовала вверху, вижу текст топ коментаторы, а ниже вообще ничего. Виджеты исчезают. Наверное, моя тема не годится для этого. Делала сама. Эх, как жаль
Спасибо полезный совет
Да. Конечно же этот способ увеличит количество комментариев и я очень благодарен Вам за предложенный вами код, вместо плагина, обязательно воспользуюсь, НО попозже. У меня блог очень молодой и ТОП комментаторов для него я так думаю, что бесполезен. Пока работаю на провокационным материалом...
А подскажите, пожалуйста, как разместить топ в сайдбаре в том месте, где я хочу? Я имею в виду, что у меня топ оказался в самом низу сайдбара под всеми виджетами, а я хотела бы где-то между)) Как это можно сделать?
Откройте файл sidebar.php и вставьте код в то место, в котором вы хотите видеть ваш Топ.
Благодарю за пояснения! Тоже себе установил. Сейчас провожу конкурс комментаторов, посмотрю, как это скажется.
День добрый! А есть ли что то у вас связанное с выводом популярных авторов в сайдбаре? (вывод: имя, аватарка и количество записей)
Такой статьи на сайте нет.
Есть только вывод Топа комментаторов.