• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

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

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Tổng hợp code giúp tùy biến khung tìm kiếm trong Genesis
hosting-tot-nhat-danh-cho-wordpress

Tổng hợp code giúp tùy biến khung tìm kiếm trong Genesis

Cập nhật: 19/06/2022 Trung Hiếu 49 Bình luận

Mục lục Hiện
  • 1. Code tùy biến khung tìm kiếm trong Genesis
    • 1.1. Tùy biến dòng chữ trong khung nhập dữ liệu
    • 1.2. Tùy biến nút tìm kiếm
    • 1.3. Tùy biến nhãn của khung tìm kiếm

Tổng hợp code giúp tùy biến khung tìm kiếm (Search form) trong Genesis.

tong-hop-code-tuy-bien-khung-tim-kiem-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. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Ẩn tiêu đề trang hoặc bài viết trong Genesis Framework
Ẩn tiêu đề trang hoặc bài viết trong Genesis Framework
Sử dụng Genesis Framework Schema cùng Yoast SEO
Sử dụng Genesis Framework Schema cùng Yoast SEO
Chèn code vào bất cứ vị trí nào trên Genesis Framework
Chèn code vào bất cứ vị trí nào trên Genesis Framework

Chuyên mục: Thủ thuật WordPress Thẻ: Thủ thuật Genesis

wpcanban-com-facebook-group

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. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Tổng hợp code tùy biến khung bình luận trong Genesis
Bài viết sau Top 15 WordPress themes miễn phí tốt nhất năm 2014 »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Dũng 11 bình luậnviết

    22/10/2018 lúc 21:25

    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ình luận
    • Trung Hiếu Quản lýviết

      23/10/2018 lúc 07:28

      Ý 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?

      Bình luận
      • Dũng 11 bình luậnviết

        23/10/2018 lúc 08:55

        Khung tìm kiếm trên menu giống của anh ý ạ. :)))))

        Bình luận
        • Trung Hiếu Quản lýviết

          23/10/2018 lúc 09:14

          Bạn tham khảo tại đây nhé.

          Bình luận
  2. Hữu Thuần 88 bình luậnviết

    01/04/2017 lúc 09:49

    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

    Bình luận
    • Trung Hiếu Quản lýviết

      01/04/2017 lúc 10:25

      Làm bộ Genesis + Paradise child theme đi. :3

      Bình luận
      • Hữu Thuần 88 bình luậnviết

        01/04/2017 lúc 14:46

        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

        Bình luận
  3. Khuê 1 bình luậnviết

    01/04/2017 lúc 09:23

    Làm sao chỉnh cái: “You are here >> trang chủ” thành tiếng Việt được vậy ạ

    Bình luận
    • Trung Hiếu Quản lýviết

      01/04/2017 lúc 09:40

      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

      Bình luận
  4. Thắng 5 bình luậnviết

    04/08/2016 lúc 13:35

    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

    Bình luận
    • Trung Hiếu Quản lýviết

      04/08/2016 lúc 13:38

      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

      Bình luận
  5. Tran 12 bình luậnviết

    04/04/2016 lúc 15:24

    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ình luận
    • Trung Hiếu Quản lýviết

      04/04/2016 lúc 15:26

      Bạn dùng plugin Simple Social Icons nhé: https://wordpress.org/plugins/simple-social-icons/ :)

      Bình luận
  6. Tran 12 bình luậnviết

    21/03/2016 lúc 07:59

    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ình luận
    • Trung Hiếu Quản lýviết

      21/03/2016 lúc 09:07

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

      Bình luận
      • Tran 12 bình luậnviết

        21/03/2016 lúc 09:30

        Cảm ơn anh Hiếu.

        Bình luận
« 1 2

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Thủ thuật CloudFlare

Sửa lỗi WordPress

Thủ thuật LiteSpeed

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

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

  • Xóa base slug của custom post type và taxonomy 04/07/2025
  • Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản 30/06/2025
  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025

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

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Tịnh Nguyễn trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress
  • dự án vlasta hải phòng trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

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

9 Chuyên mục - 1.007 Bài viết - 35.554 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting