Intereting Posts
Почему этот виджет не отображает один из значков? Вопрос о wp_update_post в массиве Изображения в СМИ не отображаются, а не разбиты Почасовая запланированная работа wp_cron продолжает переноситься Поиск и замена сценария загрузчика в Head Only работает в нижнем колонтитуле Как использовать языковые файлы в плагинах? Несколько циклов на главной странице с различными фильтрами / действиями генерировать уникальный слизнь при вставке сообщения Перенаправление пользователей на страницу входа в wp front end wp Удаление вложенных папок из URL-адреса Как правильно вставлять данные в пользовательскую таблицу через плагин wordpress the_post_thumbnail () не правильно обрезается Сброс начальной загрузки в пользовательском виджетах WordPress Относительные ссылки перестают работать после перемещения сайта wordpress с хостинга на localhost Как получить postID в функции «image_send_to_editor»?

Пользовательские вложенные комментарии в WordPress с аватаром

Я разрабатываю тему и не знаю, как WordPress обрабатывает выходные комментарии.

У меня есть wp_list_comments в моих комментариях.php, но я не уверен, как настроить вывод, чтобы получить желаемый результат, как в прилагаемом изображении.

Любые предложения по настройке вывода, отображаемого wp_list_comments ?

введите описание изображения здесь

Рекомендации плагинов не относятся к теме, поэтому вам придется искать это самостоятельно. Что касается без плагина, вы можете настроить вывод wp_list_comments

В wp_list_comments есть параметр callback который вы можете переопределить своей собственной функцией.

Это настраиваемая функция обратного вызова, которую я использую в настоящее время. Он немного отличается от желаемого результата, который вы ищете. Вы должны просто повернуть элементы вокруг, чтобы получить их в нужном порядке. Дизайн будет все до вас.

Добавьте этот код в свои functions.php

 function pietergoosen_comments( $comment, $args, $depth ) { $GLOBALS['comment'] = $comment; switch ( $comment->comment_type ) : case 'pingback' : case 'trackback' : if ( 'div' == $args['style'] ) { $tag = 'div'; $add_below = 'comment'; } else { $tag = 'li'; $add_below = 'div-comment'; } ?> <li <?php comment_class(); ?> id="comment-<?php comment_ID(); ?>"> <p><?php _e( 'Pingback:', 'pietergoosen' ); ?> <?php comment_author_link(); ?> <?php edit_comment_link( __( '(Edit)', 'pietergoosen' ), '<span class="edit-link">', '</span>' ); ?></p> <?php break; default : global $post; ?> <li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>"> <article id="div-comment-<?php comment_ID(); ?>" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <?php if ( 0 != $args['avatar_size'] ) echo get_avatar( $comment, $args['avatar_size'] ); ?> <?php printf( __( '%s <span class="says">says:</span>' ), sprintf( '<b class="fn">%s</b>', get_comment_author_link() ) ); ?> </div><!-- .comment-author --> <div class="comment-metadata"> <a href="<?php echo esc_url( get_comment_link( $comment->comment_ID ) ); ?>"> <time datetime="<?php comment_time( 'c' ); ?>"> <?php printf( _x( '%1$s at %2$s', '1: date, 2: time' ), get_comment_date(), get_comment_time() ); ?> </time> </a> <?php edit_comment_link( __( 'Edit', 'pietergoosen' ), '<span class="edit-link">', '</span>' ); ?> </div><!-- .comment-metadata --> <?php if ( '0' == $comment->comment_approved ) : ?> <p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'pietergoosen' ); ?></p> <?php endif; ?> </footer><!-- .comment-meta --> <div class="comment-content"> <?php comment_text(); ?> </div><!-- .comment-content --> <div class="reply"> <?php comment_reply_link( array_merge( $args, array( 'add_below' => 'div-comment', 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?> </div><!-- .reply --> </article><!-- .comment-body --> <?php break; endswitch; } 

Теперь, в вашем шаблоне comments.php, найдите свою wp_list_comments() . Замените это следующим кодом

 <ol class="commentlist"> <?php wp_list_comments( array( 'callback' => 'pietergoosen_comments', 'style' => 'ol', 'short_ping' => true, 'avatar_size'=> 34, ) ); ?> </ol><!-- .commentlist --> 

Это должно заставить вас начать