Custom Field là dữ liệu bổ sung vào mỗi bài viết hay page. Mình lấy ví dụ thực tế như sau, nếu bạn muốn chèn giá cho một sản phẩm. Bạn có thể chèn một biến price cho sản phẩm đó.

Hướng dẫn ứng dụng Custom Field

Nếu không thấy thì các bạn có thể tìm phía trên trình duyệt:

Bấm vào chữ Screen Options và tick dấu vào Custom Field.

Hoặc

Bây giờ các bạn thử thêm các trường price, discount.

Bây giờ chúng ta bắt đầu lấy dữ liệu của các trường price, discount.

Mở file single.php chèn vào đoạn code sau:

the_meta();

Chú ý: tốt nhất là các bạn chèn dưới đoạn <?php the_content (); ?>

Đoạn code trên sẽ list ra tất Custom Field có trong bài viết. Ngoài ra, chúng ta có thể truy xuất từng dữ liệu trong bài viết để hiển thị bài viết đẹp hơn:

Bạn sử dụng hàm sau để load dữ liệu tao vị trí bạn cần hiển thị:

get_post_meta($post_id, $key, $single);
  • $post_id: Chuỗi xác định ID của bài viết. Thông thường chúng ta hay đặt giá trị cho chuỗi này là bài viết hiện tại, vậy chúng ta sẽ gán giá trị cho chuỗi này là $post_id->ID.
  • $key: Tên của Key muốn gọi ra. Ví dụ (price hoắc discount)
  • $single: Đây là một giá trị kiểu boolean. Chuỗi này chỉ có thể thiết lập một trong hai giá trị đó là true hoặc false.
$price= get_post_meta($post->ID, 'price', true);
if ($price) { echo 'Price: ' . $price; }

Tương tự với các Key còn lại, các bạn nên viết theo giống mẫu trên. Nhớ hàm if nữa nhé vì nếu không có hàm if ở trên thì ở các bài viết khác sẽ hiện nội dung HTML có trong code mặc dù không chứa custom field nào.

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

  • WordPress
  • August 3, 2013
  • 0 comment
  • 147 views

Recent posts

POCO M7 Pro mẫu smartphone 5G giá siêu rẻ của Xiaomi

POCO M7 Pro mẫu smartphone 5G giá siêu rẻ của Xiaomi

POCO M7 Pro là mẫu smartphone 5G giá siêu rẻ của Xiaomi, chỉ hơn 4 triệu đồng nhưng vẫn được […]

Hóa ra “đường link màu tím” trên Chrome không chỉ là tính năng, nó còn là lỗ hổng bảo mật 16 năm tuổi

Hóa ra “đường link màu tím” trên Chrome không chỉ là tính năng, nó còn là lỗ hổng bảo mật 16 năm tuổi

Chỉ mới đây thôi, Google phát hành bản vá cho một lỗ hổng nghiêm trọng trong trình duyệt Chrome đã […]

[WordPress] Hướng dẫn sử dụng wp_admin_notice()

[WordPress] Hướng dẫn sử dụng wp_admin_notice()

Hàm wp_admin_notice() được giới thiệu trong WordPress 6.4.0, cung cấp một cách tiêu chuẩn và dễ dàng hơn để hiển […]

[WordPress] Hướng dẫn cách sử dụng Hooks (Filters và Actions)

[WordPress] Hướng dẫn cách sử dụng Hooks (Filters và Actions)

Hooks (Filters và Actions) là một bước quan trọng để tùy chỉnh và mở rộng WordPress. Dưới đây là hướng […]

[WordPress] Hướng dẫn tạo nút upload media bằng wp_enqueue_media()

[WordPress] Hướng dẫn tạo nút upload media bằng wp_enqueue_media()

wp_enqueue_media() là một hàm WordPress mạnh mẽ cho phép bạn tích hợp trình tải lên và quản lý tệp phương tiện […]

© 2021 Tạp Chí CNTT. Mr Hoang