Kiến thức Hữu ích 😍

[Chia sẻ miễn phí] Plugin Advanced Custom Fields Pro

Plugin Wordpress

Advanced Custom Fields Pro (ACF Pro) là một plugin giúp người dùng tạo, quản lý và hiển thị các trường tùy chỉnh (custom fields) trên WordPress một cách dễ dàng. Đây là công cụ không thể thiếu đối với các lập trình viên và quản trị viên website muốn tối ưu hóa nội dung và giao diện WordPress mà không cần chỉnh sửa mã nguồn phức tạp.

Tải về Plugin Advanced Custom Fields Pro theo đường link cuối bài viết, nhưng trước hết bạn nên đọc qua review và cách sử dụng để đạt hiệu quả tốt nhất.

[Chia-sẻ-miễn-phí]-Plugin-Advanced-Custom-Fields-Pro

Tại sao nên sử dụng Advanced Custom Fields Pro?

WordPress mặc định chỉ cung cấp một số trường dữ liệu cơ bản cho bài viết, trang và sản phẩm. Nếu bạn muốn thêm các trường thông tin mở rộng như hình ảnh, video, thông tin liên hệ, đánh giá, bảng giá, v.v., thì ACF Pro là giải pháp tối ưu.

Tính năng nổi bật của Advanced Custom Fields Pro

Hỗ trợ nhiều loại trường dữ liệu khác nhau

Advanced Custom Fields Pro hỗ trợ hơn 30 loại trường dữ liệu, bao gồm:

Trường văn bản
Trường số
Trường hình ảnh
Trường video
Trường lựa chọn (dropdown, checkbox, radio button)
Trường bản đồ Google Maps
Trường lặp lại (Repeater)
Trường nhóm (Flexible Content)

Trình tạo giao diện kéo & thả

Giao diện trực quan giúp người dùng dễ dàng thêm và sắp xếp các trường dữ liệu chỉ với thao tác kéo & thả, mà không cần viết code.

Hỗ trợ trường lặp lại (Repeater Field)

Cho phép tạo các nhóm trường có thể lặp lại, rất hữu ích cho việc hiển thị danh sách sản phẩm, thông tin nhân viên, bài đánh giá khách hàng, v.v.

Trường nội dung linh hoạt (Flexible Content)

Cho phép tạo các bố cục tùy chỉnh với nhiều loại nội dung khác nhau, giúp quản trị viên dễ dàng xây dựng trang web động mà không cần chỉnh sửa mã nguồn.

Hỗ trợ Google Maps API

Tích hợp với Google Maps, giúp hiển thị vị trí trực tiếp trên website với đầy đủ thông tin địa điểm.

Hỗ trợ REST API và GraphQL

ACF Pro hoạt động tốt với REST API và GraphQL, giúp dễ dàng tích hợp với các hệ thống bên ngoài hoặc xây dựng ứng dụng headless WordPress.

Xuất & nhập dữ liệu nhanh chóng

Hỗ trợ xuất và nhập dữ liệu tùy chỉnh giữa các website, giúp tiết kiệm thời gian khi thiết lập website mới.

Tích hợp với Gutenberg và các Page Builder

Tương thích với Elementor, WPBakery, Beaver Builder, Oxygen, giúp hiển thị dữ liệu tùy chỉnh một cách linh hoạt.

Cách cài đặt Advanced Custom Fields Pro trên WordPress

Cài đặt ACF miễn phí

Truy cập Bảng điều khiển WordPress, vào mục Plugin, chọn Cài mới.
Tìm kiếm Advanced Custom Fields và nhấn Cài đặt.
Kích hoạt plugin để bắt đầu thêm trường tùy chỉnh vào bài viết và trang.

Cài đặt ACF Pro

Tải về Advanced Custom Fields Pro tại đây (Google Drive)

Mua bản quyền Advanced Custom Fields Pro từ trang web chính thức hoặc tại Link mà AZWEB chia sẻ.
Tải xuống file ACF Pro .zip.
Vào WordPress, chọn Plugin, Thêm mới, Tải lên plugin.
Kích hoạt ACF Pro và bắt đầu thêm các trường tùy chỉnh nâng cao.

Hướng dẫn cấu hình Advanced Custom Fields PRO

Advanced Custom Fields PRO (ACF PRO) là một plugin mạnh mẽ giúp mở rộng khả năng tùy chỉnh của WordPress bằng cách tạo các trường tùy chỉnh (custom fields) dễ dàng. Dưới đây là cách cấu hình ACF PRO:

Tạo Nhóm Trường (Field Groups)

Vào Custom Fields > Add New.
Đặt tên nhóm trường (Field Group Title).
Nhấn Add Field để thêm các trường tùy chỉnh.

De-thiet-lap-cac-tuy-chon-hien-thi-ban-lam-theo-cac-buoc-sau-1024x788

Các Loại Trường Chính

Text: Nhập dữ liệu văn bản.
Textarea: Ô nhập văn bản nhiều dòng.
Number: Chỉ chấp nhận số.
Email: Định dạng email hợp lệ.
Image: Chọn hình ảnh từ thư viện.
Gallery: Tạo thư viện ảnh.
Repeater (PRO): Lặp lại nhóm các trường.
Flexible Content (PRO): Tạo các bố cục linh hoạt.
Clone (PRO): Sao chép trường từ nhóm khác.

Thiết lập điều kiện hiển thị (Location Rules)

Chọn nơi hiển thị nhóm trường (Post, Page, Taxonomy, User, Options Page, v.v.).
Ví dụ: Chỉ hiển thị trên bài viết thuộc danh mục “Tin tức”.

Cach-thiet-lap-cac-quy-tac-vi-tri-va-cac-tuy-chon-hien-thi-1024x788

Cấu hình giao diện và hiển thị

Order No: Thứ tự hiển thị của trường.
Wrapper Attributes: Định dạng CSS cho field.
Required: Bắt buộc nhập dữ liệu.
Conditional Logic: Ẩn/hiện trường dựa vào điều kiện.

Có thể bạn quan tâm các dịch vụ tại AZWEB:

Dịch vụ thiết kế website

Quản trị website

Hosting giá rẻ

Kho Giao diện WordPress

Kho Plugin WordPress

Khóa học WordPress

Dịch vụ Tăng tốc Website

Dịch vụ xử lý mã độc website

Hiển thị Custom Fields trên Theme

Sau khi tạo trường tùy chỉnh, bạn có thể hiển thị nó trong theme bằng cách sử dụng các hàm của ACF.

Sử dụng get_field() hoặc the_field()

Dùng trong file theme (single.php, page.php, v.v.):

<?php 
$custom_field = get_field('ten_field');
if ($custom_field) {
    echo '<p>' . $custom_field . '</p>';
}
?>

Nếu chỉ muốn hiển thị mà không cần kiểm tra:

<?php the_field('ten_field'); ?>

Hiển thị ảnh từ ACF

<?php 
$image = get_field('hinh_anh');
if ($image) {
    echo '<img src="' . $image['url'] . '" alt="' . $image['alt'] . '">';
}
?>

Lặp dữ liệu với Repeater Field (PRO)

<?php if (have_rows('ten_repeater')): ?>
    <ul>
        <?php while (have_rows('ten_repeater')) : the_row(); ?>
            <li><?php the_sub_field('ten_truong_con'); ?></li>
        <?php endwhile; ?>
    </ul>
<?php endif; ?>

Tạo Option Page (PRO)

Dùng để tạo trang tùy chỉnh trong Admin.

Thêm vào functions.php:

if (function_exists('acf_add_options_page')) {
    acf_add_options_page(array(
        'page_title' => 'Cài đặt chung',
        'menu_title' => 'Cài đặt',
        'menu_slug'  => 'theme-settings',
        'capability' => 'edit_posts',
        'redirect'   => false
    ));
}

Truy cập Dashboard > Cài đặt để quản lý dữ liệu tùy chỉnh.
Lấy dữ liệu từ Option Page:

<?php the_field('ten_field', 'option'); ?>

Export & Import Fields

Dùng để sao lưu hoặc di chuyển dữ liệu ACF giữa các website.

Export: Vào Custom Fields > Tools > Export.
Import: Vào Custom Fields > Tools > Import.

Tích hợp với Elementor

Nếu bạn sử dụng Elementor PRO, có thể lấy dữ liệu ACF mà không cần code:

Thêm Widget Dynamic Tags > ACF Field.
Chọn trường cần hiển thị.

Debugging & Lưu Ý

Dùng var_dump(get_field('ten_field')); để kiểm tra dữ liệu.
Kiểm tra acf-json nếu muốn đồng bộ dữ liệu giữa môi trường DEV và LIVE.
Nếu ACF không hiển thị, kiểm tra xem the_field() có nằm trong vòng lặp không (while (have_posts())).

So sánh ACF Free và ACF Pro

Tính năng	ACF Free	ACF Pro
Hỗ trợ trường văn bản, số, hình ảnh	Có	Có
Trường lặp lại (Repeater Field)	Không	Có
Trường nội dung linh hoạt (Flexible Content)	Không	Có
Hỗ trợ Google Maps	Không	Có
Xuất & nhập dữ liệu	Hạn chế	Có
Tích hợp REST API & GraphQL	Hạn chế	Có
Hỗ trợ tốt với Page Builder	Hạn chế	Có

Phiên bản miễn phí chỉ phù hợp với các nhu cầu cơ bản. Nếu bạn muốn xây dựng website linh hoạt hơn, ACF Pro là lựa chọn tốt nhất.

Lợi ích của Advanced Custom Fields Pro đối với website WordPress

Cung cấp giải pháp tùy chỉnh dữ liệu mạnh mẽ, giúp website trở nên linh hoạt hơn.

Tăng hiệu suất làm việc bằng cách giúp quản trị viên dễ dàng quản lý và nhập dữ liệu.

Tối ưu hóa trải nghiệm người dùng với giao diện trực quan, giúp dễ dàng hiển thị nội dung một cách chuyên nghiệp.

Tích hợp dễ dàng với các theme và plugin phổ biến, giúp mở rộng tính năng mà không cần can thiệp sâu vào mã nguồn.

Tổng kết

Advanced Custom Fields Pro là plugin không thể thiếu đối với những ai muốn mở rộng tính năng của WordPress mà không cần lập trình phức tạp.

Nếu bạn muốn tạo trường tùy chỉnh chuyên nghiệp, dễ dàng quản lý và hiển thị nội dung một cách linh hoạt, ACF Pro là plugin tốt nhất dành cho bạn.