2659 lượt xem

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.

Hướng dẫn sử dụng advanced custom fields

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

Plugin ACF

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

plugin acf

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

acf wordpress 3

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.

acf wordpress 4

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

acf wordpress 5

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')?>
acf wordpress 6

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.

Advanced Custom Fields miễn phí hay trả phí?

Plugin Advanced Custom Field có cả 2 phiên bản miễn phí và trả phí. Phiên bản trả phí có giá 49$ cho 1 website 1 năm, 149$ cho 10 website 1 năm, không giới hạn số lượng website với giá 249$/ 1 năm

Sử dụng advanced custom fields rồi thì có cần biết code không?

Bạn cần phải am hiểu chút kiến thức về code và vị trí các file trong wordpress để có thể điền đúng các code quy định vị trí đó. Nó không dễ với những ai mới bắt đầu tìm hiểu WordPress nhé.

5/5 - (39 bình chọn)
Thẻ tìm kiếm: ,