Hướng dẫn sử dụng plugin Advanced Custom Fields trong WordPress

Có lẽ các bạn đang xem bài viết này chắc hẳn đã và đang dùng ACF để thêm các trường vào một bài post, trang hoặc các sản phẩm đúng không? Bạn đang bối rối, chưa nắm rõ cách thức hoạt động Advanced Custom Fields. Vậy thì đừng quá lo lắng, chúng tôi sẽ giải thích từ A – Z để các bạn cùng rõ nhé.

1. Advanced Custom Fields là gì?

Advanced Custom Fields hay còn gọi là ACF là một plugin hoàn toàn miễn phí có sẵn trong kho CMS WordPress. ACF giúp chúng ta thêm các trường, thuộc tính vào một POST, PAGE, Sản Phẩm… hay một Custom Post Type một cách dễ dàng.

*Một thông tin mới cực kì thú vị bạn biết chưa. Từ tháng 10/2024 này, ACF đã chính thức đổi tên thành Secure Custom Fields (SCF).  Khi truy cập vào kho WordPress chúng ta sẽ thấy thay đổi hoàn toàn từ Tên cho đến Logo như sau, duy nhất đường dẫn vẫn còn dùng như cũ.

ACF đổi thành SCF (Secure Custom Fields)

Giờ đây để tùy chỉnh trong giao diện admin bạn truy cập vào Menu mới như sau:

Tuy nhiên sự thay đổi này hoàn toàn không bị ảnh hưởng tới Website WordPress mà bạn đã cài plugin này trước đó.

Trước khi ACF phổ biến, để tạo được các field như thế này chúng ta sử dụng các METABOX, phần mở rộng WordPress hỗ trợ cho các nhà phát triển. Bạn có thể tìm hiểu thêm về Metabox bên dưới nếu không muốn phụ thuộc vào các plugin nhé.

Hướng dẫn cách tạo Custom MetaBox cực dễ trong WordPress

ACF có bản Free và PRO. Với bản PRO trả phí, sẽ có thêm các Field độc đáo hơn, giúp chúng ta tiết kiệm thời gian, linh động trong việc mở rộng dữ liệu Website hơn. Sau đây là danh sách các field chỉ có trong bản PRO bạn có thể xem qua nhé.

• The Repeater Field: Cho phép tạo các dữ liệu lặp lại không giới hạn

• ACF Blocks

• The Flexible Content Field

• Options Pages

• The Gallery Field

• The Clone field

Giá bán ACF PRO cũng không quá cao nếu nhu cầu bạn đang cần dùng là chính đáng. Sau đây là giá hiện nay mà ACF đang bán bạn có thể tham khảo nhé

• 1 website 49 đô / năm
• 10 website 149 đô / năm
• Không giới hạn Unlimited websites 249 đô / năm

2. Cách sử dụng plugin ACF

Việc sử dụng ACF cũng hết sức đơn giản, tuy nhiên bạn cần phải biết vài hàm code cũng như tương tác với theme WordPress. Tôi sẽ chia thành các phần như sau:

2.1 Cài Plugin và Kích hoạt ACF

2.2 Tạo Groups – Nhóm cho các Field

Sau khi nhóm các field được tạo ra, tiếp theo chúng ta cần thêm các trường vào trong nhóm này. Bạn có thể tạo ra nhiều nhóm khác nhau, trong mỗi nhóm sẽ chứa một hoặc nhiều trường không giới hạn.

2.3 Tạo field cho các nhóm

2.4 Nhập liệu cho Field ACF

2.5 Hiển thị dữ liệu Field ra ngoài template WordPress

Ở bước này các bạn cần phải có quyền truy cập vào Source code nếu website đang hoạt động Online, nghĩa là có tài khoản quản trị Hosting. Hoặc không cần nếu bạn đang làm trên máy tính Localhost.

Sau đó tìm đến thư mục Theme đang hoạt động chọn bất kì 1 template nào, trong ví dụ này tôi sẽ chọn single.php là template chi tiết của 1 bài post.

Cụ thể:

<div>Xuất xứ: <?php the_field('xuat_xu'); ?></div>

Hoặc

<div>Xuất xứ: <?php echo get_field('xuat_xu'); ?></div>

3. Vì sao bạn nên dùng Advanced Custom Fields trong Web WordPress?

Nếu xét tổng thể ACF là plugin tốt nhất hiện nay dùng để quản lý: Thêm, Xóa, Sửa các MetaBox mà bạn không cần dùng tới code ngoài việc cần hiển thị dữ liệu.

Dễ dàng thêm và sắp xếp các Field vào trong cùng một nhóm Group.

Có nhiều loại Field phổ biến như Text, Textarea, Select, Number, Url, Image, File, Wysiwyg Editor, Check Box, Radio, Date Picker…..Cũng như có thể dùng các field tham chiếu một post type cụ thể nào đó. Bạn cũng có thể dùng để khai báo các Contact Form 7 một cách tiện lợi.

Tương thích với tất cả các loại Custom Post Type như Post, Page, Product Sản Phẩm, Danh mục Term, Taxonomy….Cũng như ACF cũng sống tốt trên Theme Flatsome, Plugin Elementor.

ACF tương đối nhẹ, thường xuyên nâng cấp phiên bản mới cùng version WordPress, giao diện đẹp, giúp trải nghiệm tuyệt vời.

Xuất – Nhập (Export – Import) JSON

Một điều rất quan trọng, bạn nên chọn ACF đó là dễ dàng Xuất – Nhập (Export – Import) từ Website cũ sang website mới qua công cụ Tool ACF với dữ liệu JSON.

4. Có nên mua bản ACF PRO hay không?

Thật khó trả lời cho câu hỏi này, nếu bạn có dư kinh tế muốn trải nghiệm tốt nhất các Field thuộc bản PRO hoặc bạn chưa từng học qua lập trình thì việc bạn mua bản này sẽ giúp ích cho bạn rất nhiều.

Còn riêng các bạn đã làm nhiều code WP cũng không quá nhất thiết bỏ ra số tiền để mua. Bạn có thể sử dụng một vài Plugin khác thay thế, cụ thể ở đây nếu bạn muốn dụng Field Gallery Thư Viện Ảnh Metabox bạn có thể dùng plugin: ACF Photo Gallery Field

ACF Photo Gallery Field

Bạn cố gắng chịu khó tìm kiếm research cho tới khi tìm ra những kết quả thay thế nhé.

5. Mua bản ACF PRO ở đâu?

Không chỉ Plugin ACF mà bất cứ bản Pro nào bạn cũng có thể mua ở 2 nơi. Đó là website chính chủ: https://www.advancedcustomfields.com/pro/

Hoặc bạn có thể tìm trên chợ Plugin lớn nhất hiện nay là ThemeForest nhé.

Như vậy tôi vừa hướng dẫn các bạn cách cài đặt và sử dụng Plugin Advanced Custom Fields khá hay. Hi vọng bài viết này hữu ích với các bạn….