Khung tìm kiếm trên blog là một phần khá quan trọng. Hầu hết các blog hay website đều có chức năng này. Nó giúp người đọc dễ dàng tìm kiếm các nội dung phù hợp với mục đích của họ. Trong các blog WordPress, khung search đã được cung cấp sẵn, bạn chỉ cần vào khu vực Widgets, kéo nó đặt vào một vị trí trên sidebar hay bất cứ vị trí nào hỗ trợ. Trong bài viết này mình sẽ hướng dẫn một số thủ thuật nhỏ giúp điều chỉnh khung search theo ý muốn, giúp cho khung search đep hơn, phù hợp hơn với giao diện của blog và kết hợp Google search vào chức năng tìm kiếm.

Thay đổi phần text

Thay đổi text trong khung search

Thay đổi text ở button

Thay đổi “Search results for:…” ở trang kết quả tìm kiếm

Chèn khung search vào thanh menu

Chèn vào Primary Navigation Menu

Chèn vào Secondary Navigation Menu

Thiết kế lại khung search bằng css

Đây là css mình sử dụng cho blog của mình, các bạn có thể design lại cho phù hợp với blog của bạn.

Kết hợp Google Search vào blog

Trước tiên chúng ta vào Google CSEclick vào Create a custom search engine ở phía trên bên phải. Trang tiếp theo chúng ta sẽ điền vào địa chỉ blog của bạn ở khung Sites to search, chọn ngôn ngữ và click vào create.

google scsSao khi tạo xong, click vào Edit search engine chọn Look and feel. Ở khung bên chọn Results only và click Save & Get Code.

google sce 2

Ở trang tiếp theo, bạn copy lại phần code để sử dụng sau. Lưu ý chúng ta chỉ copy cần phần script.

google sce 3Tiếp theo, mở file funstion.php của Genesis childtheme và bổ sung thêm code:

Tạo một file php mới với nội dung:

Bạn có thể đặt tên bất kì cho file này sau đó Upload nó vào folder Genesis child theme, cùng folder với file funstion.php. Bạn chú ý thêm phần script của bạn vào nội dung bên trên.

Việc cuối cùng là tạo một page mới trên blog của bạn với tên là Search results. Nội dung page để trống. Phần Template  chọn Google custom search.

google sce 4Publish page và hoàn tất công việc. Bây giờ bạn có thể sử dụng chức năng search với một từ khóa bất kì để xem kết quả thu được.

Chúc bạn thành công! {c1}

Leave a Reply

Your email address will not be published. Required fields are marked *

Đăng ký nhận tin khuyến mãi

Đăng ký nhận tin khuyến mãi

Không bỏ lở những khuyến mãi Hosting - Domain - WordPress Themes - WordPress Plugins hấp dẫn nhất!

 

Bạn đã đăng ký thành công!