Вопрос или проблема
Я создаю пользовательский шаблон WordPress и сделал этот HTML-код для шаблона одиночного комментария:
<div class="comment" id="1">
<div class="useravatar" style="background-image: url('[LINK]')"></div>
<div class="textbox">
<div class="dateauthor">[ИМЯ АВТОРА] <span class="date">[ДАТА]</span></div>
<div class="text">
[ТЕКСТ КОММЕНТАРИЯ]
</div>
</div>
</div>
Но я получаю только головную боль, пытаясь выяснить, как сделать цикл или что-то подобное, где я могу это использовать.
Есть ли какой-нибудь хороший пример для этих случаев?
Вы только что создали шаблон. Вам все еще нужно создать всю функцию формы. Будет проще просто скопировать comment.php и затем отредактировать его с помощью CSS, чтобы он выглядел так, как вы хотите. Ссылка ниже ведет на стандартный comment.php, который должен вам подойти. https://gist.github.com/mpsparrow/51965f9eedba5d5e7492
.
Ответ или решение
Создание пользовательского списка комментариев в WordPress может быть усложнено, особенно если вы не знакомы с тем, как WordPress обрабатывает и отображает комментарии. Давайте рассмотрим, как можно создать свой собственный шаблон комментариев, используя код, который вы предоставили, и обеспечивая его интеграцию с циклом комментариев WordPress.
Шаг 1: Используйте шаблон комментариев
Для начала, создайте новый файл в вашей теме WordPress и назовите его comments.php. В этом файле вы сможете разместить свой HTML-код вместе с циклом, который будет использовать функции WordPress для извлечения комментариев.
Шаг 2: Настройка цикла комментариев
Ниже представлен пример того, как должно выглядеть содержимое вашего comments.php, включая ваш HTML и логикой WordPress для отображения комментариев:
<?php
// Проверьте, есть ли комментарии
if (have_comments()) : ?>
<div id="comments" class="comments-area">
<h2 class="comments-title">
<?php
printf(
_nx('One Comment', '%1$s Comments', get_comments_number(), 'comments title', 'your-text-domain'),
number_format_i18n(get_comments_number())
);
?>
</h2>
<ol class="comment-list">
<?php
wp_list_comments(array(
'style' => 'ol',
'short_ping' => true,
'callback' => 'custom_comment_format',
));
?>
</ol><!-- .comment-list -->
<?php the_comments_navigation(); ?>
<?php if (comments_open()) : ?>
<?php comment_form(); ?>
<?php endif; ?>
</div><!-- #comments -->
<?php endif; ?>
<?php
// Функция для оформления комментариев
function custom_comment_format($comment, $args, $depth) {
?>
<div class="comment" id="<?php comment_ID(); ?>">
<div class="useravatar" style="background-image: url('<?php echo get_avatar_url($comment->comment_author_email); ?>')"></div>
<div class="textbox">
<div class="dateauthor">
<?php echo get_comment_author($comment); ?> <span class="date"><?php echo get_comment_date('', $comment); ?></span>
</div>
<div class="text">
<?php comment_text($comment); ?>
</div>
</div>
</div>
<?php
}
?>Шаг 3: Подключение стилей
Теперь, когда вы настроили comments.php, не забудьте добавить стили для вашего HTML-кода. Вы можете создать файл style.css в вашей теме и добавить туда стили для классов .comment, .useravatar, .textbox, .dateauthor, и других, чтобы стилизовать комментарии так, как вам нужно.
Шаг 4: Тестирование
После того как вы создали и настроили comments.php, протестируйте его на вашем сайте. Посмотрите, как он отображается, и убедитесь, что все работает правильно, включая форму отправки комментариев.
Итог
Создание кастомизированного списка комментариев в WordPress может быть сложным процессом, но следуя описанным шагам, вы сможете эффективно разработать свой шаблон, который будет соответствовать вашим требованиям. Если возникнут дополнительные сложности, не стесняйтесь обращаться к документации WordPress или форумам сообщества для получения дополнительной поддержки и идей.