重新定位Wordpress评论回复表单的“取消回复”链接

时间:2018-04-24 18:00:22

标签: wordpress comments

我将Wordpress“回复”表单设置为与主要“评论”表单不同。

我想从“回复”表单中删除'comment-reply-title'(“发表回复”)。我用display: none成功完成了这项工作。不幸的是,“取消回复”链接与“评论回复标题”的div相同,因此该链接也被删除。

我在互联网上搜索了一个解决方案,将此div之外的“取消回复”链接移到另一个位置;在我的情况下,我想把它放在默认的“回复”链接旁边;或者,如果这不可能,请在提交按钮旁边。

有人可以帮帮我吗?

2 个答案:

答案 0 :(得分:0)

你可以使用jQuery。

footer.php 模板中的结束</body>标记之前添加此内容:

<script>
jQuery( function( $ ){
    $( '.comment-reply-link', '.comment-body' ).on( 'click', function(){
        $( '#cancel-comment-reply-link' ).insertAfter( this ).show();
    } );

    $( '#cancel-comment-reply-link' ).on( 'click', function(){
        $( this ).hide();
    } );
} );
</script>

然后使用Customizer添加此自定义CSS:(click here if you need help

.reply #cancel-comment-reply-link:before {
    /* This will print a middle-dot character with leading spaces. */
    content: ' \00B7\0020';
}

(您也可以将代码直接添加到主题的 style.css 文件中。)

答案 1 :(得分:0)

我找到了一种使用钩子而不是jQuery的方法。以下将取消按钮添加到窗体的末尾。

// Remove the comment reply button from it's default location
function my_remove_comment_reply_link($link) {
    return '';
}
add_filter('cancel_comment_reply_link', 'ndic_remove_comment_reply_link', 10);

// Add the comment reply button to the end of the comment form.
// Remove the my_remove_comment_reply_link filter first so that it will actually output something.
function my_after_comment_form($post_id) {
    remove_filter('cancel_comment_reply_link', 'ndic_remove_comment_reply_link', 10);
    cancel_comment_reply_link('Cancel reply');
}
add_action('comment_form', 'my_after_comment_form', 99);