Переместите ссылку «Отменить ответ» в форме ответа на комментарии Wordpress.

Question

Я написал WordPress форму «ответ», отличную от основной формы «комментарий».

Я хочу удалить «comment-reply-title» («Оставить ответ») из формы «reply». Мне удалось сделать это с display: none. К сожалению, ссылка «отменить ответ» находится в том же div, что и «комментарий-ответ-заголовок», поэтому эта ссылка также удаляется.

Я искал в Интернете решение, чтобы переместить ссылку «отменить ответ» за пределы этого раздела в другую позицию; в моем случае я хочу поставить его рядом со стандартной ссылкой «Ответить»; или, если это НЕ возможно, рядом с кнопкой отправки.

Может кто-нибудь помочь мне?

Answer 1

Я нашел способ сделать это с помощью хуков вместо 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);

Answer 2

Вы можете сделать это с помощью jQuery.

Добавьте это перед закрывающим тегом </body> в шаблоне footer.php :

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

Затем используйтеНастройщик для добавления этого пользовательского CSS: ( нажмите здесь, если вам нужна помощь )

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

(Вы также можете добавить код прямо в файл style.css вашей темы.)