Реклама на сайте:

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

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

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

[php]<ul class=»comment-list»>
<?php
wp_list_comments( ‘type=comment&callback=hstr_comment’ );
?>
</ul><!— .comment-list —>[/php]

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

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

[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
}

[/php]

 

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

 

[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;}

[/css]

Комментировать: