Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the wordpress-seo domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /var/www/vinascript/html/wp-includes/functions.php on line 6114
Hướng dẫn sử dụng plugin Advanced Custom Fields trong WordPress - VinaScript

Latest Post

Triển khai dự án PHP, Mysql với Nginx trên Docker Tìm hiểu về HTML – Ưu điểm, nhược điểm và cách hoạt động của HTML

Xin chào! Nếu bạn đang sử dụng ACF để thêm các trường vào bài viết, trang hoặc sản phẩm, hãy yên tâm vì chúng tôi sẽ giải thích chi tiết về cách hoạt động của Advanced Custom Fields.

1. Advanced Custom Fields là gì?

Advanced Custom Fields (ACF) là một plugin WordPress miễn phí giúp bạn tạo ra các trường tùy chỉnh trên trang web của mình. Các trường tùy chỉnh này có thể được thêm vào các trang, bài viết hoặc bất kỳ loại bài đăng nào khác.

ACF cho phép bạn tạo ra các trường tùy chỉnh như hộp văn bản, ô chọn, danh sách thả xuống, trình chỉnh sửa trang và nhiều hơn nữa. Các trường tùy chỉnh này sẽ được hiển thị trên trang chỉnh sửa của bài viết hoặc trang, cho phép bạn dễ dàng nhập liệu.

ACF cũng cung cấp một loạt các chức năng và điều kiện để bạn có thể hiển thị các trường tùy chỉnh của mình trên trang web của mình. Ví dụ, bạn có thể chỉ hiển thị các trường tùy chỉnh nếu người dùng đăng nhập hoặc nếu trang đó có một thẻ cụ thể.

Các trường tùy chỉnh ACF cũng có thể được sử dụng để tạo các mẫu dữ liệu cho các trang web của bạn. Ví dụ, bạn có thể tạo một mẫu liên hệ sử dụng các trường tùy chỉnh để yêu cầu thông tin từ người dùng, sau đó gửi thông tin đó đến địa chỉ email của bạn.

ACF rất dễ sử dụng và có thể giúp bạn tiết kiệm rất nhiều thời gian trong việc tạo các trang web tùy chỉnh của mình. Nếu bạn đang sử dụng WordPress và muốn thêm các trường tùy chỉnh vào các bài đăng của mình, hãy thử sử dụng ACF và trải nghiệm những tiện ích của nó.

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

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.

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
Hướng dẫn sử dụng plugin Advanced Custom Fields trong WordPress
  • ACF Blocks
Hướng dẫn sử dụng plugin Advanced Custom Fields trong WordPress
  • The Flexible Content Field
Hướng dẫn sử dụng plugin Advanced Custom Fields trong WordPress
  • Options Pages
Hướng dẫn sử dụng plugin Advanced Custom Fields trong WordPress
  • The Gallery Field
Hướng dẫn sử dụng plugin Advanced Custom Fields trong WordPress
  • The Clone field
Hướng dẫn sử dụng plugin Advanced Custom Fields trong WordPress

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

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

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

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

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

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

2.4 Nhập liệu cho Field ACF

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

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.

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

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.

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

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.

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

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

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….

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *