Bộ lọc danh mục hộp kiểm WordPress

1. Tải xuống đầu tiên "mundoon-simple-taxonomy-filter-checkbox. zip" vào Máy tính cục bộ của bạn. (Nhấp vào Tải xuống)

2. Sau đó, Đăng nhập vào "tên miền của bạn. com/wp-admin" Bảng điều khiển

3. Sau đó, Nhấp vào "Plugin" + "Add New" từ menu bên trái của Bảng điều khiển

4. Bây giờ, nhấp vào nút "Tải lên plugin"

5. Bây giờ, Duyệt qua hộp kiểm "mundoon-simple-taxonomy-filter-checkbox. zip" Plugin đã tải xuống từ máy tính của bạn, Nơi bạn đã tải xuống hộp kiểm mundoon-simple-taxonomy-filter-. zip Theo Bước – 1 Ở trên, sau đó nhấp vào "Cài đặt ngay"

6. Bây giờ, nhấp vào "Plugin hoạt động"

7. Sau đó, Xem menu bên trái. Thư mục "Mundoon Taxonomy Filter Checkbox" được thêm vào menu bên trái. Bây giờ, nhấp vào thư mục "Hộp kiểm bộ lọc phân loại Mundoon"

Lưu ý rằng. Nếu bạn không thấy thư mục "Hộp kiểm bộ lọc phân loại Mundoon" trên menu bên trái, hãy xem ở menu bên trái "Cài đặt" hoặc "Công cụ"

8. Bây giờ, bạn tự định cấu hình hoặc Xem video hướng dẫn bên dưới về Cấu hình và cài đặt Hộp kiểm Bộ lọc Phân loại Muldoon hoặc Cách hoạt động "Hộp kiểm Bộ lọc Phân loại Mundoon" trong trang web WordPress của bạn

Hướng dẫn này sẽ giúp bạn tìm hiểu cách tạo bộ lọc danh sách Hộp kiểm bằng chức năng plugin JetSmartFilters

yêu cầu hướng dẫn.  

• Đã cài đặt và kích hoạt plugin JetSmartFilters;
• Mối quan hệ bài đăng được tạo giữa hai loại bài đăng WordPress (có thể là loại tùy chỉnh) với sự trợ giúp của plugin JetEngine;
• Các bài đăng WordPress được tạo trong phần Bài đăng mặc định hoặc là một phần của Loại bài đăng tùy chỉnh JetEngine;
• Danh sách được tạo bằng plugin JetEngine. Nó phải được hoàn thành với dữ liệu từ một trong các loại bài đăng có liên quan để nó sẽ được sử dụng làm nhà cung cấp cho bộ lọc;
• Phiên bản miễn phí Elementor Page Builder hoặc Block Editor

Mục lục

• Thêm bộ lọc mới
• Xác định cài đặt bộ lọc
• Thêm Bộ lọc Hộp kiểm vào Trang
  • Thêm bộ lọc trong Elementor
  • Thêm bộ lọc trong Gutenberg
• Kiểm tra kết quả

Plugin JetSmartFilters bao gồm một bộ công cụ sắp xếp tiện dụng. Nếu bạn thành thạo tất cả các tiện ích mà nó có thể cung cấp, bạn sẽ có thể tạo một khối lọc thuận tiện giúp trải nghiệm người dùng dễ chịu hơn cho khách truy cập trang web của bạn.  

Bây giờ, hãy tập trung vào Bộ lọc hộp kiểm để lọc nội dung theo các bài đăng liên quan

Thêm bộ lọc mới

Trước hết, hãy mở Bảng điều khiển WordPress của bạn và điều hướng đến tab Bộ lọc thông minh. Nhấp vào nút “Thêm mới” để mở cửa sổ tạo. Nhập Tên của bộ lọc, Nhãn bộ lọc và Nhãn bộ lọc hoạt động

Xác định cài đặt bộ lọc

Trong trình đơn thả xuống Loại bộ lọc, hãy chọn tùy chọn “Danh sách hộp kiểm”. Điều tiếp theo bạn phải xác định là Nguồn dữ liệu. Lần này chúng tôi chọn tùy chọn “Bài viết”

Loại trường này là tốt nhất nếu bạn đã xây dựng mối quan hệ giữa các loại bài đăng tùy chỉnh và muốn hiển thị các bài đăng liên quan dưới dạng danh sách tùy chọn. Sau khi chọn loại này, bạn sẽ phải chọn những mục Loại bài đăng mà bạn muốn hiển thị dưới dạng tùy chọn

Chuyển đổi Is Checkbox Meta Field (JetEngine) sau đây về cơ bản phải được bật nếu bạn cần lọc dữ liệu từ loại trường meta Checkbox được tạo bằng plugin JetEngine

Ngoài ra, bạn có thể loại trừ hoặc bao gồm các tùy chọn mong muốn với sự trợ giúp của trường có tên tương tự

