WordPress文章内引用评论短代码

写博客自然就会有评论,有些评论内容还是蛮不错的。以前我就在《亦轩的小算盘》这篇文章里引用过评论里的内容,当时是直接复制的。现在可以用短代码的方式把文章的评论调用出来。

一、PHP代码加入主题函数:

function xx_insert_comments( $atts, $content = null ){
    extract( shortcode_atts( array(
        'ids' => ''
    ),$atts ) );
    $content     = '';
    $comment_ids = explode(',', $ids);
    $query_args  = array('comment__in'=>$comment_ids,);
    $fa_comments = get_comments($query_args);
    if ( empty($fa_comments) ) return;
    foreach ($fa_comments as $key => $fa_comment) {
        $content .= '<div class="comment-mixtype-embed"><span class="comment-mixtype-embed-avatar">' . get_avatar($fa_comment->comment_author_email,32) . '</span><div class="comment-mixtype-embed-author"><a href="' . get_permalink($fa_comment->comment_post_ID).'#comment-' . $fa_comment->comment_ID . '">' . $fa_comment->comment_author . '</a> - <a href="' . get_permalink($fa_comment->comment_post_ID) . '">' . get_the_title($fa_comment->comment_post_ID) . '</a></div><div class="comment-mixtype-embed-date">' . $fa_comment->comment_date .'</div><div class="comment-mixtype-embed-text">'.  $fa_comment->comment_content . '</div></div>';
    }
    return $content;
}
add_shortcode('xx_insert_comments', 'xx_insert_comments');


二、CSS代码加入主题样式表:

.comment-mixtype-embed {
	background: #f6f6f6;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    color: #82878c;
    font-size: 14px;
    overflow: auto;
    padding: 16px;
    margin-bottom: 16px;
}

.comment-mixtype-embed-avatar {
	float: left;
	margin-right: 10px
}

.comment-mixtype-embed-avatar .avatar {
	border-radius: 100%;
    width: 48px;
    height: 48px;
    border: none;
    margin: auto;
}

.comment-mixtype-embed-author {
	font-size: 12px;
	color: #3e8432;
	line-height: 2.0
}

.comment-mixtype-embed-date {
	line-height: 2.5;
	font-size: 12px;
	color: rgba(0,0,0,.44)
}

.comment-mixtype-embed-text {
	margin-top: 10px;
	font-size: 16px;
	color: rgba(0,0,0,.6)
}

.comment-mixtype-embed-text p {
	margin-bottom: 2px!important
}

CSS样式可以根据主题的实际情况调整。

三、引用代码(小括号改成中括号):

(xx_insert_comments ids=评论id)

四、效果:

2017-08-11 12:43:56
就是加载有点慢~~= =不过采集做壁纸每日一换还不错

来自:常阳时光



7 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

返回主页看更多
狠狠的抽打博主 支付宝 扫一扫