Блог Андрея Юрченко

Авторский блог с полезными статьями по темам: создание сайта, заработок на сайте, заработок в интернете, работа на дому, работа в интернете, инфобизнес

WordPress последние комментарии с аватарами без плагина

Порой у вебмастеров возникает вопрос: как вывести на своем сайте последние комментарии в определенном месте, да еще чтобы присутствовали аватары. Решить эту проблему можно при помощи плагина, к примеру WP-RecentComments и это самый простой и распространенный метод, но мы не будем использовать плагины, а воспользуемся кодом.

последние комментарии wordpress, вывод комментариев, комментарии wordpress

Многие уже давно знают, что использование плагинов создает дополнительную нагрузку на сайт, что увеличивает количество запросов к базе данных. В WordPress есть встроенный виджет последних комментариев, но вывод только текстом и без аватарок. О более простом выводе можете почитать здесь

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

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

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

Размещение кода последних комментариев

Первое что нужно, так это сделать поддержку кода php в сайдбаре WordPress. Для чего это нужно спросите вы? Все просто, по умолчанию WordPress не поддерживает вставку PHP кода и он не будет работать, если вставить код через виджет «Текст». Другими словами, наш код работать не будет.

Можете поэкспериментировать, для этого возьмите любой код и вставьте в текстовый виджет, в результате в сайдбаре вы увидите сам код, а не то, что должно быть. Для отображения значения кода нужно добавить в файл functions.php небольшой фрагмент кода, который позволит поддерживать PHP в сайдбаре.

Шаг 1. Скопируйте код и вставьте в файл:

function php_execute($html){
if(strpos($html,"<"."?php")!==false){
ob_start();
eval("?".">".$html);
$html=ob_get_contents();
ob_end_clean();
}
return $html;
}
add_filter('widget_text','php_execute',100);

Код нужно вставить в конце кода файла functions.php перед закрывающимся тегом ?>.

Шаг 2. Зайдите в админ-панель своего сайта на вкладку Внешний вид – Виджеты и добавьте в сайдбар текстовый виджет. Скопируйте ниже приведенный код и вставьте в поле ввода.

<?php $comments = get_comments(‘status=approve&number=5′); ?>
<ul class=»commwidg»>
<?php foreach ($comments as $comment) { ?>
<li class=»comcont»><?php
$title = get_the_title($comment->comment_post_ID);
echo get_avatar( $comment, $size = ’65′);
echo ‘<span class=»comtex»>’ . ($comment->comment_author) . »;
?> к посту: </span><a class=»auth» href=»<?php echo get_permalink($comment->comment_post_ID); ?>»
rel=»external nofollow» title=»<?php echo $title; ?>»>
<?php echo $title; ?>
«<?php
echo ‘<span class=» comtex «>’ . wp_html_excerpt( $comment->comment_content, 35 ) .
‘</span>’; ?>..» <br></a>
<?php $d = «d M Y»;
$comment_ID = $comment->comment_ID;
$comment_date = get_comment_date( $d, $comment_ID );
$comment_PID = $comment->comment_post_ID;
echo $comment_date;?>
<?php echo ‘Всего комментарий: ‘.get_comments_number($comment_PID) ?>
</li>
<?php } ?> </ul>

Что мы здесь можем настроить и изменить?

В первой строке (‘status=approve&number=5′) – это количество выводимых комментариев,

далее ($comment, $size = ’45′) – размер аватарок, установите тот размер, который будет нормально выглядеть на вашем сайте

и ( $comment->comment_content, 35 ) – сколько символов сообщения нужно выводить.

Шаг 3. Ну и для того, чтобы  последние комментарии корректно отображались, нужно задать им стили. Откройте файл style.css и пропишите следующий код:

ul. commwidg {
    margin-left: 0;
    list-style: none;
}
li.comcont {
   clear:both;
   min-height: 60px;
   margin-bottom: 5px;
}
.commwidg .avatar {
   float:left;
   margin-top: 5px !important;
   margin-right:10px !important;
   border: #d8d8d8 1px solid;
}
span. comtex {
   font-weight: bold;
   color: #626264;
}
a.auth {
   color: #05788e !important;
   transition:0.2s all;
}
a.auth:hover { color: #fb7c0a !important;}

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

последние комментарии wordpress, вывод комментариев, комментарии wordpress

На этом у меня все. Читайте мои статьи и вы найдете в них много полезного и интересного. Да, и не забывайте делиться с друзьями — кнопочки сразу под статьей.

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

С уважением, Андрей Юрченко

Поделитесь статьей в социальных сетях!

Подпишись на RSS-рассылку и получай новые статьи на почту!

Введите свой e-mail:

МАГИЧЕСКИЙ ШАБЛОН ПОДПИСНОЙ СТРАНИЦЫ В ПОДАРОК, ЗАБИРАЙТЕ

Оставить комментарий:

Комментарии: 9

Оставить комментарий
  1. Serg:

    Здравствуйте! А как можно сделать текст коммента в виде ссылки на полный коммент? Спасибо!!!

    1. Андрей:

      Не смог сразу ответить, пару дней был в отъезде без компа.
      Ваша задача решается очень просто. Уберите закрывающийся тег /a и вставьте его перед тегом br. В этом случае заголовок и текст будут ссылкой. Если вставить тег сразу после /li, то весь текст вместе с датой будет ссылкой.

  2. Катя:

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

    1. Андрей:

      Катя,спасибо! Действительно после смены версии PHP на сервере некоторые функции стали неправильно работать.
      Все исправил, репосты убрал, можете брать коды свободно.
      Будут вопросы — пишите, помогу.

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

    1. Андрей:

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

  4. Site:

    Спасибо большое! А не могли бы Вы подсказать в какой файл надо подставить этот код С вордпрессом общаюсь без году неделя, пока не очень понимаю что, где и как ??

    1. Андрей:

      Прочитайте еще раз внимательно статью.
      Там все по порядку описано что и как делать и куда вставлять код.

  5. Алла:

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

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Комментарии Вконтакте:

Content Tab Three

Блог Андрея Юрченко © 2016

ВВЕРХ