Tổng hợp code tùy biến khung bình luận trong Genesis Framework và Genesis child theme.
Bạn mới bắt đầu làm quen với Genesis Framework? Bạn đang tìm cách để tùy biến khung bình luận của Genesis Framework hay Genesis child theme theo ý của mình nhưng chưa biết làm thế nào? Hôm nay, tôi sẽ giới thiệu đến các bạn các code snippet hữu ích giúp tùy biến khung bình luận của Genesis một cách đơn giản và hiệu quả mà không cần biết nhiều về PHP code. Những code này được tổng hợp và Việt hóa từ nhiều nguồn khác nhau trên internet.
Tham khảo thêm:
- Tùy biến nút submit trong khung comment của Genesis
- Việt hóa dòng chữ read more trong Genesis child theme
Cách chèn code snippet tùy biến
Tất cả đều được chèn vào file functions.php
của Genesis Framework hoặc Genesis child theme mà bạn đang sử dụng. Các bạn cũng có thể sử dụng plugin Code Snippets để chèn code nhằm tránh chúng bị xóa khi update theme.
Ngoài ra, các bạn có thể tham khảo thêm danh sách các code snippet tùy biến khác được Genesis Framework hỗ trợ tại đây.
Các code tùy biến khung bình luận
Tùy biến comments link text
//* Tùy biến comments link trong Genesis add_filter( 'genesis_post_info', 'sp_post_info_filter' ); function sp_post_info_filter( $post_info ) { return '[ post_comments zero="Để lại một bình luận" one="1 Bình luận" more="% Bình luận" ]'; }
Nhớ xóa dấu cách (khoảng trắng) sau dấu [
và trước dấu ]
. Các bạn có thể sửa phần text ở dòng code số 4 theo ý thích. Ngoài ra, hiện tại Genesis cũng đã hỗ trợ tùy biến chúng bằng post shortcodes trong Appearance => Customize => Theme Settings => Singular Content => Entry Meta (above content).
Tùy biến comments title text
//* Tùy biến comments title text trong Genesis add_filter( 'genesis_title_comments', 'sp_genesis_title_comments' ); function sp_genesis_title_comments() { $title = '<h3>Bình luận</h3>'; return $title; }
Các bạn có thể sửa phần text ở dòng code số 4 theo ý thích.
Tùy biến trackbacks title text
//* Tùy biến trackbacks title trong Genesis add_filter( 'genesis_title_pings', 'sp_title_pings' ); function sp_title_pings() { echo '<h3>Trackbacks</h3>'; }
Các bạn có thể sửa phần text ở dòng code số 4 theo ý thích.
Tùy biến dòng chữ Speak Your Mind/ Leave a Comment
//* Tùy biến dòng chữ Speak Your Mind trong Genesis add_filter( 'comment_form_defaults', 'sp_comment_form_defaults' ); function sp_comment_form_defaults( $defaults ) { $defaults['title_reply'] = __( 'Để lại một bình luận' ); return $defaults; }
Các bạn có thể sửa phần text ở dòng code số 4 theo ý thích.
Tùy biến author says text
//* Tùy biến author says text trong Genesis add_filter( 'comment_author_says_text', 'sp_comment_author_says_text' ); function sp_comment_author_says_text() { return 'author says'; }
Các bạn có thể sửa phần text ở dòng code số 4 theo ý thích.
Tùy biến kích thước của Gravatar
//* Tùy biến kích thước của Gravatar trong Genesis add_filter( 'genesis_comment_list_args', 'sp_comments_gravatar' ); function sp_comments_gravatar( $args ) { $args['avatar_size'] = 96; return $args; }
Các bạn có thể sửa kích thước Gravatar ở dòng code số 4 theo ý thích. Đơn vị được tính bằng pixel.
Tùy biến nút submit
//* Tùy biến nút Submit trong Genesis add_filter( 'comment_form_defaults', 'sp_comment_submit_button' ); function sp_comment_submit_button( $defaults ) { $defaults['label_submit'] = __( 'Đăng bình luận', 'custom' ); return $defaults; }
Các bạn có thể sửa phần text ở dòng code số 4 theo ý thích.
Thêm nội quy vào khung bình luận
//* Thêm nội quy vào khung bình luận trong Genesis add_action( 'genesis_after_comments', 'sp_comment_policy' ); function sp_comment_policy() { if ( is_single() && !is_user_logged_in() && comments_open() ) { ?> <div class="comment-policy-box"> <p class="comment-policy"><small><strong>Nội quy bình luận:</strong>Viết nội quy bình luận của bạn vào đây.</small></p> </div> <?php } }
Các bạn có thể sửa phần text ở dòng code số 7 theo ý thích.
Loại bỏ các thẻ HTML được cho phép bên trên khung bình luận
//* Loại bỏ các thẻ HTML được cho phép bên trên khung bình luận trong Genesis add_filter( 'comment_form_defaults', 'sp_remove_comment_form_allowed_tags' ); function sp_remove_comment_form_allowed_tags( $defaults ) { $defaults['comment_notes_after'] = ''; return $defaults; }
Hy vọng các code snippet bên trên sẽ phần nào giúp các bạn tùy biến khung bình luận của Genesis Framework và Genesis child theme một cách nhanh chóng, dễ dàng hơn.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
cảm ơn bạn đã chia sẻ
Bác ơi có thể cho em xin code đổi màu Primary Navigation Menu và Secondary Navigation Menu với
Cái này là CSS đơn thuần thôi mà bạn. Click chuột phải chọn Inspect elements là thấy. :P
Cho em hỏi làm sao bác code được phần đếm số bình luận như web bác
Mình chèn code đếm bình luận của Akismet vào file comments.php của theme. :)
1 bài viết rất hay và có ích. Mình đã theo dõi blog của bạn khá lâu rồi và học hỏi được kiến thức từ đây rất nhiều.
Đây là lần đầu comment trên website của bạn.
Ra thật nhiều bài thú vị nữa nhé.
bạn ơi cho mình hỏi, mình làm hướng dẫn mà không đc vậy bạn, bị lỗi hay sao á
Bạn dùng code gì bị lỗi và lỗi như thế nào nhỉ? Có error_log không?
Mình làm theo hướng dẫn trong bài đều được hết, chỉ mỗi phần Thêm nội quy vào khung bình luận thì ko được, nó ko hiện lên. Hiếu xem giúp mình nhé.
Bạn có thể vào đây để tham khảo các code snippets được Genesis Framework hỗ trợ nhé.
Vẫn không hiện bạn Hiếu ạ :(
À được rồi bạn Hiếu nhé, do đang đăng nhập admin nên không thấy. Cảm ơn bạn :D
Không liên quan nhưng sao chưa sửa cái footer đi thế? Vào Genesis => Theme Settings => Footer có chỗ sửa đấy. :P
À đang chỉnh từ đầu nên chưa đến chân :)) Vẫn đang tìm hiểu bạn Hiếu ạ nhưng mà cũng thấy thích theme Paradise rồi đấy, dễ chỉnh hơn mythemeshop
Không biết sao lại ko sửa được footer bạn Hiếu ạ, báo ok rồi mà xóa cache đi lại quay lại như cũ. Mình thêm code vào functions.php thì được
Đừng nói là bạn chèn code PHP vào chỗ mình chỉ nhé. Chỗ đó chỉ hỗ trợ HTML và Text thôi. Mà lưu ý là Theme Settings => Footer chứ Theme Settings => Header/Footer Scripts là toang đó.
Ko, mình biết chứ, vào đó có link hướng dẫn footer shortcodes mà. Cũng ko đến nỗi thế đâu :))
Nếu thế thì nhiều khả năng xung đột với code nào đó bạn chèn trong functions.php rồi. :P
Đây nhé: https://www.upsieutoc.com/image/footer.MIV4KD
Mình chả tìm đc xung đột gì đâu, với lại làm được cách khác rồi nên thôi kệ :))