Свой дизайн комментариев в WordPress

Чтобы изменить стандартный дизайн комментариев в движке WordPress часто необходимо подправить html код который генерирует движок.

Переводим листинг комментов wp_list_comments на свою функцию hstr_comment:

<ul class="comment-list">
<?php
wp_list_comments( 'type=comment&callback=hstr_comment' );
?>
</ul><!-- .comment-list -->

А в этой функции

В файле functions.php добавляем свою функцию:


function hstr_comment($comment, $args, $depth) {
$GLOBALS['comment'] = $comment; ?>

<li <?php comment_class(); ?> id="comment-<?php comment_ID(); ?>" >

<div class="comment-author vcard">
<div class="comment_avatar"><?php echo get_avatar($comment, $size='48' ); ?></div>

<?php printf(__('<span class="fn">%s</span>'), get_comment_author_link()) ?><br />
<span class="comment-meta commentmetadata"><a href="<?php echo htmlspecialchars( get_comment_link( $comment->comment_ID ) ) ?>"><?php printf(__('# %1$s O %2$s'), get_comment_date(), get_comment_time()) ?></a> <?php edit_comment_link(__('(Edit)'),' ','') ?></span>
<br class="clear" />
</div>

<?php // if ($comment->comment_approved == '0'){echo '<em>Ваш комментарий ожидает проверки</em>';} ?>

<?php comment_text() ?>

<div class="reply">
<?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
</div>

<?php
}

 

Не забываем подправить css

 


.comment-content a {
word-wrap: break-word;
}
.comment-meta a{text-decoration:none;}

.bypostauthor {
display: block;
}

.comment_avatar {float:left; margin-right:15px;}

.comment-author:after{ content: "";
display: table;
table-layout: fixed; clear:both; }

.comment {margin:0px 0px 50px 0px;}

.reply{ line-height:0px;}

.comment .fn { font-size:26px; line-height:0px; font-style:normal;}

.children { margin:40px 0px 0px 40px;}

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *