WP Căn bản

Kiến thức căn bản cho người dùng WordPress

wordpress-theme-tot-nhat

Trang chủ » WordPress » Thủ thuật WordPress » Tổng hợp code tùy biến khung bình luận trong Genesis

Tổng hợp code tùy biến khung bình luận trong Genesis

49 Bình luận

Tổng hợp code tùy biến khung bình luận trong Genesis Framework và Genesis child theme.

tong-hop-code-tuy-bien-khung-binh-luan-trong-genesis

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:

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

Sở hữu ngay một giao diện WordPress hoàn hảo (load nhanh, SEO tốt, bảo mật cao) với Paradise child theme.

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. :)

4.8/5 - (21 bình chọn)

Bài viết liên quan

khung-tim-kiem-duoi-header-cho-theme-paradise
Thêm khung tìm kiếm vào dưới header của theme Paradise
tao-widget-giua-cac-bai-viet-trong-theme-paradise
Tạo widget giữa các bài viết trong theme Paradise
sap-xep-danh-sach-bai-viet-theo-ngay-chinh-sua
Sắp xếp danh sách bài viết trong WordPress theo ngày cập nhật

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

Reader Interactions

Bình luận

    Trả lời

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

    • Trung Hiếu viết

      Là do mình paste trực tiếp code vào bài viết nên một số thành phần hiển thị không chính xác. Lần này mình đã rút kinh nghiệm và sử dụng GithHub. :D

      Trả lời

  5. Long viết

    Mình đang sử dụng Theme Genesis của Admin, trong phần khung bình luận ngoài mục Tên và Email có mục Website của bạn.
    Giờ mình muốn ẩn, xóa cái mục này đi chỉ để lại mỗi phần Tên – Email – Nội dung bình luận thôi thì phải làm thế nào vậy Ad.

    Thanks!

    Sorry Ad vì nhờ sửa cái vụ lỗi trắng trang mấy lần, do WP nó nhiều cái mày mò quá nên không kiềm chế được phải táy máy Ad thông cảm.

    Trả lời

    • Trung Hiếu viết

      Tăng khả năng tương tác nhưng không tăng khả năng làm SEO. Nó còn làm web load chậm vì tải tài nguyên từ bên ngoài. Dùng hệ thống bình luận mặc định sẽ tốt hơn. :)

      Trả lời

  9. sanvoucher.com viết

    không liên qua nhưng bác có thể cho em xin đoạn responsivie menu được không ạ, e chỉnh sửa mãi mà nó chả ra gì, đang dùng tạm plugin nhưng nó ko đc đẹp lắm
    tiện thể bác biết có các nào hiển thị bài viết liên quan sau đoạn đầu tiên giới thiệu bài viết và css tạo khung cho hiển thị bài viết liên quan luôn ạ

    Trả lời

    • Trung Hiếu viết

      1. Cái responsive menu mà mình đang dùng cũng giống như responsive menu của theme Magazine Pro. Mình chỉ chỉnh sửa CSS thôi. Còn phần JS vẫn giữ nguyên. :P
      2. Có. Nhưng bạn phải kết hợp plugin với code thủ công để chỉnh sửa css cho phù hợp. Riêng mình thì thích tự lựa chọn bài viết liên quan và chèn link vào bài viết. Làm như vậy tối ưu hơn. :D

      Trả lời

  10. Phuong viết

    bạn ơi chỉ cho mình
    1. mình muốn chỉnh cho phần menu nhỏ lại và phần header rộng ra một chút mà không biết chỉnh sửa thế nào
    2. Mình muốn các phần: 2 menu, tiêu đề widgets.. sang màu khác cho nổi bật hơn thì chỉnh ở đâu hả bạn

    tks bạn

    Trả lời

    • Trung Hiếu viết

      Tất cả đều có trong style.css bạn nhé. Do mỗi theme có file style.css khác nhau nên mình không thể hướng dẫn cụ thể cho bạn được. :P

      Trả lời

      • Phuong viết

        Mình dùng Magazine Pro
        Mình cũng biết là phải chỉnh sửa trong style.css nhưng ko biết phải chỉnh những phần nào
        tks bạn

        Trả lời

        • Trung Hiếu viết

          Bạn click chuột phải vào những phần mà bạn muốn chỉnh sửa, sau đó chọn Inspect Elements => Xem khung Styles => Tìm và chỉnh sửa trong style.css. :)

          Trả lời

          • Phuong viết

            mù tịt nên khó quá
            mình chỉnh được cái nav-primary sang màu khác r
            mà cái nav-secondary ko chỉnh màu được, nó cứ kế thừa background từ body ko có phần chỉnh màu

          • Phuong viết

            làm đc thế thì đã giỏi, chỉnh cho tan tành bành lên rồi
            hehehe

          • Trung Hiếu viết

            Dễ mà. Backup trước rồi tha hồ nghịch. Phá nhiều thì biết nhiều. Tự mày mò sẽ tích lũy được rất nhiều kinh nghiệm đấy. :)

      • Phuong viết

        cố làm cho giống cái demo mà khó ghê
        bạn có tài liệu gì ko vậy? tìm tài liệu như thế nào cơ bản để áp dụng đc luôn vậy bạn?
        sorry vì làm phiền bạn

        Trả lời
1 2

Footer

Bài viết mới nhất

Bình luận mới nhất

Thống kê WP Căn bản

9 Chuyên mục - 915 Bài viết - 34228 Bình luận
skype-icon
facebook-icon
mail-icon