Кнопка ответить на комментарии и выделение администратора в WordPress

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

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

Перейду сразу к сути, кто еще не сделал себе кнопку (Ответить), значит этот пост точно для вас.

Как сделать кнопку Ответить на комментарии в WordPress ?

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

Я буду использовать плагин, который будет выводить мне кнопку Ответить. Пересмотрел я много плагинов, и перепробовал не мало, по этому могу сказать, что я определился какой лучше всех! И данный плагин называется WordPress Thread Comment его вы можете скачать перейдя по ссылке, либо у себя в админке зайдите в Плагины/Добавить новый, и в поиске пропишите это название и установите.

Хорошо, установили и активировали, теперь перейдем к настройкам.

Настройка плагина WP Thread Comment

Переходим в админ панель Настройки/Древовидные комментарии, первый скриншот с настройками:

Вообщем, делаем все так как на картинке, эта была первая часть настроек данного плагина, теперь переходим ниже, к более важным настройкам, вот скрыншот:

И теперь более подробно разберем эти настройки, будем ковырять так сказать, код.
Как выглядит стандартный код настройки вида Ответа, я показывать не буду, вы и так увидите его у себя.

Вот лучше давайте посмотрим как выглядит комментарий, с стандартным HTML кодом:

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

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

Настройки вида ответов, вставляем данный код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<div class='<?php
if (1 == $comment->user_id)
$oddcomment = 'adm_';
echo $oddcomment;
?>comments'><table border="0" cellpadding="1" cellspacing="1">
	<tbody>
		<tr>
			<td>
			<div class="comment-avatar"><?php echo theme_get_avatar(array('id' => $comment, 'size' => 60)); ?></div>
			</td>
			<td>
			<p><cite>[author]</cite> Ответ:[moderation]<br /><small class="commentmetadata">[date] at [time]</small></p>[content]</div>
			</td>
		</tr>
	</tbody>
</table>
 
<p>&nbsp;</p></div>

Итак что это такое и как в нем разобраться, давайте поэтапно рассмотрим данный код, первое:

1
2
3
4
5

<div class='<?php
if (1 == $comment->user_id)
$oddcomment = 'adm_';
echo $oddcomment;
?>comments'>

В данном коде, идет определение для какого комментария какой класс использовать, то есть ID админа как правило 1, по этому все id другие, будут выводится стандартом. Как правило класс «.comments» используется для вывода комментарий на блоге? В моем случаи это «.art-comment» по скольку тема с программы артистер.

Важно точно посмотреть, какой артикул у вас, comment или comments а может art-comment, как у меня. Нужно точно узнать, потому что у каждого по разному, как точно узнать читайте ниже.

Если админ оставит комментарий, то к нему добавится приставка «adm_» и уже будет использоваться другой класс, но нам нужно создать этот класс в стили добавить код, но об этом ниже.

Весь остальной код, создал я в виде таблицы, чтоб аватар был слева а текст справа, также для тех кто захочет закрыть ссылки в коментах, тегом span, просто за месть [author] вставьте вот это:

1

<span class="hidden-link" title="<?=get_comment_author_url ()?>" onclick="GoTo ('<?=get_comment_author_url ()?>')"><?=get_comment_author ()?></span>

Кто еще не знает как скрыть ссылки в комментариях то вам нужно прочитать статью «Как закрыть внешние ссылки тегом span?» Ну вот в принципе и разобрались.

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

Следующий скриншот настройки, вот:

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

И осталось завершить эти настройки, добавим код css в стили. Чтобы вывести комментарии ответов, таким же самым стелем, вам необходимо узнать класс стиля который выводит ваш комментарий, как его узнать.?

Перейдите на любую страницу своего блога с комментариями и нажмите правой кнопкой мыши на комент, затем выберите просмотр кода элемента, в низу появляется панель, на ней код страницы, вам нужно нажать на тот, который выводит комментарий и справа вы сможете посмотреть свой стиль данного комента и скопировать? нажав на style.css

Затем переходим в админку Внешний вид/Редактор и в стилях нужно прописать ваш css который вы скопировали, (если вы на нашли или не поняли как это сделать, то можете прописать мой), только класс поменять на «.adm_comment»

1
2
3
4
5
6
7
8
9
10
11
12
13

.adm_comments {
	background: #E2E8EE;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
   border:1px solid #9CAFC4;
   padding:7px;
   margin:0 auto;
   margin-top: 15px;
	}

В этом css, вам нужно свой класс поставить, как я выше говорил уже, его нужно узнать и просто прилепить adm_ спереди, как на моем примере «adm_comments» если у вас класс art-comment, то стиль нужно создать с классом adm_art-comment ну думаю что понятно.

С этим мы закончили, теперь нужно выделить комментарий администратора другим цветом,

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

В ответах мы уже это сделать, осталось в простых коментах выделить. Нужно в файле который выводит комментарий добавить кож который ниже, по этому переходим Внешний вид/Редактор и в functions.php ищем строчку с выводом комментариев и перед этим классом вставим наш код:

1
2
3
4
5

<div class='<?php
if (1 == $comment->user_id)
$oddcomment = 'adm_';
echo $oddcomment;
?>comments'>

Найти строчку с выводом комментариев можно нажав сочетании клавиш Ctrl+F и вписать ваш класс.

Вот в принципе и все, а кто что-то не понял вот видео для закрепление материала:

Всем спасибо, оставляйте свои коменты к данной статье, и в завершении скажу если что-то на получится у вас можете всегда вернуть назад все, в исходное положение, нажав на кнопку «Сбросить настройки», всё пака пака !

С уважением Евгений Смецкий