Chỉ dẫn tạo lực lượng các tuỳ chọn lồng nhau trong danh sách thả xuống với ACF

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

hướng dẫn tạo hàng ngũ các tuỳ chọn lồng nhau trong danh sách thả xuống với ACF

Trong bài viết này, chúng ta sẽ Tìm hiểu cách tạo và tiêu dùng chúng giống như hình dưới đây. Hãy cùng Đánh giá nào!

Định dạng chọn lự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 giản (được hiển thị như trên), vì thế chúng ta cần khái niệm lại để biết đâu là tiêu đề của nhóm những tuỳ chọn.

Đối với ví dụ này, mẫu khởi đầu bằng # sẽ được chuyển thành tiêu đề của hàng ngũ các 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 quyết tâm đạt được là tạo một mảng lồng nhau bằng cách thức dùng tiêu đề của lực lượng các tuỳ chọn. Sau ấy truyền nó vào mảng choices.

// Đừng quên đổi thay 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ữ chiếc trước hết bắt đầu bằng "#", chuyển nó thành tiêu đề
    if( preg_match( '/^#(.+)/', $label, $matches ) ) 
      $current_group = str_replace( '#', '', $label );
      $choices[ $current_group ] = [];
    
    // giả dụ 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 thay đổi trị giá của các tuỳ trọng để thích hợp có trường của bạn.

Lời kết

Đây là 1 hướng dẫn nhỏ giúp bạn có thể thuận tiện tuỳ biến website của mình có ACF hơn.

ví như Anh chị thấy hay với thể theo dõi chuyên mục WordPress căn bản để biết thêm rộng rãi kiến thức mới nha.

Hãy follow fanpage để nhận được các 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