---
title: "Tổng hợp code giúp tùy biến khung tìm kiếm trong Genesis"
author: "Trung Hiếu"
date: "2014-12-30"
lastmod: "2022-06-19"
url: "https://wpcanban.com/wordpress/thu-thuat-wordpress/tong-hop-code-giup-tuy-bien-khung-tim-kiem-trong-genesis.html"
---

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

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](https://wpcanban.com/wp-content/uploads/2014/12/tuy-bien-khung-tim-kiem-trong-genesis.png)

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](https://wpcanban.com/tag/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](https://wpcanban.com/wordpress/thu-thuat-wordpress/tong-hop-code-giup-tuy-bien-author-box-trong-genesis.html)
- [Tổng hợp code tùy biến nút điều hướng trong Genesis](https://wpcanban.com/wordpress/thu-thuat-wordpress/tong-hop-code-tuy-bien-nut-dieu-huong-trong-genesis.html)
- [Tổng hợp code tùy biến khung bình luận trong Genesis](https://wpcanban.com/wordpress/thu-thuat-wordpress/tong-hop-code-tuy-bien-khung-binh-luan-trong-genesis.html)

## 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](https://wpcanban.com/wordpress/thu-thuat-wordpress/chen-code-php-vao-wordpress-voi-plugin-code-snippets.html) để 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.* :)