Kiến thức Hữu ích 😍

Cách Tùy Chỉnh Code Tìm Kiếm Trong WordPress Để Nâng Cao Trải Nghiệm

Kiến thức Wordpress

Bạn đã bao giờ tự hỏi tại sao chức năng tìm kiếm trên website WordPress của mình lại hoạt động kém hiệu quả? Người dùng phàn nàn rằng họ không thể tìm thấy những gì họ cần, và kết quả trả về thường không liên quan. Đây là một vấn đề phổ biến mà nhiều chủ website gặp phải. Chức năng tìm kiếm mặc định của WordPress, mặc dù tiện lợi, nhưng lại có nhiều hạn chế về độ chính xác và khả năng tùy biến. May mắn thay, với một chút kiến thức về code, bạn hoàn toàn có thể “dạy” cho công cụ tìm kiếm của mình trở nên thông minh hơn, mang lại trải nghiệm tốt nhất cho người dùng. Bài viết này sẽ hướng dẫn bạn cách sử dụng và tùy chỉnh code tìm kiếm trong WordPress một cách chi tiết, từ việc cải thiện kết quả, lọc theo loại bài viết, cho đến nâng cao trải nghiệm người dùng một cách hiệu quả.

Giới thiệu về chức năng tìm kiếm mặc định trong WordPress

Chức năng tìm kiếm cơ bản trong WordPress là một công cụ tích hợp sẵn, cho phép khách truy cập nhập từ khóa vào một ô tìm kiếm và nhận về danh sách các bài viết hoặc trang có chứa từ khóa đó. Về cơ bản, nó hoạt động bằng cách truy vấn vào cơ sở dữ liệu để tìm kiếm sự trùng khớp trong tiêu đề và nội dung bài viết. Đây là một tính năng cần thiết cho mọi trang web, giúp người dùng điều hướng và tìm kiếm thông tin nhanh chóng.

Tuy nhiên, vấn đề lớn nhất với công cụ tìm kiếm mặc định này là sự hạn chế của nó. Nó thường trả về kết quả không mấy chính xác, không phân biệt được mức độ quan trọng giữa tiêu đề và nội dung, và không có khả năng tìm kiếm trong các trường tùy chỉnh (custom fields) hay các loại bài viết khác (custom post types). Điều này có thể dẫn đến trải nghiệm người dùng kém, đặc biệt với các trang web có lượng nội dung lớn và đa dạng như blog, trang thương mại điện tử hay portfolio.

Giải pháp cho vấn đề này chính là tùy chỉnh mã code. Bằng cách can thiệp vào truy vấn tìm kiếm mặc định, chúng ta có thể mở rộng khả năng của nó, giúp nó hiểu rõ hơn chúng ta muốn tìm kiếm điều gì. Bài viết này sẽ tập trung vào việc hướng dẫn bạn từng bước cách sử dụng các hook, filter và class WP_Query để cải thiện và tùy chỉnh chức năng tìm kiếm, biến nó từ một công cụ cơ bản thành một trợ thủ đắc lực cho người dùng của bạn.

Hình minh họa

Tùy chỉnh mã code để cải thiện chức năng tìm kiếm trong WordPress

Để vượt qua những hạn chế của tìm kiếm mặc định, việc can thiệp vào mã code là phương pháp hiệu quả và linh hoạt nhất. WordPress cung cấp cho chúng ta những công cụ mạnh mẽ để sửa đổi cách nó xử lý các truy vấn, cho phép chúng ta tinh chỉnh logic tìm kiếm để phù hợp chính xác với nhu cầu của trang web. Thay vì chấp nhận các kết quả chung chung, bạn có thể điều hướng công cụ tìm kiếm để ưu tiên những nội dung quan trọng hơn, tìm kiếm ở những nơi mà mặc định nó bỏ qua, và cuối cùng là mang lại giá trị thực sự cho người dùng.

Sử dụng hook và filter trong WordPress để sửa đổi truy vấn tìm kiếm

Một trong những cách mạnh mẽ nhất để tùy chỉnh WordPress mà không cần chỉnh sửa file core là sử dụng hook và filter. Đối với việc sửa đổi truy vấn tìm kiếm, hook pre_get_posts là một “người bạn đồng hành” không thể thiếu. Hook này cho phép bạn thay đổi đối tượng truy vấn ($query) ngay trước khi nó được thực thi. Điều này có nghĩa là bạn có thể thêm, bớt hoặc sửa đổi các tham số để điều khiển kết quả trả về.

Ví dụ, bạn muốn loại bỏ các bài viết từ một chuyên mục cụ thể ra khỏi kết quả tìm kiếm để giữ cho nội dung hiển thị luôn phù hợp. Bạn có thể thêm đoạn mã sau vào file functions.php của theme con (child theme):

function azweb_exclude_category_from_search($query) {
    if ( !is_admin() && $query->is_main_query() && $query->is_search() ) {
        $query->set('cat', '-123'); // Thay -123 bằng ID của chuyên mục bạn muốn loại trừ
    }
}
add_action('pre_get_posts', 'azweb_exclude_category_from_search');

Trong ví dụ này, chúng ta kiểm tra xem đây có phải là truy vấn chính trên trang tìm kiếm của người dùng hay không (!is_admin(), is_main_query(), is_search()). Nếu đúng, chúng ta sử dụng phương thức set() để thêm một tham số loại trừ chuyên mục có ID là 123. Rất đơn giản nhưng cực kỳ hiệu quả.

Tăng độ chính xác của tìm kiếm bằng cách tùy chỉnh truy vấn WP_Query

Trong khi pre_get_posts giúp sửa đổi truy vấn mặc định, việc hiểu và tùy chỉnh WP_Query sẽ mở ra một thế giới khả năng mới, giúp tăng độ chính xác của kết quả tìm kiếm lên một tầm cao mới. Bạn có thể ra lệnh cho WordPress tìm kiếm ở những nơi cụ thể hơn là chỉ tiêu đề và nội dung.

Một ứng dụng phổ biến là tìm kiếm trong các trường dữ liệu tùy chỉnh (meta fields). Giả sử bạn có một trang web bán sách và mỗi cuốn sách có một trường tùy chỉnh tên là ten_tac_gia. Mặc định, WordPress sẽ không tìm kiếm trong trường này. Để khắc phục, bạn có thể xây dựng một truy vấn phức tạp hơn để bao gồm cả meta_query, cho phép tìm kiếm dựa trên giá trị của các meta field này, tương tự các thủ thuật được trình bày trong bài Cách sử dụng WordPress.

Ngoài ra, bạn có thể tăng trọng số cho các yếu tố khác nhau để kết quả phù-hợp-hơn. Ví dụ, một từ khóa xuất hiện trong tiêu đề thường sẽ liên quan hơn là khi nó xuất hiện trong nội dung. Bạn có thể xây dựng các truy vấn riêng biệt: một cho tiêu đề và một cho nội dung, sau đó kết hợp và sắp xếp kết quả để ưu tiên các bài viết có từ khóa trong tiêu đề. Mặc dù việc này đòi hỏi kỹ thuật phức tạp hơn, có thể cần đến việc sửa đổi trực tiếp template tìm kiếm (search.php) và sử dụng nhiều vòng lặp WP_Query, nhưng nó mang lại sự kiểm soát tuyệt đối và cải thiện đáng kể độ chính xác của kết quả.

Lọc kết quả tìm kiếm theo loại bài viết trong WordPress

