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

Ngày đăng: 30 - 12 - 2021 Lượt xem: 32 lượt

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

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

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

Định dạng lựa chọn tùy chọn lồng nhau trong danh sách thả xuống với 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à một ô textarea đơn giản (được hiển thị như trên), vì vậy chúng ta cần định nghĩa lại để biết đâu là tiêu đề của nhóm các tuỳ chọn.

Đối với ví dụ này, dòng bắt đầu bằng # sẽ được chuyển thành tiêu đề của nhóm 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

Sử dụng ACF Hook

Những gì mình đang cố gắng đạt được là tạo một mảng lồng nhau bằng cách sử dụng tiêu đề của nhóm các tuỳ chọn. Sau đó 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 ) {

    // Nếu chữ cái đầu tiên 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 ] = [];
    }
    // Nếu tiêu đề đã được định nghĩa 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 giá trị của các tuỳ trọng để phù hợp với trường của bạn.

Lời kết

Đây là một hướng dẫn nhỏ giúp bạn có thể dễ dàng tuỳ biến website của mình với ACF hơn.

Nếu các bạn thấy hay có thể theo dõi chuyên mục WordPress cơ bản để biết thêm nhiều 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

0 0 votes
Đánh giá bài viết

guest
0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

Hướng dẫn tạo sự kiện trên WordPress với hai cách đơn giản

Hướng dẫn tạo sự kiện trên WordPress với hai cách đơn giản

21 - 01 - 2022

Không phải bàn cãi khi các sự kiện kết nối có thể giúp bất kỳ doanh nghiệp nào phát...

Top 5 plugin phân tích dữ liệu WordPress 2022

Top 5 plugin phân tích dữ liệu WordPress 2022

17 - 01 - 2022

Plugin phân tích dữ liệu WordPress đóng vai trò như thế nào? Dữ liệu thống kê của trang web rất...

Cách tắt tính năng sửa giao diện và plugin trong trang quản trị WordPress

Cách tắt tính năng sửa giao diện và plugin trong trang quản trị WordPress

13 - 01 - 2022

Bạn có biết WordPress đi kèm với một trình chỉnh sửa theme và plugin tích hợp sẵn không? Trình...

Cách hiển thị tổng số bình luận trong WordPress

Cách hiển thị tổng số bình luận trong WordPress

11 - 01 - 2022

Bình luận cho phép người dùng tham gia và tương tác với nội dung trên trang web của bạn....

Cách xoá trường website khỏi form bình luận bài viết

Cách xoá trường website khỏi form bình luận bài viết

07 - 01 - 2022

Spam bình luận là một vấn đề lớn đối với nhiều blog. Các lý do lớn nhất cho các...

Cách tạo sitemap Google Tin Tức cho website của bạn

Cách tạo sitemap Google Tin Tức cho website của bạn

05 - 01 - 2022

Bạn có muốn biết cách tạo sitemap Google Tin tức không? Sitemap của Google Tin tức là một trong những...

0
Would love your thoughts, please comment.x
()
x