워드프레스 댓글에서 댓글 입력란(textarea)을 코멘트 목록 위로 이동시키기

워드프레스에서는 보통 댓글 목록 맨 아래에 댓글을 입력할 수 있는 댓글 폼이 표시됩니다. 댓글 폼을 댓글 목록 위로 이동시키는 방법을 살펴보겠습니다.

먼저 함수 필터를 통해 테마 소스 파일을 수정하지 않고 하는 방법이 있습니다.

다음 코드를 워드프레스 테마의 함수 파일(functions.php)에 추가합니다.

function jk_move_textarea( $input = array () ) {
static $textarea = '';

if ( 'comment_form_defaults' === current_filter() ) {
$textarea = $input['comment_field'];
$input['comment_field'] = '';
return $input;
}
if ( is_singular( 'post' ) || is_page() ) {
print $textarea;
}
}

add_action( 'comment_form_defaults', 'jk_move_textarea' );
add_action( 'comment_form_top',  'jk_move_textarea' );

// Source: https://gist.github.com/jameskoster/5169535

위 방법이 잘 안 되면 테마에서 댓글 파일(comments.php)을 직접 수정해야 합니다.

comments.php 파일에서 comment_form() 코드를 찾습니다. 가령 제 테마에는 다음과 같이 되어 있네요.

<?php comment_form(array('comment_notes_after' => false)); ?>

comment_form() 코드 전체를 복사하여 comments.php 파일 내의 적절한 위치로 이동시킵니다. 예를 들어 comment title 바로 아래에 붙여넣기 할 수 있습니다. (comments.php 파일에서 title로 검색하여 코멘트 타이틀이 끝나는 지점 바로 아래에 붙여넣습니다.)

그러면 댓글 입력 폼이 댓글 목록 위로 위치하게 됩니다. 레이아웃이 비뚤어지면 CSS로 수정해야 합니다.