Trang web của bạn cần phải có chức năng tìm kiếm để giúp tìm những thông tin hoặc bài viết trên web của bạn. Chức năng tìm kiếm của Joomla! có thể giúp bạn tìm nhanh hoặc tìm chính xác một thông tin hay nội dung bài viết trên trang web.  

Cách tạo chức năng tìm kiếm - Search cho trang web Joomla!
Cách tạo chức năng tìm kiếm - Search cho trang web Joomla!

Sau đây là các bước tạo chức năng tìm kiếm - Search cho trang web Joomla!

  1. Tạo module có chức năng tìm kiếm trên web
  2. Tạo Menu ẩn cho các mục trình đơn không cần hiển thị trên web. 
  3. Tạo mục trình đơn cho trang hiển thị kết quả tìm kiếm trên web

1

Tạo module có chức năng tìm kiếm trên web

  • Trong phần quản trị - Administrator của Joomla! bạn hãy truy cập vào phần quản lý Module bằng một trong các cách sau:
  1. Nhấp chuột vào Modules trong bảng điều khiển - Control Panel
  2. Truy cập vào trình đơn Extensions -> Modules 

Cách truy cập vào phần quản lý Module của Joomla!
Cách truy cập vào phần quản lý Module của Joomla!

  • Sau khi vào phần quản lý Module, bạn hãy nhấp chuột vào nút New trên thanh công cụ - Toolbar để tạo một Module mới.

Nhấp chuột vào nút New trên thanh công cụ - Toolbar để tạo một Module mới
Nhấp chuột vào nút New trên thanh công cụ - Toolbar để tạo một Module mới

  • Trong trang Select a Module Type, bạn hãy chọn Search

Trong trang Select a Module Type, bạn hãy chọn Search
Trong trang Select a Module Type, bạn hãy chọn Search

  • Tiếp theo bạn hãy thiết lập các thông số cho Module Tìm kiếm như sau:
  1. Đặt tên cho Module tìm kiếm trong mục Title
  2. Trong mục Show Title bạn hãy chọn Hide để không hiển thị tên của Module tìm kiếm trên web.
  3. Trong mục Position bạn hãy chọn vị trí muốn hiển thị Module tìm kiếm trên trang web của bạn.

Các Template thường thiết kế một vị trí dành riêng cho module tìm kiếm, bạn hãy xem tài liệu hướng dẫn của template để biết. Trong trường hợp sử dụng Template mặc định của Joomla! là Protostar thì vị trí này tên là Search [position-0]

Thiết lập các thông số cho Module Tìm kiếm
Thiết lập các thông số cho Module Tìm kiếm

  • Các thông số khác bạn hãy giữ nguyên như mặc định và nhấn nút Save & Close để hoàn tất phần tạo Module tìm kiếm.

2

Tạo Menu ẩn cho các mục trình đơn không cần hiển thị trên web

Trong một số trường hợp bạn cần phải tạo mục trình đơn cho trang web nào đó để sử dụng trong liên kết nội bộ mà không cần hiển thị nó trên trang web thì bạn có thể thiết lập cho nó không hiển thị trong Menu. Tuy nhiên nếu trang web của bạn có nhiều mục trình đơn ẩn thị bạn nên tạo một Menu ẩn riêng để dễ quản lý.

Sau đây là cách tạo Menu ẩn:

  • Sau khi tạo xong Module tìm kiếm. Bạn hãy tạo một trình đơn - Menu mới bằng cách truy cập vào trình đơn Menus -> Manage -> Add New Menu

Tạo trình đơn - Menu mới
Tạo trình đơn - Menu mới

  • Trong trang tạo trình đơn mới, bạn hãy nhập tiêu đề cho trình đơn này trong mục TitleMenu Type, sau đó nhấn nút Save & Close để hoàn tất bước này.

Thiết lập các thông số cho Hide Menu
Thiết lập các thông số cho Hide Menu

3

Tạo mục trình đơn cho trang hiển thị kết quả tìm kiếm trên web

  • Tiếp theo bạn hãy nhấp chuột vào trình đơn Hide Menu mà bạn vừa mới tạo để mở nó ra.

 Chọn trình đơn Hide Menu
Chọn trình đơn Hide Menu

  • Trong trình đơn này, bạn hãy nhấn vào nút New để tạo một mục trình đơn - Menu Item mới

Nhấn vào nút New để tạo một mục trình đơn - Menu Item mới
Nhấn vào nút New để tạo một mục trình đơn - Menu Item mới

  • Trong trang tạo mục trình đơn mới, bạn hãy thiết lập các thông số cho mục trình đơn này như sau:

Thiết lập các thông số cho mục trình đơn Tìm kiếm
Thiết lập các thông số cho mục trình đơn Tìm kiếm

  1. Trước tiên, bạn hãy nhập tiêu đề cho mục trình đơn này trong mục Menu Title.
  2. Bạn hãy nhấn vào Select trong mục Menu Item Type để chọn loại trình đơn muốn tạo
  3. Một cửa sổ Popup sẽ hiện ra. Bạn hãy nhấp vào Search
  4. Tiếp tục chọn Search Form or Search Results
  • Các thiết lập và thông số khác bạn hãy giữ nguyên mặc định như trong ảnh minh họa sau đó nhấn nút Save & Close

Các thông số khác bạn hãy giữ nguyên như mặc định
Các thông số khác bạn hãy giữ nguyên như mặc định

Bạn cũng có thể không cho bất cứ mục trình đơn nào hiển thị trên trang web mà không cần tạo Hide Menu bằng cách thiết lập thông số Display in MenuNo trong phần Link Type

Tùy chọn không hiển thị mục trình đơn trên trang web
Tùy chọn không hiển thị mục trình đơn trên trang web

  • Bây giờ bạn hãy quay lại trang web của bạn và nhấn phím F5 để cập nhật những thay đổi mới thực hiện. Bạn sẽ nhìn thấy một module với chức năng tìm kiếm vừa mới được tạo ra.

Module với chức năng tìm kiếm trên trang web
Module với chức năng tìm kiếm trên trang web

  • Bạn hãy nhập từ muốn tìm vào hộp tìm kiếm và nhấn phím Enter Các thông tin tìm được sẽ hiển thị trên trang kết quả tìm kiếm. Bạn cũng sẽ nhìn thấy các chức năng giúp tìm kiếm chi tiết hơn tại đây.

Các thông tin tìm được sẽ hiển thị trên trang kết quả tìm kiếm
Các thông tin tìm được sẽ hiển thị trên trang kết quả tìm kiếm

  • Bạn có thể không cần tạo mục trình đơn cho trang hiển thị kết quả tìm kiếm. Tuy nhiên bạn nên tạo nó để thuận tiện khi sử dụng sau này.
  • Mục trình đơn này sẽ không hiển thị trên web. Người sử dụng chỉ có thể truy cập vào nó thông qua chức năng tìm kiếm.
  • Đây cũng là cách để bạn tạo một mục trình đơn ẩn trong trang web Joomla!

Cách tạo thêm nút nhấn cho hộp tìm kiếm

Nếu bạn muốn tạo thêm nút nhấn cho chức năng tìm kiếm thì hãy truy cập vào Module tìm kiếm sau đó thay đổi các thiết lập như sau:

Tạo thêm nút nhấn cho hộp tìm kiếm
Tạo thêm nút nhấn cho hộp tìm kiếm

  1. Nhập dòng chữ hiển thị trong hộp tìm kiếm nếu muốn.
  2. Trong mục Search Button bạn hãy chọn Yes để hiển thị nút tìm kiếm
  3. Trong mục Button Position bạn hãy chọn Right để hiển thị nút bên phải của hộp tìm kiếm
  4. Trong mục Button Text bạn hãy nhập chữ mà bạn muốn nó hiển thị trên nút tìm kiếm.
  • Các thiết lập và thông số khác bạn hãy giữ nguyên như cũ sau đó nhấn nút Save & Close

Nút nhấn được hiển thị bên phải hộp tìm kiếm
Nút nhấn được hiển thị bên phải hộp tìm kiếm

Phản hồi bài viết

Gửi ý kiến đóng góp hoặc thắc mắc của
bạn về bài viết này!

Xin vui lòng nhập chính xác địa chỉ Email của bạn để nhận được thư trả lời.