Tổng hợp code giúp tùy biến khung tìm kiếm (Search form) trong Genesis.
Nếu bạn đang gặp vấn đề với việc Việt hóa hay tùy biến khung tìm kiếm (Search form) trong Genesis Framework và Genesis child theme thì bài viết này là dành cho bạn. Ở đây, tôi đã tổng hợp một số code snippets giúp tùy biến khung tìm kiếm một cách nhanh chóng và dễ dàng. Tất cả những gì bạn cần làm là thêm chúng vào file functions.php của child theme mà bạn đang sử dụng.
Tham khảo thêm:
- Tổng hợp code tùy biến Author Box trong Genesis
- Tổng hợp code tùy biến nút điều hướng trong Genesis
- Tổng hợp code tùy biến khung bình luận trong Genesis
Code tùy biến khung tìm kiếm trong Genesis
Lưu ý: backup file functions.php của Genesis Framework hoặc Genesis child theme trước khi chèn code để tránh các rủi ro đáng tiếc có thể xảy ra. Nếu sau khi chèn code, website gặp vấn đề về khả năng hiển thị, các bạn có thể khắc phục bằng cách sử dụng một trong các giải pháp sau:
- Restore file
functions.phpđã backup trước đó. - Truy cập File Manager của cPanel/ DirectAdmin hoặc FTP, tìm file
functions.php, mở ra và xóa đoạn code vừa thêm vào.
Các bạn cũng có thể sử dụng plugin Code Snippets để chèn nhằm tránh nó bị xóa mất khi cập nhật theme.
Tùy biến dòng chữ trong khung nhập dữ liệu
//* Tùy biến dòng chữ trong khung nhập dữ liệu tìm kiếm của Genesis
add_filter( 'genesis_search_text', 'sp_search_text' );
function sp_search_text( $text ) {
return esc_attr( 'Tìm kiếm trên blog của tôi...' );
}Tùy biến nút tìm kiếm
//* Tùy biến nút tìm kiếm trong Genesis
add_filter( 'genesis_search_button_text', 'sp_search_button_text' );
function sp_search_button_text( $text ) {
return esc_attr( 'Tìm kiếm' );
}Tùy biến nhãn của khung tìm kiếm
//* Tùy biến nhãn của khung tìm kiếm trong Genesis
add_filter( 'genesis_search_form_label', 'sp_search_form_label' );
function sp_search_form_label ( $text ) {
return esc_attr( 'Khung tìm kiếm' );
}Xóa cache website (nếu có) và kiểm tra kết quả. Thật tuyệt vời phải không nào? Chúc các bạn thành công!
Bạn biết những đoạn code hay phương pháp nào khác để tùy biến khung tìm kiếm trong Genesis? Hãy chia sẻ nó với chúng tôi bằng cách sử dụng khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên 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. :)
Hiếu ơi chỉ mình cách việt hoá dòng you are here trong Breadcrumbs
với hai dòng Notify me of follow-up comments by email
Notify me of new posts by email trong comment dc k
1. Sử dụng tính năng Breadcrumbs của Yoast SEO. Trong đó có chỗ để bạn Việt hóa hoặc xóa dòng chữ “You are here” đi. Nếu mình nhớ không nhầm thì là mục “Prefix for the breadcrumb path”.
2. Sử dụng WordPress tiếng Việt thì tự khắc 2 dòng chữ kia sẽ được Việt hóa.
mình dùng tiếng việt nhưng nó không chịu việt hoá
Bạn vào Appearance > Custom > header image ấy :D
cái menu của Anh dùng plugin gì vậy A ? hay custom thế ạ ???
Sửa trong CSS đó bạn!
Bạn ơi có biết thay cái Logo không ? mình k có thấy trong Theme Settings
Appearance => Header => Add New Image nhé. :P
ủa sao của em nó bay ra giữa k ta
Chèn thêm 1 cái Text Widget (để trống hoặc chèn mã quảng cáo) vào Header Right là tự khắc nó sẽ chuyển sang bên trái. :P
Cho e hỏi thêm cái này nữa ạ. sao mà chỉnh được chiều cao của theme vậy A. của E nó to quá
Chỉnh sửa trong phần Site Navigation của style.css nhé.
A có thể viết một bài được không ạ. Em không rành cho lắm :3
Cái này không mang tính phổ biến, chỉ áp dụng cho Magazine Pro child theme nên mình không viết bài hướng dẫn nhé. :P
Vậy A có thể chỉ em sửa cụ thể ở chỗ nào để nó nhỏ lại giống thanh menu trên của A được không ạ
Chỉ cụ thể cho bạn như thế rồi còn gì? Mở tập tin style.css ra, tìm phần Site Navigation, thấy chỗ nào có đơn vị kích thước (px) thì thử thay đổi nó. Tập làm cho quen đi, cái gì cũng ăn sẵn đâu có hay, bao giờ mới khá lên được. :P
ok tks Anh ạ
Tham khảo bài viết này nhé: https://wpcanban.com/wordpress/thu-thuat-wordpress/icon-vao-menu-cua-genesis-theme.html :P
b chỉ cho m làm tìm kiếm sản phẩm theo mã sản phẩm, tên viết tắt của sản phẩm. vd iphone 5 mình có mã hàng là ip01,viết tắt là ip.
Vấn đề này bạn cần phải sử dụng plugin nhé. Thử các plugin này xem sao:
– https://wordpress.org/plugins/search-filter/
– https://wordpress.org/plugins/ultimate-wp-query-search-filter/
– https://wordpress.org/plugins/advance-wp-query-search-filter/
– https://facetwp.com/
Anh Hiếu biết làm cái thanh search trên menu giống trong demo này không bày em với :D http://demo.studiopress.com/magazine/
Trước đây nó là một tính năng mặc định của Genesis. Nhưng kể từ khi lên phiên bản 2.1.0 thì đã bị loại bỏ (https://wpcanban.com/wordpress/wordpress-themes/genesis-framework-2-1-0-chinh-thuc-trinh-lang.html). Xem hướng dẫn trong đây để bổ sung nhé: http://my.studiopress.com/snippets/nav-extras :P
Nếu mình muốn sử dụng khung tìm kiếm này ngay bên cạnh menu mà không phải ở một widget thì làm thế nào b?
Thử đoạn code này nhé:
Chèn vào tập tin
functions.php. :PThank bạn nhé. Đúng cái đang tìm
Hiện tại mình đang thực hiện series về Genesis, bạn nhớ chú ý đón đọc nhé. :D
Chỉ giúp cái Thím,search mà không biết làm
Tui không hỏi việc đồng bộ tui chỉ muốn hiển thị chữ bình luận trên postinfo kiểu như thêm lượt xem là [post-views] đó
Chịu khó search Google đi ba: “how to display the facebook comment count in wordpress theme”. :P
Thím cho hỏi phát.Tui đang dùng plugin facebook để comment này https://wordpress.org/plugins/facebook/. Ông vào xem phải dùng code gì để hiển thị số lượng coment facebook trên post info với.Ví dụ bài viết của ông hiện tại có 3 bình luận của wp.Tôi muốn thay thành facebook
Facbook Comments là một hệ thống riêng. Nó không đồng bộ hóa dữ liệu được với WordPress Comments nên tui cũng chịu. :P
Ok, hay đó,nhưng lần sau viết bài dành cho người không biết code như tui đó.Phải cụ thể,chứ người biết đâu có vào xem
Viết rõ ràng và dễ hiểu thế còn gì nữa thím hai? =.=!