Init HTML

Giới thiệu ACF

Bạn có thể tạo một Meta Box (gồm các trường tùy chỉnh) áp dụng cho mọi thứ trong trang WordPress:

• Post Type: Post, Page, Custom Post Types
• Một Post (bài viết), Page (trang) cụ thể
• Category, Page Template
• Taxonomy Term (Category, Tag, Custom Taxonomy)
• User
• …

Với các trường như:

• Text, Text Area, Number, Email, Password
• Wysiwyg Editor
• Image
• Select, Checkbox, Radio Button
• …

Cài đặt plugin ACF

Trong WordPress Dashboard, vào Gói mở rộng → Cài mới, nhập Advanced Custom Fields vào ô tìm kiếm, bấm Cài đặt ngay bây giờ tại plugin được tìm ra, bấm tiếp Kích hoạt.

Bấm vào hình ảnh để xem kích thước lớn hơn.

Tạo một Meta Box

Ví dụ mình tạo một Meta Box Thông tin Giảng viên áp dụng cho Post, gồm Tên giảng viên (Text), Hình đại diện (Image), Chuyên môn (Text), Giới thiệu (Wysiwyg Editor). Trong trang Custom Fields, bấm Add New, nhập Tiêu đề của Meta Box này và chọn như hình sau.

Sau đó bấm Publish (Đăng bài viết). Bây giờ, khi Viết bài mới, các bạn sẽ thấy có một Meta Box với các trường vừa tạo.

Bấm vào hình ảnh để xem kích thước lớn hơn.

Sử dụng ACF

Trong Theme, ta gọi các hàm được ACF cung cấp sẵn.

Text, Wysiwyg Editor

Ví dụ xuất thông tin Tên giảng viên, Chuyên môn và Giới thiệu.

<h3 id="tên-giảng-viên"><?php the_field('tên_giảng_viên'); ?></h3>
<span id="chuyên-môn"><?php the_field('chuyên_môn'); ?></span>
<p id="giới-thiệu"><?php the_field('giới_thiệu'); ?></p>

Image

Về hình ảnh thì phức tạp hơn một tí, ví dụ xuất Hình đại diện.

<?php
    $image = get_field('hình_đại_diện');
    if ($image) :
?>
<img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="Hình đại diện">
<?php endif; ?>

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