Bình luận tùy chỉnh wordpress

Lời kết. Cuối bài viết hôm nay bạn đã có thể nắm rõ được quy trình hoạt động cũng như cách quản lý bình luận trong WordPress một cách hiệu quả, việc quản lý bình luận trong WordPress khá đơn giản nhưng để hiệu quả và phù hợp với các tùy chọn còn phụ thuộc vào . Bạn đã nắm rõ quy trình quản lý comment rồi thì sẽ tránh được những hậu quả không đáng có xảy ra khi đối thủ hay có người comment xấu trên website nhằm mục đích gây mất uy tín website của bạn

Trong bài học này, chúng ta sẽ hoàn thiện phần cuối cùng của tệp mẫu đơn. php is display form bình luận và danh sách bình luận. WordPress cũng cung cấp sẵn các khung bình luận mặc định nhưng để phù hợp với mẫu html chúng ta có tùy chọn cần chỉnh sửa lại

Nội dung chính

  • Video Tùy biến hình thức bình luận và danh sách bình luận
  • Hướng dẫn chi tiết
    • Comment Form – Hiển thị các khung bình luận tùy chỉnh
    • Hiển thị danh sách bình luận
      • Hiển thị số lượng bình luận của bài viết
      • Hiển thị danh sách các bình luận
      • Phân trang danh sách bình luận
  • Tài liệu WordPress

Video Tùy biến hình thức bình luận và danh sách bình luận

Hướng dẫn chi tiết

"Thăm ngàn, kẹp ngần nhưng vẫn không đủ chai ni (trả nợ)" nên dành vài dòng cho QUẢNG CÁO

Các bạn cần hosting PHP - WordPress nhanh, rẻ và dễ sử dụng có thể chọn Azdigi nhé.
Link đăng ký: NHẬN NGAY ƯU ĐÃI
Nếu các bạn đăng ký hosting từ link quảng cáo, mình sẽ có một ít tiền để duy trì và "chai ni".

Có 2 cách để tùy chỉnh lại khung bình luận và danh sách bình luận

  • Sử dụng móc lọc. Thường dùng để tùy chỉnh lại chủ đề của người khác
  • Use template file comments. php. Thường dùng khi đang code theme của mình. Chúng ta chọn cách 2 nhé

Comment Form – Hiển thị các khung bình luận tùy chỉnh

Đầu tiên, các bạn hãy tạo template file set name is comments. php nằm trong thư mục chính của theme goclamweb. Lưu ý. mình chỉ trích dẫn đoạn code php cần phân tích. Các đoạn HTML các bạn coi trong code hoàn thành cuối bài nhé

WordPress cung cấp cho chúng ta hàm comment_form để hiển thị các khung bình luận

Bài viết cùng chủ đề

#13 – Custom WP_Query – Hiển thị bài…

#12 – WordPress Post Formats – Hỗ trợ…

Có làm thì mới có ăn như ai đó từng nói - Vài dòng ngắn cho QUẢNG CÁO nhé

Các bạn cần hosting WordPress nhanh, rẻ và dễ sử dụng có free SLL hãy chọn Azdigi nhé.
Link đăng ký: NHẬN NGAY ƯU ĐÃI
Nếu các bạn đăng ký và sử dụng hosting từ link trên, Góc Làm Web sẽ có một ít tiền để duy trì. 

comment_form( array(
        'comment_field' => '',
        'fields'        => array(
            'author'    => '
', 'email' => '
', 'url' => '' ), 'class_form' => 'custom-input mt-30', // 'class_submit' => 'btn', // 'label_submit' => __('Submit','glw'), 'submit_button' => '', 'title_reply_before' => '
', 'title_reply' => __('Leave a comment','glw'), 'title_reply_after' => '


' ));

Hàm này có 2 tham số. 1 tham số là $args mảng tham số để tùy biến lại biểu mẫu bình luận. This Array bao gồm 1 số phần tử mình đã sử dụng bên trên như sau

  • trường (mảng). Các trường nhập dữ liệu trong biểu mẫu bao gồm. tác giả, email, url, cookie
  • comment_field (chuỗi). nội dung của bình luận. Trường nhập liệu này được WordPress chia tách riêng với các trường ở trên
  • class_form. tên lớp của hình thức bình luận
  • gửi_button. nút gửi bình luận. Do mình không sử dụng đầu vào thẻ mà sử dụng nút thẻ nên sử dụng submit_button. Nếu sử dụng đầu vào thẻ, các bạn có thể sử dụng class_submit, name_submit để tùy chọn biến lại nút gửi bình luận
  • title_reply_b Before. đoạn html trước tiêu đề khung bình luận và khung trả lời
  • title_reply. tiêu đề của khung bình luận và khung trả lời. Cannot use function allow translate
  • title_reply_after. đoạn html sau tiêu đề khung bình luận và khung trả lời

Tham số thứ 2 của comment_form là $post_id. Ở đây mình không truyền tham số thứ hai

Hiển thị danh sách bình luận

Hiển thị số lượng bình luận của bài viết

comments_number( 
      __('No comments','glw'), 
      __('One comment','glw'), 
      __('% comments','glw')
);

Hàm comments_number dùng để tính số lượng bình luận của bài viết. This function need 3 tham số tương ứng với 3 trường hợp

  • Không có bình luận
  • Có 1 bình luận
  • Có nhiều bình luận (do Tiếng Anh có phân biệt ít nhiều). Đánh dấu % trong đoạn văn bản ở trường hợp 3 là vị trí sẽ đưa ra con số bình luận. Tất nhiên, nếu dùng Tiếng Việt thì 3 trường hợp bạn có thể dùng dạng __(‘%bình luận’, ‘text-domain’) thì 0 1 hay nhiều cũng hợp lý hết

Hiển thị danh sách các bình luận

Hàm trong danh sách các bình luận wp_list_comments( array(‘callback’=> ‘glw_show_comments’)); . Do mỗi phần tử là thẻ li nên chúng ta sẽ đặt wp_list_comments trong thẻ ul nhé. Hàm gọi lại glw_show_comments viết như sau

comment_approved == '1') :
?>
    
  • id="comment-">
    | $depth, 'max_depth' => $args['max_depth']) ) ); ?>
  • Chúng ta cũng tạo tự động cho từng thẻ li (bình luận) một lớp và id riêng biệt (chúng ta không sử dụng nhưng biết chủ đề người dùng cần ở đâu)

    Để sử dụng tính năng trả lời / trả lời bình luận, các bạn cần xếp hàng js bình luận-trả lời mà WordPress có sẵn trong chủ đề của chúng tôi. Thêm vào hàm glw_enqueue một đạo sau nhé

    if ( is_single() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }
    

    Và thêm một vài đạon css để hiển thị bình luận phân cấp nhé (do template html không có sẵn)

    ul.children {
       margin: 10px 0px 10px 20px !important;
    }
    

    lớp trẻ em là lớp mà WordPress sẽ tự động bổ sung vào các bình luận trả lời bình luận chính

    Phân trang danh sách bình luận

    Mình sẽ phân trang đơn giản bằng next và previous thui nhé

     1 && get_option( 'page_comments' ) ) : ?>
        

    Tài liệu WordPress

    Link tài liệu chính chủ WordPress về các hàm đã sử dụng trong bài học nếu muốn tìm hiểu sâu hơn

    • Tệp mẫu
    • Thẻ mẫu
    • dạng bình luận
    • số_bình_luận
    • wp_list_comments
    • comment_reply_link

    Mã hoàn thành của bài học. Google Drive

    Nếu có thắc mắc, hãy đặt câu hỏi bằng cách bình luận bên dưới, qua email hoặc nhắn tin qua Fanpage Góc làm web