Как выделить новые комментарии для вернувшихся посетителей в WordPress

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

Первым делом вам необходимо установить и активировать плагин Comments Since Last Visit. Плагин размещен на GitHub, а вот как вы можете устанавливать плагины с GitHub.

Плагин работает «из коробки» сразу после активации и нет необходимости ничего настраивать дополнительно. Он будет выделять новые комментарии со времени последнего посещения голубым цветом фона.

Как он работает?

Плагин устанавливает куки в браузере пользователя во время посещения любой страницы на вашем сайте. Во время следующего визита он сверяет куки с датой комментариев и добавляет CSS класс new-comment для комментариев, опубликованных позже даты, записанной в куки.

Вы можете переназначить дефолтный CSS в таблице стилей вашей темы. Например, вы можете использовать следующий код в качестве отправной точки.

.new-comment:before {
content: 'New';
background: #FF000A;
color: #FFF;
padding: 5px;
/* min-width: 500px; */
border: 1px solid #C2C2C2;
border-radius: 5px;
font-weight: bold;
position: relative;
top: 10px;
margin-left: 10px;
}

.new-comment {
background-color: #F0FBFF;
} 

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

Вот и все, мы надеемся, что эта статья помогла вам выделить новые комментарии со времени последнего посещения в WordPress. Также рекомендуем вам ознакомиться с нашей статьей о том, как как выделить новые записи для вернувшихся посетителей в WordPress. Не стесняйтесь экспериментировать с CSS для достижения нужного вам результата.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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