Tổng hợp code tùy biến khung bình luận 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 themes 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 snippets 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 theme Genesis
- Việt hóa dòng chữ Read more trong Genesis child theme
Lưu ý: 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.
1. Tùy biến comments link text:
2. Tùy biến Comments title text:
3. Tùy biến Trackbacks title text:
4. Tùy biến dòng chữ Speak Your Mind/ Leave a Comment:
5. Tùy biến author says text:
6. Tùy biến kích thước của Gravatar:
7. Tùy biến nút Submit:
8. Thêm nội quy vào khung bình luận:
9. Loại bỏ các thẻ HTML được cho phép bên trên khung bình luận:
Hy vọng các code bên trên sẽ phần nào giúp các bạn tiếp cận với Genesis một cách nhanh chóng và dễ dàng hơn. Nếu bạn thích bài viết này, hãy subscribe blog của tôi để tiếp tục cập nhật những bài viết tiếp theo về Genesis Framework nhé. Cảm ơn rất nhiều. :)
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?
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é.
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. :)
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
cảm ơn bạn đã chia sẻ
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
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
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
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. :)
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
Vậy thì làm cho cái secondary giống với cái primary đi. Xong rồi chỉnh màu. :D
làm đc thế thì đã giỏi, chỉnh cho tan tành bành lên rồi
hehehe
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. :)
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
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 ạ
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
ok anh để em thử, dùng comment mạng xã hội cho shop bán hàng em thấy nó tăng khả năng tương tác hơn :V
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. :)
Anh hiếu cho hỏi là xóa cái khung bình luận mặc định và thay nó bằng khung bình luận facebook thế nào nhỉ
Để vô hiệu hóa hệ thống bình luận mặc định của WordPress, bạn tham khảo bài viết này: https://wpcanban.com/wordpress/thu-thuat-wordpress/huong-dan-vo-hieu-hoa-tinh-nang-binh-luan-trong-wordpress.html. Còn để tích hợp hệ thống bình luận của Facebook, bạn sử dụng plugin này: https://wordpress.org/plugins/facebook-comments-plugin/ :)
Hiều cho mình hỏi các thêm icon và việt hóa như thế này thì làm thế nào?
http://www.upsieutoc.com/images/2015/11/22/genesis1.png
http://www.upsieutoc.com/images/2015/11/22/genesis2.png
Luôn tiện cho mình hỏi Hiếu đang dùng Relate Post của plugin nào thế?
Cám ơn Hiếu nhiều!
Cái này là giao diện độc quyền của mình nên những câu hỏi liên quan đến css hay js mình xin phép không trả lời nhé. Còn related post thì bạn có thể tham khảo bài viết này: https://wpcanban.com/wordpress/thu-thuat-wordpress/jetpack-plugin-tao-nut-chia-se-va-bai-viet-lien-quan.html :P
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.
Bạn làm theo hướng dẫn trong bài viết này thử xem nhé: https://wpcanban.com/wordpress/thu-thuat-wordpress/loai-bo-muc-website-trong-khung-binh-luan-wordpress.html :P
Muốn xóa hẳn cái khung bình luận trên genesis thì làm thế nào hiếu ơi :D
Bạn sử dụng plugin để vô hiệu hóa tính năng bình luận của WordPress là được mà. Chẳng hạn như https://wordpress.org/plugins/disable-comments/
Theme khác có làm được như này không bạn ơi?
Cái này chỉ dành riêng cho Genesis thôi bạn nhé. :P
Như này nhìn chuyên nghiệp hơn nhiều rồi :D
Sử dụng chức năng chèn Shortcode của Jetpack đấy. :D :P
Làm bài hd luôn :D
Mình viết bài rồi mà: https://wpcanban.com/wordpress/thu-thuat-wordpress/jetpack-plugin-bo-sung-them-shortcode-vao-wordpress.html :P
À, mình biết vì sao các code trước trong phần hd về theme genesis đều bị lỗi, và gõ lại mới đc rồi. Bạn để ý lại dấu nháy đơn ‘ trong đoạn code
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