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

Без плагина WordSmall

По умолчанию в темах оформления WordPress, только в редких случаях, может быть предусмотрено выделение комментариев автора. К примеру, другой цвет фона или ярлычок «Админ», чтобы пользователь наверняка видел отличие между комментирующими. Это избежит лишний раз путаницы или даже заблуждения. Да и ко всему остальному предаст внешнему виду официальности ведь такие мелочи также имею определенное значение.

Мы не будим использовать плагины для выделения комментариев автора блога — это лишняя нагрузка. Тем более сложного здесь ничего нет и это возможно реализовать своими силами. В статье рассмотрим пару примеров, один из которых будет с помощью CSS, а второй с применением функции, взятой из стандартной темы Twenty Twelve.

Способ №1 (CSS)

Ко многим элементам сайта, WordPress генерирует несколько классов, что позволяет лучше с ними работать как внутри темы, так и для плагинов. И комментарии, в свою очередь, не исключение. Если посмотреть исходный код, то вы сможете увидеть какие именно классы отвечают за ваш комментарий (автора) и обычного пользователя.

авторкомм1

Второй номер принадлежит автору сайта, и главное отличие от пользовательского комментария — вот этот класс bypostauthor. Теперь нам остается задать стили тегу li с этим классом, таким образом:

.comment.bypostauthor > .comment-body {
    background: red;
}

Сущий пустяк, разве нет)

Способ №2 (Функция)

Следующий способ поможет добавить ярлык «Админ» тем самым выделив комментарий автора из толпы остальных. Нужно найти в каком файле формируются у вас комментарии, обычно это файл functions.php. Затем заменить функцию вывода автора на вот такую:

<?php printf( '<cite class="fn">%1$s %2$s</cite>',
        get_comment_author_link(),
        ( $comment->user_id === $post->post_author ) ? '<span class="post-author"> ' . __( 'Author', 'twentytwelve' ) . '</span>' : ''
); ?>

Добавить немного стилей:

span.post-author {
    background: #333;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    line-height: 23px;
    padding: 3px 5px;
}

Результат.

авторкомм

Довольно все просто и плагины не понадобились.

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Добавить комментарий
bold quote code