Hướng dẫn sử dụng Advanced Custom Fields (ACF)

Xin chào các bạn đến với ALowebsite. Trong bài hôm nay chúng ta cùng đi tìm hiểu cách sử dụng Advanced Custom Fields nhé.

Để thiết kế một website bằng WordPress thông thường thì không có gì là khó với một người bắt đầu hoặc đã tìm hiểu một thời gian. Nhưng để xây dựng cho mình một website với nhiều tính năng hơn thì đòi hỏi phải kiên trì tìm hiểu rất nhiều.

Ví dụ để cho thể có thông tin như bức ảnh này thì các Website Wordrpress hoặc plugin và trình kéo thả sẽ không có. Vậy nên chúng ta sẽ phải thông qua 1 Plugin khác để tạo ra nó và chèn vào.

Bên trên là ví dụ về tính năng nâng cao trong thiết kế website.

Cách giải quyết là chúng ta sẽ sử dụng plugin advanced custom fields để giải quyết vấn đề trên nhé.

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

Bước 1: Tạo một Field Group bằng đường dẫn: Field Group > Add new ( Thêm mới) Chọn Add field

Bước 2: Nhập thông tin

Field Label: Tên hiển thị

Field Name: Tên trường viết liền không dấu.

Field Type: Kiểu dữ liệu nhập

Required: yêu cầu có hoặc không

Sau đó ấn public sẽ đưuọc như sau:

Bước 3: Chọn nơi hiển thị Custom Field

Chọn nơi xuất hiện tại các vị trí như page, post, custom post type hoặc sản phẩm.

Bước 4: Tạo một page, post, Custom Post Type mới kéo xuống bên dưới

Nhập vào trường

Bước 5: Khai báo Field ra bên ngoài của giao diện xuất hiện.

Thêm đoạn mã vào trong file index.php, archive.php hoặc tập tin mà bạn muốn hiển thị

<?php the_field('gia_ban')?>

Trên đây là bài hướng dẫn sử dụng Advanced Custom Fields cách dễ dàng nhất.

Các bạn load lại trang chủ xem như thế nào nhé!

Chúc các bạn thành công.

Chân thành cảm ơn.