Khi website của bạn phát triển, bạn có thể không chỉ có “Bài viết” (Posts) và “Trang” (Pages) mà còn có các loại nội dung khác như “Sản phẩm” (Products), “Dự án” (Portfolio), hay “Khóa học” (Courses). Đây được gọi là các loại bài viết tùy chỉnh (Custom Post Types). Chức năng tìm kiếm mặc định của WordPress thường tìm kiếm trên tất cả các loại bài viết này, dẫn đến kết quả bị nhiễu và khó lọc. Việc cho phép người dùng lọc kết quả theo đúng loại nội dung họ quan tâm là một cải tiến quan trọng, giúp nâng cao trải nghiệm và tính tiện dụng của trang web.

Hình minh họa

Tạo bộ lọc tìm kiếm cho post type tùy chỉnh

Post type là cách WordPress phân loại các loại nội dung khác nhau. Ví dụ, một trang web thương mại điện tử sẽ có post type là product, trong khi một trang portfolio có thể có post type là portfolio_item. Bằng cách thêm một bộ lọc vào form tìm kiếm, bạn cho phép người dùng chủ động chọn khu vực nội dung mà họ muốn tìm kiếm, giúp kết quả trả về đúng trọng tâm hơn.

Để thực hiện điều này, bạn có thể thêm một trường ẩn (hidden field) hoặc một menu thả xuống (dropdown) vào file searchform.php của theme. Ví dụ, để giới hạn tìm kiếm chỉ trong các “sản phẩm”, bạn có thể thêm dòng sau vào trong thẻ <form>:
<input type="hidden" name="post_type" value="product" />

Nếu muốn cho người dùng lựa chọn, bạn có thể tạo một dropdown. Sau đó, truy vấn tìm kiếm sẽ tự động nhận tham số post_type và giới hạn kết quả chỉ trong loại bài viết đó. Đây là một cách đơn giản để phân loại và lọc kết quả, đặc biệt hữu ích cho các trang web có cấu trúc nội dung phức tạp.

Kết hợp lọc theo taxonomy và post type

Để nâng cao hơn nữa, bạn có thể kết hợp việc lọc theo post type với các điều kiện lọc khác như taxonomy (chuyên mục, thẻ, hoặc các phân loại tùy chỉnh). Ví dụ, trên một trang bán hàng, người dùng có thể muốn tìm kiếm một từ khóa nhất định chỉ trong post type “Sản phẩm” và thuộc “Danh mục sản phẩm” là “Đồ điện tử”.

Để làm được điều này, bạn cần sửa đổi truy vấn tìm kiếm bằng cách sử dụng hook pre_get_posts như đã đề cập. Bạn sẽ kiểm tra các tham số được gửi từ form tìm kiếm (ví dụ: post_type, product_cat) và thiết lập các điều kiện tương ứng cho đối tượng $query.

Ví dụ thực tế:

function azweb_advanced_search_query($query) {
    if ($query->is_search() && !is_admin()) {
        // Chỉ tìm trong post type 'product' nếu người dùng chọn
        if (isset($_GET['post_type']) && $_GET['post_type'] == 'product') {
            $query->set('post_type', 'product');
        }
        
        // Lọc theo danh mục sản phẩm nếu người dùng chọn
        if (isset($_GET['product_cat']) && !empty($_GET['product_cat'])) {
            $tax_query = array(
                array(
                    'taxonomy' => 'product_cat',
                    'field' => 'slug',
                    'terms' => sanitize_text_field($_GET['product_cat']),
                ),
            );
            $query->set('tax_query', $tax_query);
        }
    }
    return $query;
}
add_action('pre_get_posts', 'azweb_advanced_search_query');

Đoạn mã này cho phép bạn tạo ra một bộ lọc tìm kiếm đa điều kiện, mang lại sự linh hoạt tối đa cho người dùng và giúp họ tìm thấy chính xác những gì họ cần một cách nhanh chóng.

Hình minh họa

Cải thiện trải nghiệm người dùng khi sử dụng tính năng tìm kiếm

