Tổng hợp code giúp tùy biến khung tìm kiếm 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 giúp 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, blog/ 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.
1. Tùy biến dòng chữ trong khung nhập dữ liệu
2. Tùy biến nút tìm kiếm
3. Tùy biến nhãn của khung tìm kiếm
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 subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)
Anh ơi! làm sao để có khung tìm kiếm như anh vậy, có thể cho em xin code được không anh ơi
Ý bạn muốn hỏi cách tích hợp Google Custom Search hay là tích hợp khung tìm kiếm lên menu?
Khung tìm kiếm trên menu giống của anh ý ạ. :)))))
Bạn tham khảo tại đây nhé.
Sau một thời gian dùng Genesis em cảm thấy thích rồi bác ạ! Mình thì ko tùy biến gì nhiều cứ để mặc định nó vậy :P
Làm bộ Genesis + Paradise child theme đi. :3
Cũng đang suy tính đây nhưng cơ mà chưa có ý định bởi lẽ cũng đang thích cái giao diện đang dùng :P
Làm sao chỉnh cái: “You are here >> trang chủ” thành tiếng Việt được vậy ạ
Bạn thử dùng tính năng Breadcrumbs của Yoast SEO để chỉnh xem sao. Truy cập SEO => Advanced => Breadcrumbs. :P
mình muốn tạo cái khung tìm kiếm như trang của Hiếu thì làm thế nào giúp mình với. mình đang xây dựng blog mà gà quá :D
Ruột của nó là Google AdSense Custom Search nhé: https://wpcanban.com/kiem-tien-online/huong-dan-chen-google-adsense-custom-search-vao-blog-wordpress.html. Còn khung tìm kiếm thì bạn view source là sẽ thấy. :P
Chào anh Hiếu.
Cho mình hỏi 1 câu. Mình muốn đưa social icon vào phía bên phải của menu thì không biết phải làm sao.
Mong anh giúp đỡ.
Bạn dùng plugin Simple Social Icons nhé: https://wordpress.org/plugins/simple-social-icons/ :)
Chào anh Hiếu,
Cho mình hỏi 1 câu. Mình muốn chỉnh sửa kích thước của khung tìm kiếm trên phần header (chỉnh chiều cao thấp lại và chiều rộng rộng ra) mà không biết làm thế nào.
Mong anh giúp đỡ.
Bạn tìm trong file functions.php của child theme xem có đoạn code nào quy định kích thước của khung tìm kiếm không? Nếu không có thì bạn click chuột phải vào khung tìm kiếm, chọn “Inspect…” là sẽ thấy những phần bạn cần chỉnh sửa trong style.css để thay đổi kích thước khung tìm kiếm. :)
Cảm ơn anh Hiế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é: https://gist.github.com/Kaiderella/9fbe61c57519ee8adea6. Chèn vào tập tin functions.php. :P
Thank 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? =.=!