Thêm hộp meta tùy chỉnh trong WordPress

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thêm hộp meta vào bài đăng WordPress của bạn bằng cả hai phương pháp này, cũng như cách hiển thị siêu dữ liệu bạn đã tạo

Tạo hộp siêu dữ liệu tùy chỉnh trong trình chỉnh sửa bài đăng hoặc trang

Để thêm hộp siêu dữ liệu tùy chỉnh, bạn cần đảm bảo chúng hiển thị trên trình chỉnh sửa trang và bài đăng WordPress.  

1. Tạo một bài đăng hoặc trang mới hoặc chỉnh sửa một mục hiện có
2. Nhấp vào Tùy chọn màn hình ở đầu trang

3. Trong bảng điều khiển Hộp , hãy chọn Trường tùy chỉnh .

4. Cuộn xuống và bạn sẽ thấy bảng điều khiển Trường tùy chỉnh mới có sẵn.

5. Nhấp vào menu thả xuống Tên để chỉnh sửa trường siêu dữ liệu hiện có trong chủ đề của bạn.

6. Ngoài ra, hãy nhấp vào nút Nhập mới để tạo mục nhập siêu dữ liệu mới.

7. Nhập tên trường siêu dữ liệu và một giá trị, sau đó nhấp vào Thêm trường tùy chỉnh để lưu.

Tạo các trường tùy chỉnh bằng plugin

Bạn có thể sử dụng plugin Trường tùy chỉnh nâng cao để có các tính năng chỉnh sửa và tạo siêu dữ liệu tùy chỉnh mở rộng. Plugin này cũng cho phép bạn hiển thị siêu dữ liệu ở nhiều vị trí khác nhau trên trang web WordPress của mình.

1. Trong bảng điều khiển quản trị viên WordPress, chọn Plugin > Thêm mới .
2. Tìm kiếm Trường tùy chỉnh nâng cao, sau đó cài đặt và kích hoạt plugin

3. Sau khi được kích hoạt, bạn sẽ thấy một mục Trường tùy chỉnh mới được thêm vào thanh bên. Nhấp vào nó để tiếp tục.

4. Nhấp vào Thêm mới để bắt đầu tạo các trường tùy chỉnh của bạn.

5. Trong Thêm nhóm trường mới , nhập tiêu đề.

6. Nhấp vào + Thêm trường .

7. Hoàn thành biểu mẫu, nhập Nhãn trường , Tên trường và . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. . Bạn có thể đặt các trường thành yêu cầu bắt buộc, nhập giá trị mặc định, văn bản giữ chỗ, đặt giới hạn ký tự, thay đổi tùy chọn định dạng và thậm chí tạo quy tắc logic có điều kiện để đặt thời điểm trường siêu dữ liệu sẽ được hiển thị. Field Type). You can make fields a mandatory requirement, enter a default value, placeholder text, set a character limit, change formatting options, and even create conditional logic rules that to set when the metadata field will be displayed.

8. Tiếp tục đến bảng điều khiển Vị trí để xác định thời điểm và vị trí hộp siêu dữ liệu tùy chỉnh của bạn sẽ được hiển thị. Sử dụng menu thả xuống để xem lại các cài đặt có sẵn.

9. Sử dụng bảng điều khiển Tùy chọn để định cấu hình thứ tự trường (nếu bạn đã xác định nhiều trường), vị trí hộp meta và tùy chọn kiểu dáng. Bạn cũng có thể chọn ẩn các mục mặc định khỏi màn hình trình chỉnh sửa bài đăng/trang WordPress, tương tự như bảng điều khiển Tùy chọn màn hình mà chúng tôi đã sử dụng trước đó.

10. Khi bạn đã hoàn thành biểu mẫu Nhóm trường mới , hãy nhấp vào Xuất bản để . Giờ đây, bạn có thể quay lại trình chỉnh sửa bài đăng/trang để xem hộp siêu dữ liệu tùy chỉnh mới của mình.

Hiển thị siêu dữ liệu được tạo bằng Trường tùy chỉnh nâng cao

Nếu bạn muốn hiển thị siêu dữ liệu đã chụp trong bài đăng, trang hoặc bất kỳ nơi nào khác trong chủ đề của mình, thì có một số cách khả dụng để thực hiện việc này. Phương pháp đơn giản nhất là nhúng mã ngắn vào nội dung của bạn, tham chiếu đến Tên trường của hộp siêu dữ liệu bạn đã tạo.  

1. Bạn có thể xem Tên trường của mình bằng cách chọn Trường tùy chỉnh trong thanh bên, sau đó chỉnh sửa Trường . .

2. Sử dụng mã ngắn sau, thay thế Field_Name bằng tên trường thực tế.

acf field="Field_Name"

3. Nhấp vào Xem trước để xem cách siêu dữ liệu tùy chỉnh của bạn sẽ được hiển thị cho người dùng của bạn.

4. Để nhúng các trường tùy chỉnh vào các tệp chủ đề của bạn, bạn có thể sử dụng các đoạn mã PHP nhỏ. Chỉnh sửa tệp chủ đề nơi bạn muốn hiển thị siêu dữ liệu (chẳng hạn như nội dung. trang php , . php và đơn. php ) bằng cách sử dụng Trình quản lý tệp cPanel .

5. Đăng nhập vào bảng điều khiển HostPapa và truy cập CPanel của tôi .

6. Đi tới Tệp > Trình quản lý tệp để xem các tệp và thư mục được lưu trữ trên máy chủ của bạn.

7. Điều hướng đến thư mục WordPress của bạn, sau đó nhập thư mục wp-content > themes .

8. Mở thư mục cho chủ đề hiện tại của bạn, sau đó chọn tệp mà bạn muốn nhúng siêu dữ liệu vào đó

9. Đảm bảo bạn dán mã sau dòng này

Và trước dòng này

10. Sử dụng đoạn mã sau để nhúng siêu dữ liệu, thay đổi tên lớp, tên trường và định dạng HTML theo yêu cầu