Статьи

Подсказка: стиль комментария автора в WordPress

Часто используемая функция в блогах WordPress — это возможность стилизовать комментарии, сделанные автором поста, в отличие от других, помогая выделять ответы. Здесь мы отредактируем WordPress по умолчанию, чтобы добавить несколько тонких стилей к комментариям авторов.

Откройте файл comments.php, расположенный в каталоге тем по умолчанию: \ wp-content \ themes \ default. Прямо под чертой:

1
<?php foreach ($comments as $comment) : ?>

Есть:

1
<li <?php echo $oddcomment;

Изменить это, чтобы сказать:

1
2
3
<li class=»<?php echo $oddcomment; ?>
<?php if ($comment->comment_author_email == get_the_author_email()) { echo ‘author_comment’;
id=»comment-<?php comment_ID() ?>»>

Во второй строке мы включили выражение «Если», которое на английском языке гласит: «Если адрес электронной почты автора комментария совпадает с адресом автора сообщения (имеется в виду тот же человек) — вставьте текст« author_comment »» ,

Также обратите внимание, что мы открыли класс в первой строке. Это связано с тем, что по умолчанию тема автоматически делает это для переменной $ oddcomment. Мы исправим это сейчас.

Если бы мы оставляли наш код таким, какой он есть, при каждом «нечетном» комментарии, классы испортились. Чтобы исправить это, к началу файла (обычно строка 17) ищите:

1
$oddcomment = ‘class=»alt» ‘;

Изменить это на:

1
$oddcomment = ‘alt’;

Затем далее вниз по странице (обычно строка 48), ищите:

1
$oddcomment = ( empty( $oddcomment ) ) ?

Изменить на:

1
$oddcomment = ( empty( $oddcomment ) ) ?

Из двух последних правок мы просто удалили текст class = «», чтобы остановить любые конфликты с нечетными комментариями.

Откройте style.css в каталоге тем. Внизу добавьте строки:

1
2
3
4
ol.commentlist .author_comment {
border-bottom: 1px solid #0066CC;
border-top: 1px solid #0066CC;
}

Это изменит цвет рамки в комментариях автора (обратите внимание, что мы редактируем класс author_comment) на светло-синий цвет. Вы можете редактировать это по своему усмотрению, но мы просто используем очень тонкий подход.

предварительный просмотр