Sử dụng FacetWP cùng với Beaver Builder và (tùy chọn) Beaver Themer .

Các mô-đun được hỗ trợ

  1. bài viết
  2. WooC Commerce
  3. Bài viết nâng cao  (yêu cầu plugin Ultimate Addons cho Beaver Builder)
  4. Woo Products (yêu cầu plugin Ultimate Addons cho Beaver Builder)
  5. Lưới nội dung  (yêu cầu plugin PowerPack)
  6. Lưới sản phẩm  (yêu cầu WooPack)

Cách sử dụng

FacetWP và các mô-đun được hỗ trợ cho Beaver Builder

Nếu bạn đang sử dụng mô-đun danh sách được hỗ trợ (xem bên trên), bạn sẽ thấy cài đặt “FacetWP” mới trên màn hình chỉnh sửa của mô-đun.

Đặt thành “Đã bật” để FacetWP sử dụng danh sách để lọc.

Tiếp theo, thêm một số khía cạnh vào trang. Khi chỉnh sửa trang thông qua chế độ trực quan của Beaver Builder, hãy nhấp vào dấu “+” màu xanh lam để hiển thị các mô-đun có sẵn. Trong khu vực đó, bạn sẽ thấy phần “FacetWP” mới.

Chọn tùy chọn “Mặt”, sau đó chọn một khía cạnh hiện có:

Các tính năng khác của FacetWP (Sắp xếp, Lựa chọn, v.v.) cũng có sẵn dưới dạng mô-đun.

Phân trang

Trong hầu hết các trường hợp, FacetWP sẽ tự động phát hiện phân trang được đánh số của Beaver Builder. Tuy nhiên, bạn có thể tùy ý đặt phân trang của mô-đun thành “Không có” và thay vào đó sử dụng khía cạnh Máy nhắn tin .

Trang lưu trữ

Beaver Themer cho phép bạn thiết kế bố cục cho các trang Lưu trữ (kho lưu trữ bài đăng trên blog, lưu trữ phân loại, v.v.).

Bạn sẽ cần đặt Nội dung > Nguồn trong mô-đun bài đăng của mình để lưu trữ thành Truy vấn chính . Điều này đảm bảo truy vấn lưu trữ WordPress được sử dụng cho cả Beaver Builder và FacetWP.

Tùy chỉnh truy vấn mô-đun Bài viết

Nếu bạn cần điều chỉnh hoặc ghi đè truy vấn của mô-đun Bài viết, bạn có thể sử dụng fl_builder_loop_query_argshook của Beaver Builder. Ví dụ: nếu bạn chỉ muốn hiển thị các loại bài đăng tùy chỉnh cụ thể, hãy thay đổi thứ tự hoặc sử dụng truy vấn meta.

Hook này hoạt động tương tự như hook pre_get_posts của WP . Nó hiển thị đối tượng WP_Query và cho phép bạn tùy chỉnh truy vấn theo bất kỳ cách nào bạn muốn.

Ví dụ sau đây thêm phương pháp sắp xếp dự phòng bằng cách ghi đè đối orderbysố truy vấn ban đầu, chỉ trên trang đầu:

Làm cách nào để sử dụng mã PHP tùy chỉnh?

Mã PHP có thể được thêm vào tệp tin.php của chủ đề (con) của bạn. Ngoài ra, bạn có thể sử dụng tiện ích bổ sung Móc tùy chỉnh hoặc plugin đoạn mã. Thêm thông tin

function my_query_order( $query_args ) {
if ( is_front_page() ) {
$query_args[‘orderby’] = array(
‘date’ => ‘DESC’, // Primary sort: by post date
‘title’ => ‘ASC’ // Secondary, fallback sort: by post title
);
}
return $query_args;
}
add_filter( ‘fl_builder_loop_query_args’, ‘my_query_order’ )
LƯU Ý: Ví dụ cụ thể này về việc thêm phương pháp sắp xếp dự phòng có thể hữu ích nếu bạn đang cố gắng sửa các kết quả trùng lặp trong danh sách của mình .

Để biết thêm ví dụ về cách sử dụng hook này, bao gồm cả cách chỉ áp dụng nó cho một mô-đun cụ thể, hãy xem hướng dẫn Beaver Builder này .

Để biết tổng quan về tất cả các móc Beaver Builder có sẵn, hãy xem trang này .

Ngăn cuộn mô-đun Lưới nội dung PowerPack

Nếu bạn đang sử dụng bất kỳ mô-đun Lưới nội dung PowerPack nào trên trang của mình có danh sách FacetWP, tùy thuộc vào thiết lập của bạn, bạn có thể thấy cuộn tự động bất ngờ lên đầu các mô-đun này. Để ngăn các cuộn tự động này, hãy thêm mã sau vào hàm.php của chủ đề (con) của bạn:

Làm cách nào để sử dụng mã PHP tùy chỉnh?

Mã PHP có thể được thêm vào tệp tin.php của chủ đề (con) của bạn. Ngoài ra, bạn có thể sử dụng tiện ích bổ sung Móc tùy chỉnh hoặc plugin đoạn mã. Thêm thông tin

add_action( ‘pp_cg_before_posts’, function( $settings, $query ) {
$paged = $GLOBALS[‘wp_the_query’]->get( ‘paged’ );
$paged = ( $paged < 2 ) ? 0 : $paged;
$GLOBALS[‘wp_the_query’]->set( ‘page’, $paged );
$GLOBALS[‘wp_the_query’]->set( ‘paged’, $paged );
}, 10, 2 );