Đọc cái tiêu đề có vẻ khó hiểu nhỉ. Nhưng thực sự không khó hiểu đâu. Tôi giải thích cho nghe này. Sự việc là như thế này. Tôi đang dùng theme Minimalist Pro, và theme này có một cái dở là khung bình luận lại nằm dưới các bình luận của bài viết. Một bạn đọc, đọc bài của tôi, có chút thắc mắc và muốn phản hồi lại, bài đó có tầm 50 comment nữa thì thôi rồi, kéo mỏi tay mà còn chưa tới cái khung để mà viết. Chính vì nó sự bất tiện nên tôi cần phải giải quyết vấn đề này ngay và tôi đã thành công. Thiết nghĩ có nhiều bạn đang trong tình huống giống như của tôi nên tôi phải viết ngay bài này để chia sẻ với các bạn đây.
Hướng dẫn đưa khung bình luận lên trước bình luận
Đối với các Child Theme của Genesis các bạn chỉ cần thêm đoạn code sau vào cuối file functions.php là xong.
add_action( 'genesis_before_comments' , 'cswp_move_comments' );function cswp_move_comments () {if ( is_single() && have_comments() ) {remove_action( 'genesis_comment_form', 'genesis_do_comment_form' );add_action( 'genesis_comments', 'genesis_do_comment_form', 5 ); }}
add_action( 'genesis_before_comments' , 'cswp_move_comments' );
function cswp_move_comments () {
if ( is_single() && have_comments() ) {
remove_action( 'genesis_comment_form', 'genesis_do_comment_form' );
add_action( 'genesis_comments', 'genesis_do_comment_form', 5 );
}
}
Còn đối với các theme khác, rắc rối hơn chút, các bạn phải sửa code trong file comments.php. Vì mỗi theme mỗi khác nên trong bài này tôi làm ví dụ với theme Shaped Blog.
Trong file comments.php, tôi xác định được đoạn code để hiện thị khung comment là:
<?php $commenter = wp_get_current_commenter(); $req = get_option( 'require_name_email' ); $aria_req = ( $req ? " aria-required='true'" : '' ); $fields = array( 'author' => '<div class="col-md-4"><input id="author" name="author" type="text" placeholder="'. __( 'Name *', 'shaped-blog' ) .'" value="" size="30"' . $aria_req . '/></div>', 'email' => '<div class="col-md-4"><input id="email" name="email" type="text" placeholder="'. __( 'Email *', 'shaped-blog' ) .'" value="" size="30"' . $aria_req . '/></div>', 'url' => '<div class="col-md-4"><input id="url" name="url" type="text" placeholder="'. __( 'Website', 'shaped-blog' ) .'" value="" size="30"/></div>', ); $comments_args = array( 'fields' => $fields, 'comment_notes_before' => '', 'comment_notes_after' => '', 'comment_field' => '<div class="clearfix"></div><div class="col-md-12"><textarea id="comment" placeholder="'. __( 'Write your comment...', 'shaped-blog' ) .'" name="comment" aria-required="true"></textarea></div>', 'label_submit' => 'Post Comment' ); ob_start(); comment_form($comments_args); $search = array('class="comment-form"','class="form-submit"'); $replace = array('class="comment-form row"','class="form-submit col-md-12"'); echo str_replace($search,$replace,ob_get_clean());?>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
$commenter = wp_get_current_commenter();
$req = get_option( 'require_name_email' );
$aria_req = ( $req ? " aria-required='true'" : '' );
$fields = array(
'author' => '<div class="col-md-4"><input id="author" name="author" type="text" placeholder="'. __( 'Name *', 'shaped-blog' ) .'" value="" size="30"' . $aria_req . '/></div>',
'email' => '<div class="col-md-4"><input id="email" name="email" type="text" placeholder="'. __( 'Email *', 'shaped-blog' ) .'" value="" size="30"' . $aria_req . '/></div>',
'url' => '<div class="col-md-4"><input id="url" name="url" type="text" placeholder="'. __( 'Website', 'shaped-blog' ) .'" value="" size="30"/></div>',
);
$comments_args = array(
'fields' => $fields,
'comment_notes_before' => '',
'comment_notes_after' => '',
'comment_field' => '<div class="clearfix"></div><div class="col-md-12"><textarea id="comment" placeholder="'. __( 'Write your comment...', 'shaped-blog' ) .'" name="comment" aria-required="true"></textarea></div>',
'label_submit' => 'Post Comment'
);
ob_start();
comment_form($comments_args);
$search = array('class="comment-form"','class="form-submit"');
$replace = array('class="comment-form row"','class="form-submit col-md-12"');
echo str_replace($search,$replace,ob_get_clean());
?>
tôi sẽ đưa cả đoạn code này lên vị trí mà cần hiển thị, ở theme này là sau đoạn:
if ( post_password_required() ) return;?>
if ( post_password_required() )
return;
?>
Và kết quả tôi được.
Thế thôi, tôi đã hướng dẫn xong rồi đó. Vẫn như thường lệ, nếu có bất kỳ khó khăn nào thì hãy cho tôi biết ở phần comment nhé (Vừa sửa comment đấy, các bạn test luôn hộ với). Chúc các bạn thành công.
Nguồn: Việt Hùng admin https://chiasewp.com/ 
Bình Luận