Lập trình WordPress – Bài 6: Custom Fields trong WordPress

Trong phần trước chúng ta đã đi qua nội dung Custom Post Type trong WordPress. Thường Custom Post Type sẽ đi kèm với Custom Fields, là các trường ngoài những trường có sẵn trong post như title, content, excerpt… Ví dụ trong sản phẩm chúng ta thêm các field như giá, giá khuyến mãi, kích thước, khối lượng…

Sử dụng image cho custom post type

Trong functions, chúng ta thêm vào các lệnh sau:

add_action('after_setup_theme', 'them_cac_thuoc_tinh'); //sau khi theme dc set up

function them_cac_thuoc_tinh()
{
    add_theme_support('title-tag');
    add_theme_support('post-thumbnails');
    add_image_size('sanphamNgang', 800, 600, true);
    add_image_size('sanphamDung', 300, 400, true);
}

Ý nghĩa: add_theme_support(‘post-thumbnails’) là thêm ảnh đại diện cho sản phẩm. Lệnh add_image_size tạo ra 2 kích thước mới tên sanphamNgang, docphamDung – khi ảnh được upload sẽ được tạo thêm các phiên bản với kích thước này.

Để hiển thị ảnh trên trang, sử dụng lệnh như sau:

<img src="<?php the_post_thumbnail_url('sanphamNgang')?>" />

Tạo custom field

Sử dụng plugin Advanced Custom Fields (ACF)

Tạo nhóm trường → tạo các trường trong nhóm → chọn hiển thị ở custom post type nào.

Hiển thị custom field

sử dụng hàm the_field(’field-name’) hoặc echo get_field(’field-name’).

Hướng dẫn video: