Bạn có muốn tìm hiểu cách tạo trang kết quả tìm kiếm với Elementor không?

Cho dù bạn có một blog cá nhân, một trang web Thương mại điện tử hay một trang web lớn với nhiều người dùng, thì việc thêm một tính năng tìm kiếm là đủ quan trọng. Nó giúp khách truy cập của bạn dễ dàng tìm thấy nội dung họ đang tìm kiếm hơn là nhấp vào đây và đó trong menu điều hướng.

Trong WordPress, giao diện (bố cục) của trang kết quả tìm kiếm được kiểm soát bởi một mẫu trên chủ đề bạn đang sử dụng (tệp tìm kiếm.php trong hầu hết các trường hợp). Nếu bố cục mặc định không phù hợp với bạn, bạn có thể tạo một mẫu tùy chỉnh để thay thế nó.

Nếu bạn không có kỹ năng PHP, bạn có thể sử dụng Elementor (hoặc các plugin trình tạo trang khác có chức năng tạo chủ đề như Người xây dựng Divi et WPBakery) để tạo mẫu trang kết quả tìm kiếm tùy chỉnh trong WordPress.

Để có thể tạo mẫu trang kết quả tìm kiếm bằng Elementor, bạn phải sử dụng phiên bản chuyên nghiệp của Elementor vì tính năng Trình tạo chủ đề chỉ khả dụng trong Elementor Pro.

Cách tạo trang kết quả tìm kiếm với Elementor

Khi bạn tạo trang kết quả tìm kiếm tùy chỉnh bằng Elementor, bạn có thể thêm bất kỳ phần tử nào bạn thích khi tạo trang. Có hơn 90 mục (được gọi là widget) mà bạn có thể thêm.

Đọc cũng: Cách quản lý việc gửi biểu mẫu trong Elementor

Bản thân Elementor cung cấp các mẫu trang kết quả tìm kiếm được tạo sẵn để hợp lý hóa quy trình làm việc của bạn. Hoặc, nếu bạn có ý tưởng thiết kế của riêng mình, bạn cũng có thể tự tạo trang kết quả tìm kiếm.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách tạo mẫu trang kết quả tìm kiếm từ đầu. Đây là ảnh chụp màn hình của trang kết quả tìm kiếm mà chúng tôi muốn tạo.

Chúng tôi sẽ sử dụng hai phần để tạo trang kết quả tìm kiếm ở trên:

  • Mục 1: Để đặt tiêu đề (mô tả kết quả tìm kiếm)
  • Phần 2: Để đặt biểu mẫu tìm kiếm và kết quả tìm kiếm

Trước khi bắt đầu, hãy đảm bảo rằng bạn đã nâng cấp phiên bản Elementor của mình lên phiên bản chuyên nghiệp trong trường hợp bạn chưa nâng cấp. Khi bạn đã sẵn sàng, hãy truy cập Mẫu -> Trình tạo chủ đề trên bảng điều khiển WordPress của bạn.

Xem thêm: Cách sử dụng Elementor: Hướng dẫn đầy đủ

Nhấp vào nút Thêm On để tạo một mẫu mới (hoặc bạn có thể nhấp vào nút Thử ngay bây giờ để thử Trình tạo chủ đề của Elementor).

Đặt loại mô hình thành Kết quả tìm kiếm, đặt tên cho mô hình của bạn và nhấp vào nút TẠO MÔ HÌNH để bắt đầu tạo cái sau.

Vì chúng tôi muốn tạo trang kết quả tìm kiếm từ đầu, bạn chỉ cần đóng cửa sổ thư viện mẫu xuất hiện.

Đọc cũng: Cách thêm hiệu ứng điểm vào một cột trong Elementor

Trước khi bắt đầu thêm tiện ích, trước tiên bạn có thể đặt bố cục trang. Để làm như vậy, hãy nhấp vào biểu tượng bánh răng ở phía dưới của bảng cài đặt (bảng ở phía bên trái). Bạn có thể đặt bố cục trong tùy chọn Bố cục Trang từ khối thiết lập chung dưới tab Cài đặt.

Mục 1

Như hình trên, chúng ta sẽ sử dụng phần này để đặt tiêu đề hiển thị mô tả của trang kết quả tìm kiếm. Chỉ cần nhấp vào nút dấu cộng trong hộp chỉnh sửa của Elementor để thêm phần mới. Bạn có thể chọn cấu trúc cột đơn. Sau khi phần được thêm, hãy kéo tiện ích Tiêu đề vào phần đó.

Chuyển đến bảng điều khiển bên trái. Trong khối Tiêu đề dưới tab Nội dung, nhấp vào biểu tượng cơ sở dữ liệu trong trường Tiêu đề và chọn Tựa đề lưu trữ.

tạo một trang kết quả tìm kiếm

Sau đó, bạn có thể truy cập vào tab Phong cách để tùy chỉnh tiêu đề. Bạn có thể đặt những thứ như màu văn bản, kiểu chữ (họ phông chữ, cỡ chữ, kiểu phông chữ, v.v.). Bạn cũng có thể áp dụng chế độ hòa trộn và bóng văn bản nếu bạn muốn.

Cách tạo trang kết quả tìm kiếm với Elementor

Nếu bạn muốn đặt nền của phần, thêm dấu phân tách hoặc đặt lề, bạn có thể nhấp vào phần điều khiển để chuyển nó sang chế độ chỉnh sửa.

tạo một trang kết quả tìm kiếm

Mục 2

Nhấp vào nút Hơn để thêm một phần mới như bạn đã làm ở phần 1 ở trên. Bạn cũng có thể chọn cấu trúc cột đơn. Sau khi phần được thêm, hãy kéo tiện ích Biểu mẫu tìm kiếm.

Sau đó, bạn có thể truy cập bảng cài đặt để thực hiện cài đặt. Trong khối Form tìm kiếm dưới tab Nội dung, bạn có thể xác định Da, trình giữ chỗ, biểu tượng, kích thước của biểu tượng, v.v.

Để tùy chỉnh biểu mẫu, bạn có thể mở tab Phong cách. Có hai khối tham số bạn có thể mở: Đầu vào et nút. Từ khối Đầu vào, bạn có thể đặt kiểu chữ, màu văn bản, màu nền, màu đường viền, kích thước đường viền và bán kính đường viền.

Từ khối Cái nút, bạn có thể đặt màu văn bản của nút, màu nền, kiểu chữ, kích thước biểu tượng và chiều rộng của nút.

Khi kiểu dáng của tiện ích Biểu mẫu tìm kiếm đã sẵn sàng, bạn có thể thêm tiện ích Bài đăng lưu trữ. Bạn có thể đặt nó ngay bên dưới tiện ích Mẫu tìm kiếm.

Khi tiện ích này đã có, hãy điều hướng đến bảng điều khiển bên trái. Dưới khối Bố trí, chuyển hướng Nội dung, bạn có thể xác định da, số cột, vị trí của hình ảnh, độ dài của phần trích xuất, siêu dữ liệu, v.v.

Bán đấu giá Phân trang, bạn có thể đặt kiểu phân trang, giới hạn trang và căn chỉnh.

Bán đấu giá Nâng cao, bạn có thể đặt thông báo hiển thị khi WordPress không thể tìm thấy truy vấn tìm kiếm được cung cấp.

Sau khi cài đặt cơ bản của tab Nội dung đã hoàn thành, bạn có thể chuyển sang tab Phong cách để tùy chỉnh giao diện của tiện ích Lưu trữ Bài đăng. Có 6 khối bạn có thể mở trên tab này.

  • Bố trí

Bạn có thể mở khối này để xác định sự liên kết của nội dung văn bản của các bài đăng (tiêu đề bài đăng và meta). Bạn cũng có thể xác định khoảng cách giữa các cột và hàng.

  • Hình ảnh

Bạn có thể mở khối này để đặt bán kính đường viền của hình thu nhỏ bài đăng. Bạn cũng có thể đặt khoảng cách và áp dụng các bộ lọc CSS.

  • Nội dung

Bạn có thể mở khối này để đặt kiểu chữ, màu văn bản và khoảng cách của nội dung văn bản cho bài viết.

  • Sự đánh số trang

Nếu bạn bật tính năng phân trang, bạn có thể mở khối này để tùy chỉnh việc phân trang. Bạn có thể đặt những thứ như kiểu chữ, màu văn bản và khoảng cách giữa các số.

  • Không tìm thấy tin nhắn nào

Bạn có thể mở khối này để tùy chỉnh thông báo lỗi khi WordPress không thể tìm thấy nội dung dựa trên truy vấn tìm kiếm được cung cấp. Bạn có thể xác định kiểu chữ và màu sắc của văn bản trên khối này.

Bạn có thể thêm nhiều vật dụng nếu bạn cần. Sau khi hoàn tất việc chỉnh sửa trang, bạn có thể nhấp vào nút XUẤT BẢN HOẶC CẬP NHẬT ở cuối bảng cài đặt.

Nếu bạn được nhắc thêm một điều kiện hiển thị, chỉ cần thêm một điều kiện bằng cách nhấp vào nút THÊM ĐIỀU KIỆN. Vì bạn đang tạo trang kết quả tìm kiếm, hãy đặt điều kiện hiển thị thành kết quả tìm kiếm. Nhấp vào nút LƯU & ĐÓNG để áp dụng thay đổi.

tạo một trang kết quả tìm kiếm

Và ở đó bạn đi !

Mỗi trang web dựa trên WordPress đều có một trang kết quả tìm kiếm duy nhất, tùy thuộc vào chủ đề mà trang web sử dụng. Nếu bố cục của trang kết quả tìm kiếm được cung cấp bởi chủ đề bạn đang sử dụng trông không hấp dẫn đối với bạn, bạn có thể tùy chỉnh nó.

Trừ khi bạn có kỹ năng PHP, bạn có thể sử dụng Elementor để tạo trang kết quả tìm kiếm tùy chỉnh trên trang web WordPress của mình. Mọi thứ đều được kéo và thả. Không cần thao tác với mã PHP.

Bên cạnh đó, bạn cũng có thể sử dụng Elementor để tạo đầu trang tùy chỉnh, chân trang tùy chỉnh, trang 404 tùy chỉnh và các phần khác của theme WordPress.

Tải xuống Elementor Pro ngay!

Khám phá thêm một số plugin WordPress cao cấp  

Bạn có thể sử dụng cái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. WooCommerce Autoresponder

WooCommerce Autoresponder là một Plugin WordPress điều này cho phép bạn đăng ký khách hàng của mình vào phần trả lời tự động của bạn. Đây Plugin WordPress cũng hiển thị một hộp đăng ký bản tin để dễ dàng tích hợp WooCommerce cho người trả lời tự động.

Trả lời tự động Woocommerce

Như các tính năng bạn sẽ tìm thấy trong số những tính năng khác: tích hợp đầy đủ với WooCommerce, hỗ trợ 9 trình tự động trả lời, không yêu cầu kiến ​​thức mã hóa, dễ cài đặt và hơn thế nữa.

Đọc cũng: MailChimp hướng dẫn bằng tiếng Pháp: hướng dẫn đầy đủ để tạo ra một bản tin

Tải về | Bản demoWeb hosting

2. Plugin đánh giá bình luận WordPress

Đó là về một hệ thống đánh giá nhận xét. Nó cho phép bạn cho phép người dùng đánh giá các nhận xét khác nhau. Họ sẽ chỉ cần nhấp vào nút xem trước và cuộn xuống phần nhận xét để xem Plugin WordPress cao cấp trong hành động.Làm thế nào WordPress Plugin Đánh giá

Trong các chức năng của nó, chúng tôi thấy chủ yếu: dễ sử dụng, hỗ trợ cho ccông cụ biểu tượng tùy chỉnh, xếp hạng ý kiến theo ghi chú, cá nhân hóa của tđi biểu tượng, hỗ trợ CSS tùy chỉnh, cMã hóa IP (cho người dùng châu Âu), khả năng dịch plugin này và nhiều hơn nữa.

Tải về | Bản demo | Web hosting

3. Progress Bản đồ

Bản đồ tiến trình là một plugin WordPress được thiết kế cho vị trí địa lý. Mục đích là để giúp người dùng với các trang web liên quan đến danh sách khách sạn, quảng cáo bất động sản, danh sách các nhà hàng, lời mời làm việc, lưu trữ thông báo và hơn thế nữa ... để sắp xếp vị trí của họ trên Google Map và điều hướng dễ dàng qua bản đồ bằng băng chuyền.

Bản đồ tiến trình wordpress plugin wordpress

Nói cách khác, với plugin này, các vị trí của bạn sẽ được xuất bản trên cả Google Map (điểm đánh dấu) và trên băng chuyền. Băng chuyền được kết nối với bản đồ, có nghĩa là mục được chọn trong băng chuyền sẽ nhắm mục tiêu đến vị trí của nó trên bản đồ và ngược lại.

Hãy nhìn vào Cách hiển thị vị trí của một thành viên trong cộng đồng WP của bạn trên Google Map

Để thêm vị trí của bạn, Bản đồ tiến trình cung cấp một không gian biểu mẫu trong trang "Thêm mục mới" cho phép bạn dễ dàng thêm tọa độ vị trí của mình.

Tải vềBản demo | Web hosting

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo các tài nguyên dưới đây để đi xa hơn trong việc kiểm soát và kiểm soát trang web và blog của bạn.

Kết luận

Đây là ! Đó là nó cho hướng dẫn này. Chúng tôi hy vọng nó sẽ chỉ cho bạn cách tạo trang kết quả tìm kiếm với Elementor. Chúng tôi muốn nghe suy nghĩ của bạn về chủ đề này trong phần bình luận.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn

...