Phong cách
Tính năng
Theo cột

Chỉ dẫn tạo nhóm các tuỳ chọn lồng nhau trong danh sách thả xuống mang ACF

Bởi Dân Chơi vào 23 thg 8, 2022

Danh sách thả xuống mang lực lượng những tùy chọn lồng nhau tiêu dùng <optgroup> là một tính năng cơ bản nhưng vẫn còn thiếu trong ACF.

chỉ dẫn tạo nhóm các tuỳ chọn lồng nhau trong danh sách thả xuống sở hữu ACF

Trong bài viết này, chúng ta sẽ Đánh giá cách thức tạo và sử dụng chúng giống như hình dưới đây. Hãy cùng Đánh giá nào!

kết quả tùy chọn lồng nhau danh sách thả xuống với acf

Định dạng tuyển lựa tùy chọn lồng nhau trong danh sách thả xuống sở hữu ACF

các miền của tùy chọn lồng nhau trong danh sách thả xuống với acf

Cài đặt của Choices chỉ là 1 ô textarea đơn thuần (được hiển thị như trên), do đó chúng ta cần khái niệm lại để biết đâu là tiêu đề của nhóm các tuỳ chọn.

Đối với ví dụ này, chiếc bắt đầu bằng # sẽ được chuyển thành tiêu đề của hàng ngũ những tuỳ chọn.

Đây là cài đặt Choices của mình:

#America
us : United States
ca : Canada
mx : Mexico
#Europe
uk : United Kingdom
de : German
fr : France

dùng ACF Hook

những gì mình đang phấn đấu đạt được là tạo một mảng lồng nhau bằng cách dùng tiêu đề của đội ngũ các tuỳ chọn. Sau đấy truyền nó vào mảng choices.

// Đừng quên thay đổi giá trị của 'name'
add_filter('acf/prepare_field/name=country', 'acf_allow_optgroup');

function acf_allow_optgroup( $field ) 
  if( $field['ID'] === 0 )  return $field; 

  $raw_choices = $field['choices'];
  $choices = [];

  $current_group = '';
  foreach( $raw_choices as $value => $label ) 

    // ví như chữ loại trước nhất khởi đầu bằng "#", chuyển nó thành tiêu đề
    if( preg_match( '/^#(.+)/', $label, $matches ) ) 
      $current_group = str_replace( '#', '', $label );
      $choices[ $current_group ] = [];
    
    // ví như tiêu đề đã được khái niệm từ trước
    elseif( !empty( $current_group ) ) 
      $choices[ $current_group ][ $value ] = $label;
    
    else 
      $choices[ $value ] = $label;
    
  

  $field['choices'] = $choices;
  return $field;

Vậy là bạn đã hoàn tất! Đừng quên đổi thay trị giá của các tuỳ trọng để thích hợp sở hữu trường của bạn.

Lời kết

Đây là 1 chỉ dẫn nhỏ giúp bạn sở hữu thể dễ dàng tuỳ biến website của mình có ACF hơn.

nếu như Các bạn thấy hay với thể theo dõi chuyên mục WordPress cơ bản để biết thêm phổ biến kiến thức mới nha.

Hãy follow fanpage để nhận được những bài viết mới nhất nhé : Hocwordpress Group

Theo : https://hocwordpress.vn/huong-dan-tao-nhom-cac-tuy-chon-long-nhau-trong-danh-sach-tha-xuong-voi-acf

Thủ thuật wordpress : https://flatsome.xyz/category/thu-thuat

Chia sẽ theme Free : https://flatsome.xyz/category/theme

Chia sẽ Plugin miễn phí : https://flatsome.xyz/category/plugin


Cấm dùng các template được chia sẻ trên blog với mục đích thương mại !

THÔNG TIN TÁC GIẢ & DỊCH VỤ:

  • Biên tập nội dung: Trần Nhật Sinh
  • Địa chỉ: Ân Đức, Hoài Ân, Bình Định
  • Nếu bạn muốn đóng ghóp giao diện hoặc yêu cầu gỡ hãy liên hệ với tôi
    + Email : transinh085@gmail.com
    + Zalo: +84 387 913 347 (SMS)
  • Dịch vụ:
    + Sửa lỗi, nâng cấp template
    + Tối ưu giao diện
    + Cài đặt giao diện
Tags:
0 Nhận xét