Một công cụ tìm kiếm mạnh mẽ không chỉ nằm ở logic xử lý phía sau mà còn ở cách nó tương tác với người dùng. Ngay cả khi bạn đã tùy chỉnh code để có kết quả chính xác nhất, trải nghiệm người dùng (UX) kém có thể phá hỏng mọi nỗ lực. Giao diện trực quan, phản hồi nhanh chóng và tốc độ ổn định là những yếu tố then chốt để biến tính năng tìm kiếm trở thành một công cụ hữu ích và được yêu thích trên website của bạn.

Tối ưu giao diện và phản hồi tìm kiếm

Cách bạn hiển thị kết quả tìm kiếm có ảnh hưởng rất lớn đến trải nghiệm người dùng. Thay vì chỉ liệt kê một danh sách các tiêu đề, hãy trình bày kết quả một cách rõ ràng và dễ hiểu. Mỗi kết quả nên bao gồm tiêu đề, một đoạn trích ngắn (excerpt) có làm nổi bật từ khóa tìm kiếm, và có thể cả ảnh đại diện (thumbnail) nếu có. Điều này giúp người dùng nhanh chóng xác định được mức độ liên quan của từng kết quả.

Một tính năng cực kỳ hữu ích là đề xuất tự động (autocomplete hay AJAX search). Khi người dùng bắt đầu gõ vào ô tìm kiếm, một danh sách các kết quả gợi ý sẽ hiện ra ngay lập tức mà không cần tải lại trang. Tính năng này không chỉ tiết kiệm thời gian mà còn giúp định hướng người dùng đến đúng nội dung họ cần. Ngoài ra, đừng quên triển khai phân trang (pagination) cho trang kết quả tìm kiếm. Nếu có quá nhiều kết quả, việc chia chúng thành nhiều trang sẽ giúp giao diện gọn gàng và cải thiện tốc độ tải trang đáng kể.

Tăng tốc độ và tính ổn định của tìm kiếm

Tốc độ là một yếu tố sống còn của trải nghiệm người dùng. Không ai muốn chờ đợi quá lâu để nhận được kết quả tìm kiếm. Trên các trang web có lượng dữ liệu lớn, các truy vấn tìm kiếm phức tạp có thể gây áp lực nặng nề lên cơ sở dữ liệu và làm chậm website.

Để giải quyết vấn đề này, bạn nên áp dụng các kỹ thuật caching. Bằng cách lưu lại kết quả của các truy vấn tìm kiếm phổ biến, bạn có thể trả về kết quả gần như ngay lập tức cho những lần tìm kiếm sau mà không cần truy vấn lại cơ sở dữ liệu. Bên cạnh đó, việc sử dụng indexing cho cơ sở dữ liệu, đặc biệt là trên các cột thường xuyên được tìm kiếm (như post_title, post_content và các meta field), sẽ giúp tăng tốc độ truy xuất dữ liệu một cách đáng kể.

Cuối cùng, hãy luôn tối ưu code của bạn. Tránh các truy vấn lồng nhau không cần thiết và chỉ lấy những dữ liệu thực sự cần thiết từ database. Nếu việc tự code trở nên quá phức tạp, bạn có thể cân nhắc sử dụng các plugin hỗ trợ tìm kiếm chuyên dụng như Relevanssi hay SearchWP. Các plugin này thường được tích hợp sẵn các cơ chế indexing và caching hiệu quả, giúp giảm tải cho server và đảm bảo tính năng tìm kiếm luôn hoạt động nhanh chóng và ổn định.

Những vấn đề thường gặp khi tùy chỉnh code tìm kiếm

Việc tùy chỉnh code tìm kiếm trong WordPress mang lại nhiều lợi ích, nhưng cũng không tránh khỏi những thách thức và vấn đề tiềm ẩn. Hiểu rõ các sự cố phổ biến và cách khắc phục sẽ giúp bạn tiết kiệm thời gian, tránh được những lỗi không đáng có và đảm bảo hệ thống tìm kiếm hoạt động trơn tru. Dưới đây là hai vấn đề thường gặp nhất mà các nhà phát triển hay đối mặt.

