Query Loop trong Bricks Theme là một tính năng quan trọng trong Bricks Theme, sử dụng Query Loop cho phép người dùng truy vấn và hiển thị danh sách bài viết hoặc nội dung khác trên trang web của họ. Với Query Loop, bạn có thể tạo các bố cục tùy chỉnh cho nội dung của mình một cách linh hoạt mà không cần phải viết mã.
Bạn có thể kết hợp với tính năng dynamic data, để nâng cao tính hiệu quả của tính năng này. Ngoài ra đối với các Element như Section, Container hay Block, Div bạn có thể kết hợp với kiểu hiển thị Display là Grid để tối ưu thiết kế.
Bài viết này chúng tôi sẽ chia sẻ chi tiết cách sử dụng Query Loop và kết hợp nó với các tính năng khác để bạn có thể thiết kế website đơn giản hơn, giảm thiểu thời gian phải code khi thiết kế.
Query Loop trong Bricks Theme
Query Loop trong Bricks Theme là một tính năng truy vấn dữ liệu động. Tính năng này chỉ có ở các Element như Section, Container, Bock, Div (các phần tử tạo layout) và Accordion, Slider elements.
Tính năng này khi được kích hoạt cho Accordion (có thể lồng vào nhau), Tab (có thể lồng vào nhau) và Slider (có thể lồng vào nhau). Nó cho phép bạn truy vấn cơ sở dữ liệu của mình (theo các tham số truy vấn) và hiển thị kết quả truy vấn mà bạn muốn hiển thị bên trong vòng lặp (dữ liệu động).
Khi bạn thêm một trong những element đã nói bên trên vào canvas để thiết kế bạn có thể để ý ở thanh thiết lập bên trái, trong phần content sẽ có thêm tính năng Query Loop, hãy kích hoạt nó để sử dụng tính năng này.
Bạn có thể truy vấn các loại bài đăng, thuật ngữ phân loại và người dùng. Một số trường hợp sử dụng điển hình là:
- Bài viết (Posts) : Đây là loại truy vấn mặc định và nên được sử dụng khi bạn muốn hiển thị vòng lặp các bài đăng, trang, tệp phương tiện hoặc loại bài đăng tùy chỉnh (áp dụng cho mọi loại bài viết đã đăng ký và công khai)
- Thuật ngữ (Terms) : Danh mục & thẻ bài viết, danh mục sản phẩm, v.v. Bạn nên chọn tùy chọn này để được sử dụng khi bạn muốn lặp qua các danh mục khác nhau của một phân loại. Hữu ích để liệt kê tất cả các danh mục sản phẩm có chứa sản phẩm
- Người dùng (Users) : Nên sử dụng tùy chọn này khi bạn muốn lặp qua một nhóm người dùng trang web. Hữu ích để liệt kê tác giả blog hoặc danh sách thành viên nhóm (miễn là họ được chèn vào dưới dạng người dùng trang web)
Bạn có thể tạo thêm loại bài đăng mới bằng ACF hoặc ACPT nó cũng sẽ được thêm vào nguồn dữ liệu để có thể truy vấn.
Bật tính năng query loop cho Section
Các bước để tạo Query Loop trong Bricks Theme
Bước 1: Thêm một element Mới có hỗ trợ Query loop
- Mở trình chỉnh sửa Bricks và thêm một section mới vào trang của bạn hoặc bất kỳ một element nào có hỗ trợ bật tính năng query loop. Hiện tại, tại thời điểm chúng tôi chia sẻ Bricks Theme đang cho phép 06 loại phần tử như đã viết ở phần trên.VD này chúng tôi sẽ sử dụng là Section
Thêm Query Loop
- Trong phần công cụ bên trái, tìm kiếm và bật tính năng “Query Loop” cho section mà bạn vừa tạo bằng cách kéo nút tại Query loop sang bên phải như trong ảnh phía trên
- Sau khi bạn bật cài đặt Sử dụng vòng lặp truy vấn , bạn sẽ thấy điều khiển Truy vấn (biểu tượng vòng lặp/vô cực). Mở điều khiển truy vấn này để thiết lập các tham số truy vấn nhằm lấy nội dung từ cơ sở dữ liệu của bạn. Section này sẽ đóng vai trò là mục lặp lại của bạn. Tất cả các phần tử bên trong Section này được lặp lại thường xuyên khi có kết quả truy vấn.
Chọn Loại Nội Dung
- Sau khi thêm Query Loop, bạn sẽ thấy các tùy chọn để chọn loại nội dung mà bạn muốn hiển thị (bài viết, sản phẩm, v.v.).
Tùy Chỉnh Thiết Lập Query Loop
Thiết Lập Tham Số
- Bạn có thể tùy chỉnh các tham số như (
posts,terms,users):- Post Type: Chọn loại bài viết, đây là loại truy vấn mặc định và nên được sử dụng khi bạn muốn hiển thị vòng lặp các bài đăng, trang, tệp phương tiện hoặc loại bài đăng tùy chỉnh (ví dụ: bài viết blog, sản phẩm).
- Terms: Điều này nên được sử dụng khi bạn muốn lặp qua các thuật ngữ khác nhau của một phân loại. Hữu ích để liệt kê tất cả các danh mục sản phẩm có chứa sản phẩm, có thể dùng loại này khi bạn muốn Section này hiển thị dữ liệu có trong một chuyên mục nào đó mà bạn chọn hoặc tất cả chuyên mục
- Users: Nên sử dụng tùy chọn này khi bạn muốn lặp qua một nhóm người dùng trang web. Hữu ích để liệt kê tác giả blog hoặc danh sách thành viên nhóm (miễn là họ được chèn vào dưới dạng người dùng trang web)
Các điều khiển truy vấn sẽ thích ứng theo loại truy vấn đã chọn
Bộ Lọc và Phân Trang
- Bạn có thể thêm bộ lọc để chỉ hiển thị các bài viết theo danh mục, thẻ hoặc trạng thái (chẳng hạn như chỉ hiển thị bài viết công khai).
- Tính năng phân trang cho phép bạn chia nhỏ danh sách bài viết thành nhiều trang để dễ dàng duyệt.
Tùy Chỉnh Giao Diện Hiển Thị
Tùy Chỉnh Các Thành Phần Hiển Thị
- Bạn có thể tùy chỉnh từng thành phần hiển thị trong Query Loop:
- Tiêu đề: Hiển thị tiêu đề bài viết với định dạng mong muốn.
- Hình ảnh đại diện: Chọn hiển thị hoặc ẩn hình ảnh đại diện.
- Trích dẫn: Hiển thị đoạn trích ngắn của bài viết.
- Ngày đăng: Thêm ngày tháng để người đọc biết khi nào bài viết được xuất bản.
Sử Dụng Các Phần Tử Tùy Chỉnh
- Bricks cho phép bạn sử dụng các phần tử tùy chỉnh trong Query Loop như nút “Xem thêm”, biểu tượng chia sẻ xã hội, hoặc bất kỳ phần tử nào khác mà bạn muốn thêm vào.
Query Loop trong Bricks Theme là một công cụ mạnh mẽ giúp bạn dễ dàng quản lý và hiển thị nội dung trên trang web của mình. Với khả năng tùy chỉnh linh hoạt và giao diện thân thiện, bạn có thể tạo ra những trang web hấp dẫn mà không cần phải có kỹ năng lập trình. Hãy thử nghiệm và khám phá thêm nhiều tính năng khác mà Bricks cung cấp để nâng cao trải nghiệm người dùng trên trang web của bạn!
