如何在comment_reply_link函数生成的comment-reply-link中添加额外的css类？

Question

所以，这是在WordPress评论回复部分中添加css类的问题

comment_reply_link 功能会在回复按钮中添加css class comment-reply-link 。是否可以将新的css类添加到 comment-reply-link ？

我知道我可以使用jquery做到这一点，但有没有办法 而不使用jquery ？

Answer 1

有了这个，我将类添加到评论 - 回复链接

<?php 
    $myclass = 'icon-share-alt';
    echo preg_replace( '/comment-reply-link/', 'comment-reply-link ' . $myclass, 
        get_comment_reply_link(array_merge( $args, array(
            'add_below' => $add_below, 
            'depth' => $depth, 
            'max_depth' => $args['max_depth']))), 1 ); 
?>

<强>截图：

Answer 2

您可以为comment_reply_link功能添加过滤器。

function comment_reply_link_filter($content){
    return '<div class="yourclass">' . $content . '</div>';
}
add_filter('comment_reply_link', 'comment_reply_link_filter', 99);

我知道它不是直接在元素上，但您现在可以使用.yourclass > .comment-reply-link设置元素的样式。

Answer 3

结合其他几个答案

function custom_comment_reply_link($content) {
    $extra_classes = 'button button--small button--white';
    return preg_replace( '/comment-reply-link/', 'comment-reply-link ' . $extra_classes, $content);
}

add_filter('comment_reply_link', 'custom_comment_reply_link', 99);

这会将$extra_classes的值添加到所有回复链接的“类”属性。