Hình minh họa

Kết quả tìm kiếm không chính xác hoặc thiếu dữ liệu

Một trong những vấn đề gây khó chịu nhất là khi bạn đã viết code nhưng kết quả tìm kiếm lại không như mong đợi: hoặc là không trả về kết quả nào, hoặc trả về những kết quả không liên quan. Nguyên nhân của tình trạng này thường xuất phát từ một vài lý do phổ biến.

Đầu tiên, có thể có lỗi logic trong truy vấn của bạn. Ví dụ, bạn đặt sai tên của meta field, sử dụng sai toán tử so sánh (compare), hoặc thiết lập mối quan hệ (relation) giữa các điều kiện meta_query hoặc tax_query không chính xác (ví dụ nhầm lẫn giữa AND và OR). Thứ hai, dữ liệu trong cơ sở dữ liệu của bạn có thể không đồng nhất, dẫn đến việc truy vấn không tìm thấy kết quả khớp.

Để kiểm tra và gỡ lỗi (debug), bạn nên sử dụng các công cụ như Query Monitor. Plugin này cho phép bạn xem chính xác truy vấn SQL nào đang được thực thi trên trang, các tham số của nó là gì và nó mất bao lâu để chạy. Bằng cách phân tích truy vấn thực tế, bạn có thể nhanh chóng phát hiện ra những điểm bất thường trong logic code của mình và sửa chữa chúng.

Lỗi tương thích plugin hoặc theme gây ra lỗi tìm kiếm

Môi trường WordPress là một hệ sinh thái phức tạp với sự tương tác của theme và rất nhiều plugin. Một vấn đề phổ biến khác là xung đột code, xảy ra khi theme hoặc một plugin khác cũng đang cố gắng sửa đổi truy vấn tìm kiếm bằng cách sử dụng cùng một hook, chẳng hạn như pre_get_posts.

Khi nhiều hàm cùng “tranh giành” quyền kiểm soát một hook, kết quả có thể trở nên khó lường. Một plugin có thể ghi đè lên các thay đổi của bạn, hoặc ngược lại, dẫn đến lỗi tìm kiếm hoặc thậm chí là lỗi trắng trang. Cách xử lý trong trường hợp này là điều chỉnh độ ưu tiên (priority) của hook. Khi thêm hành động add_action, bạn có thể truyền vào một tham số thứ ba là một số nguyên. Số càng nhỏ, hàm của bạn sẽ được thực thi càng sớm. Bằng cách tăng độ ưu tiên (ví dụ: add_action('pre_get_posts', 'my_search_function', 99)), bạn có thể đảm bảo code của mình chạy sau các plugin khác và có “tiếng nói cuối cùng”. Ngoài ra, hãy luôn thêm các câu lệnh điều kiện chặt chẽ (if ($query->is_main_query() && $query->is_search())) để đảm bảo code của bạn chỉ chạy khi cần thiết, giảm thiểu nguy cơ xung đột.

Hình minh họa

Các best practices khi tùy chỉnh tính năng tìm kiếm trong WordPress

Để quá trình tùy chỉnh code tìm kiếm diễn ra an toàn và hiệu quả, việc tuân thủ các quy tắc và phương pháp hay nhất (best practices) là vô cùng quan trọng. Những nguyên tắc này không chỉ giúp bạn tránh được các lỗi không đáng có mà còn đảm bảo trang web của bạn dễ dàng bảo trì và nâng cấp trong tương lai. Đây là kim chỉ nam giúp bạn làm việc như một nhà phát triển chuyên nghiệp.

Luôn sao lưu dữ liệu trước khi chỉnh sửa code: Đây là quy tắc vàng không bao giờ được bỏ qua. Trước khi thêm hoặc thay đổi bất kỳ đoạn mã nào, hãy đảm bảo bạn đã có một bản sao lưu hoàn chỉnh của cả file và cơ sở dữ liệu. Nếu có sự cố xảy ra, bạn có thể nhanh chóng khôi phục lại trang web về trạng thái ổn định.
Hạn chế chỉnh sửa trực tiếp file core, ưu tiên child theme hoặc plugin riêng: Tuyệt đối không bao giờ chỉnh sửa các file gốc của WordPress, theme, hay plugin. Mọi thay đổi của bạn sẽ bị xóa sạch sau mỗi lần cập nhật. Thay vào đó, hãy đặt tất cả các đoạn mã tùy chỉnh của bạn vào file functions.php của một theme con (child theme) hoặc tạo một plugin tùy chỉnh riêng cho trang web của bạn. Cách làm này giúp việc quản lý code trở nên gọn gàng và an toàn.
Thường xuyên kiểm tra và cập nhật ứng dụng mã code mới: Công nghệ luôn thay đổi. Các phiên bản mới của WordPress có thể giới thiệu những hàm mới hoặc loại bỏ những hàm cũ. Hãy thường xuyên kiểm tra xem mã code của bạn có còn tương thích và hoạt động hiệu quả hay không, đặc biệt là sau khi cập nhật WordPress, theme hoặc các plugin quan trọng.
Không quá phụ thuộc vào code phức tạp, ưu tiên sự tối giản và hiệu quả: Đôi khi, một giải pháp đơn giản lại là giải pháp tốt nhất. Đừng cố gắng viết những truy vấn quá phức tạp nếu không thực sự cần thiết. Một đoạn code gọn gàng, dễ đọc và tập trung vào việc giải quyết một vấn đề cụ thể sẽ dễ gỡ lỗi và bảo trì hơn. Hãy tự hỏi: “Liệu có cách nào đơn giản hơn để đạt được kết quả tương tự không?”.

Kết luận

Việc tùy chỉnh code tìm kiếm trong WordPress không chỉ là một bài tập kỹ thuật, mà là một sự đầu tư chiến lược vào trải nghiệm người dùng. Bằng cách vượt qua những giới hạn của công cụ tìm kiếm mặc định, bạn trao cho khách truy cập khả năng tìm thấy thông tin họ cần một cách nhanh chóng và chính xác. Lợi ích mang lại là rất rõ ràng: người dùng hài lòng hơn, thời gian họ ở lại trang web lâu hơn, và tỷ lệ chuyển đổi cũng có thể được cải thiện.

Từ việc sử dụng hook pre_get_posts để tinh chỉnh truy vấn, kết hợp các bộ lọc theo loại bài viết và taxonomy, cho đến việc tối ưu hóa giao diện và tốc độ, mỗi bước cải tiến đều góp phần tạo nên một hệ thống tìm kiếm thông minh và mạnh mẽ. Đừng ngần ngại thử nghiệm và áp dụng từng thay đổi nhỏ. Hãy bắt đầu với việc loại trừ một chuyên mục đơn giản, sau đó tiến tới việc xây dựng các bộ lọc phức tạp hơn.

Chúng tôi khuyến khích bạn bắt tay vào thực hành ngay hôm nay. Nếu bạn gặp bất kỳ khó khăn hay có câu hỏi nào trong quá trình thực hiện, đừng ngần ngại chia sẻ trong phần bình luận bên dưới. Cộng đồng WordPress và các chuyên gia luôn sẵn sàng hỗ trợ bạn. Bước tiếp theo trên hành trình của bạn có thể là khám phá các plugin tìm kiếm nâng cao như Relevanssi hoặc SearchWP để xem chúng có thể mang lại những giải pháp gì, hoặc thậm chí là tự phát triển những tính năng mở rộng độc đáo cho riêng trang web của mình. Chúc bạn thành công