Chuyển đến tab Cài đặt truy vấn sau khi hoàn tất với Cài đặt bộ lọc một. Như bạn có thể quan sát, trường Biến truy vấn khả dụng duy nhất hiện đang trống

Vì vậy chúng ta kéo xuống phần Notes, phần này sẽ giúp chúng ta điền đúng giá trị của Query Variable

Vì chúng tôi muốn hiển thị các bài đăng có liên quan và Loại bài đăng mà chúng tôi đã đặt trước đây là bài đăng con trong quan hệ đã tạo, chúng tôi cần chọn giá trị liên quan đến cha mẹ có liên quan

LƯU Ý
Sẽ có nhiều tùy chọn hơn để chọn nếu bạn đã tạo nhiều mối quan hệ — hai tùy chọn cho mỗi mối quan hệ, một dành cho cha mẹ có liên quan và tùy chọn còn lại dành cho con cái có liên quan.

Khi điền xong, nhấp vào nút “Xuất bản” để lưu kết quả

Thêm Bộ lọc Hộp kiểm vào Trang

Điều hướng đến Bảng điều khiển WordPress > Trang > Thêm mới để tạo trang mới hoặc chỉnh sửa trang hiện có. Chọn xem bạn muốn chỉnh sửa trang bằng Elementor Page Builder hay Block Editor. Chúng tôi sẽ xem xét cả hai tùy chọn này.  

Thêm bộ lọc trong Elementor

Mở trang cần thiết trong Elementor Page Builder và kéo-n-thả tiện ích Lưới liệt kê vào phần. Sau đó, thả Checkboxes Filter vào phần

• Chọn bộ lọc — chọn bộ lọc bạn đã tạo trước đó;
• Bộ lọc này dành cho — chọn tùy chọn “JetEngine” làm nhà cung cấp;
• Loại áp dụng — xác định xem trang sẽ được tải lại hay loại yêu cầu AJAX sẽ được áp dụng sau khi các tùy chọn bộ lọc được chọn;
• Áp dụng trên — đặt kích hoạt cho bộ lọc được áp dụng;
• Hiển thị nút áp dụng — kích hoạt nếu bạn đã chọn tùy chọn “Nhấp vào nút áp dụng” trong trường trước đó;
• Hiển thị nhãn bộ lọc — bật để mô tả nhãn bên cạnh bộ lọc;
• ID truy vấn — nhập CSS ID của nhà cung cấp cần thiết nếu có một số tiện ích con giống nhau trên trang;
• Nhà cung cấp bổ sung được bật - chuyển đổi để lọc nội dung trong một số nhà cung cấp cùng một lúc

Mở tab Cài đặt bổ sung để bật các tùy chọn Tìm kiếm, Thêm/Bớt, Thả xuống và Cuộn

Đã bật tìm kiếm. Tùy chọn này cho phép bạn tìm kiếm bên trong bộ lọc một cách dễ dàng. Theo tùy chọn, bạn có thể thay đổi trình giữ chỗ bằng cách hoàn thành trường Tìm kiếm trình giữ chỗ

Bật thêm/bớt. Chỉ định số lượng mục bộ lọc được hiển thị khi tải trang trong Số mục ít hơn. Phần còn lại của các mục bộ lọc sẽ được nhìn thấy sau khi nhấp vào nút Thêm. Các nhãn này có thể được thay đổi trong các trường Văn bản khác và Văn bản ít hơn

Đã bật menu thả xuống. Làm cho bộ lọc của bạn trông nhỏ gọn với sự trợ giúp của tùy chọn này. Đó là cách dễ nhất để mở rộng danh sách các mục Bộ lọc hộp kiểm. Chỉ cần thay đổi Trình giữ chỗ của nó nếu muốn

Kích hoạt cuộn. Sử dụng tùy chọn này để thêm thanh cuộn vào danh sách mục bộ lọc với khả năng chỉ định chiều cao cuộn theo pixel trong trường tương ứng

LƯU Ý
Cài đặt bổ sung chỉ khả dụng cho các loại bộ lọc Hộp kiểm, Radio, Phạm vi kiểm tra và Hình ảnh.

Khi bạn hoàn tất việc tùy chỉnh, hãy nhấp vào nút “Xuất bản” hoặc “Cập nhật”

Thêm bộ lọc trong Gutenberg

Bạn cũng có thể cân nhắc làm việc với Trình chỉnh sửa khối có sẵn trong WordPress. Cài đặt điều chỉnh ở đây giống như trong Trình tạo trang phần tử, vì vậy hãy xem phần trước của bài viết nếu bạn cần làm rõ điều gì đó.  

Nhớ nhấn nút “Xuất bản/Cập nhật” và đi tới giao diện người dùng để xem hoạt động của bộ lọc

Kiểm tra kết quả

Các bài viết của cha mẹ được lọc thành công bởi các con có liên quan của chúng, vì vậy đã đạt được kết quả

Đó là nó; . Vui lòng tạo các bộ lọc Hộp kiểm khác bằng cách sử dụng plugin JetSmartFilters