Cách tạo trường tùy chỉnh WordPress để thêm siêu dữ liệu

Wordpress đi kèm với tính năng trường tùy chỉnh để bạn thêm bất kỳ siêu dữ liệu nào vào bài đăng của mình. Đây có thể là thông tin như ngày hết hạn hoặc đơn giản là thời tiết của ngày hôm đó. Bài viết hôm nay sẽ chỉ cho bạn cách sử dụng tốt các trường tùy chỉnh để cải thiện chức năng bài đăng của bạn.

Kích hoạt trường tùy chỉnh trong trình chỉnh sửa block

Nếu bạn vẫn đang sử dụng trình chỉnh sửa cổ điển, phần trường tùy chỉnh sẽ được bật theo mặc định. Bạn sẽ có thể tìm thấy nó bên dưới phần soạn thảo văn bản.

Đối với trình chỉnh sửa block (Gutenberg), phần trường tùy chỉnh bị tắt theo mặc định, nhưng bạn có thể dễ dàng kích hoạt nó. Chỉ cần đi đến ba dấu chấm ở góc trên bên phải màn hình và nhấp vào nó.

Trong menu drop-down xuất hiện, chọn Preferences ở dưới cùng. Tùy thuộc vào ngôn ngữ WordPress bạn đặt, thay vào đó có thể có dòng chữ Options.

Trong phần Panels, bật tùy chọn Custom fields. Sau đó, nó sẽ yêu cầu bạn load lại trang, vì vậy hãy đảm bảo rằng mọi tác phẩm chưa được lưu sẽ được lưu trước, nếu không bạn sẽ mất chúng.

Phần Custom Fields mới bây giờ sẽ xuất hiện bên dưới bài đăng.

Khi bạn bắt đầu thêm các trường tùy chỉnh, nó sẽ chỉ hiển thị tối đa 30 trường. Bạn có thể tiếp tục thêm nhiều hơn nhưng chúng sẽ không xuất hiện trong danh sách drop-down.

Damien đã chỉ ra cách hiển thị nhiều trường tùy chỉnh WordPress hơn theo mặc định. Tinh chỉnh này tăng danh sách menu lên tối đa 120. Bạn có thể nhấp qua bài viết hoặc đây là bản tóm tắt.

Đi tới Appearance -> Editor trong backend WordPress của bạn và tìm file functions.php. Thêm phần sau vào cuối.

function increase_postmeta_form_limit() {
	return 120;
}
add_filter('postmeta_form_limit', 'increase_postmeta_form_limit');

Sau khi lưu các thay đổi, hãy refresh trang backend WordPress của bạn và số lượng trường tùy chỉnh trong menu sẽ tăng lên 120.

Cấu hình tên và giá trị cho trường tùy chỉnh

Bạn có thể thêm bất cứ điều gì bạn muốn làm trường tùy chỉnh. Cho dù đó là cuốn sách mới nhất bạn đang đọc hay thời tiết ngày hôm đó thế nào, bạn có thể thêm bất cứ điều gì bạn muốn vào bài đăng của mình. Hãy nhấp vào Enter new để bắt đầu.

Trong phần Name, hãy thêm tiêu đề của nội dung bạn muốn thêm. Đây có thể là những thứ như:

• Hôm nay tôi cảm thấy thế nào?
• Cuốn sách tôi đang đọc hôm nay.
• Hôm nay tôi nghe gì?
• V.v....

Trong phần Value, bây giờ bạn đặt câu trả lời. Hãy nhớ rằng, các trường tùy chỉnh dựa trên từng bài đăng, vì vậy những gì bạn nhập trên một bài đăng sẽ không xuất hiện trên một bài đăng khác.

Cũng cần làm rõ rằng đó không nhất thiết phải là một câu hỏi trong phần Name. Nó cũng có thể là văn bản tiêu chuẩn mà bạn muốn ở đầu hoặc cuối bài đăng của mình. Ví dụ, có thể bạn muốn mỗi bài đăng có thông báo từ chối trách nhiệm liên kết? Hay đó là một bài viết được tài trợ? Khả năng là vô tận.

Lưu ý: Để truy xuất trường tùy chỉnh thông qua code dễ dàng hơn, tốt nhất bạn nên giữ Name ngắn gọn, toàn chữ thường và tránh mọi khoảng trắng. Liên kết bằng dấu gạch dưới (_). Ví dụ: sử dụng “posts_to_redirect” thay vì “Posts to Redirect”.

Sau khi nhập đầy đủ thông tin bạn nhấn Add Custom Field để lưu lại. Dường như không có số lượng ký tự tối thiểu hoặc tối đa cho một trường, nhưng vì mục đích hiển thị của nó trên trang của bạn, hãy cố gắng đừng quá lo lắng.

Hiển thị trường tùy chỉnh trong theme WordPress

Cuộc sống sẽ trở nên quá dễ dàng nếu đó là tất cả những gì cần thiết để trường tùy chỉnh WordPress hoạt động. Bây giờ, chúng ta phải làm cho nó hiển thị trên trang.

Không có cách nào dễ dàng để hiển thị trường tùy chỉnh trong theme WordPress của bạn. Bạn phải dùng đến cách chèn một số code PHP vào theme của mình.

Trong file mà bạn muốn hiển thị trường tùy chỉnh, hãy sử dụng code sau:

$custom_field = get_post_meta($post_id, 'custom-field-name', true)
echo $custom_field;

Một số điều cần lưu ý:

• $post_id là ID của bài đăng mà bạn muốn truy xuất trường tùy chỉnh của nó.
• custom-field-name là tên bạn đã sử dụng cho trường tùy chỉnh cụ thể của mình.

Bạn có thể biết thêm thông tin ở đây:
https://developer.wordpress.org/reference/functions/get_post_meta/

Mẹo: Thay vào đó hãy thử sử dụng shortcode nếu bạn muốn sử dụng phương pháp dễ dàng hơn để thêm siêu dữ liệu vào theme của mình.