Cách thêm trường meta tùy chỉnh trong WordPress

Từ hướng dẫn này, bạn sẽ học cách thêm bất kỳ loại trường meta tùy chỉnh nào vào Bài đăng WordPress mặc định bằng chức năng plugin JetEngine

Sau khi bạn thêm một bài đăng mới, bạn có thể không hài lòng với nội dung có thể được thêm vào bài đăng đó theo mặc định. e. g. , bạn có thể cần thêm thư viện hoặc bộ chọn ngày để chọn ngày bổ sung tùy chỉnh để hiển thị

Trong ngữ cảnh của WordPress, điều này có thể được thực hiện bằng cách thêm Trường Meta tùy chỉnh. Vì vậy, các trường meta tùy chỉnh là gì? . Nếu bạn cần thêm chi tiết, hãy xem qua Tổng quan về trường Meta của chúng tôi

Bây giờ, hãy khám phá cách thêm trường meta tùy chỉnh vào bài đăng của bạn

1 — Kích hoạt trường meta tùy chỉnh cho bài đăng

Mở tab Bài đăng trong Bảng điều khiển WordPress của bạn. Nhấp vào ba dấu chấm dọc ở góc trên bên phải và nhấn vào Tùy chọn ở cuối cửa sổ mới mở

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Đánh dấu vào hộp kiểm Trường tùy chỉnh trong khối Bảng điều khiển nâng cao

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

2 Bước — Kiểm tra các trường meta

Giờ đây, bạn có thể cuộn xuống trang Chỉnh sửa bài đăng và xem hộp meta Trường tùy chỉnh bên dưới trình chỉnh sửa bài đăng

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Tại đây, trong danh sách Tên thả xuống, bạn có thể chọn một trong các trường được cung cấp bởi mẫu bạn đang sử dụng trên trang web. Các trường meta được thêm bởi các plugin khác cũng sẽ có trong danh sách

3 Bước — Thêm hộp meta

Trong trường hợp bạn cần tạo một trường tùy chỉnh với nội dung của một loại cụ thể (e. g. , thêm thư viện), bạn có thể dễ dàng làm điều đó với chức năng plugin Jet Engine. Mở tùy chọn menu con JetEngine > Meta Boxes trong Bảng điều khiển WP và tại đây, nhấp vào nút “Thêm mới”

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Điền thông tin vào các trường trong phần Cài đặt chung. Chỉ định Tiêu đề hộp meta, chọn tùy chọn “Bài đăng” trong menu thả xuống Hộp meta cho và chọn “Bài đăng” trong trường Kích hoạt cho loại bài đăng. Bạn có thể tìm thêm chi tiết về việc tạo Meta Box trong hướng dẫn này

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Nhấp vào tùy chọn “Trường meta mới” để thêm trường meta mới thuộc loại cần thiết. Đặt tiêu đề, chỉ định ID, loại, v.v. Tìm hiểu thêm về các tùy chọn của trường meta từ hướng dẫn chi tiết này. Sau đó, nhấp vào nút “Add Meta Box” để lưu các thay đổi

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Giờ đây, bạn có thể dễ dàng thêm tất cả nội dung bổ sung cần thiết của loại cụ thể vào bài đăng hoặc loại bài đăng tùy chỉnh của mình. Các trường meta có thể được truy cập khi một người chỉnh sửa trang bài đăng

Hãy thử thêm nội dung cần thiết ngay bây giờ – bạn sẽ ngạc nhiên về mức độ dễ dàng của nó

Bây giờ bạn đã biết cách thêm các trường meta bổ sung vào bài viết. Thêm bất kỳ nội dung nào bạn muốn vào bài đăng để làm cho chúng có nhiều thông tin và độc đáo hơn

Vì vậy, bạn có một trang web WordPress và bạn đã đăng bài viết được một thời gian. Tuy nhiên, bạn đang tìm cách để thêm nhiều chức năng hơn vào bài đăng của mình. Có một hộp meta tùy chỉnh trên trang web của bạn sẽ cho phép bạn thực hiện các chức năng tùy chỉnh trong các bài đăng và trang của mình

Hộp Meta là gì?

Trong trình chỉnh sửa bài đăng và trang WordPress, có một số hộp mặc định. Bạn sẽ nhận ra chúng dưới dạng các hộp như

  • biên tập viên
  • Công bố
  • Thể loại
  • thẻ

Chúng được gọi là hộp meta WordPress. Mỗi chủ đề WordPress sẽ có những thứ này và một số sẽ có các hộp meta khác đã được thêm vào theo mặc định. Tất cả phụ thuộc vào chủ đề của bạn. Thậm chí còn có các hộp meta để thêm mô tả meta và từ khóa

Bạn có thể thêm các hộp meta tùy chỉnh vào trang web WordPress của mình bằng plugin, mã hoặc kết hợp cả hai. Chúng tôi sẽ nói về điều này nhiều hơn bên dưới, nhưng hãy nói về lý do tại sao bạn nên thêm hộp meta khi cần vào trình chỉnh sửa của mình

Tại sao nên sử dụng Hộp Meta?

Có quá trình suy nghĩ khác nhau đằng sau điều này. Thêm một hộp meta tùy chỉnh và sử dụng nó có thể là cần thiết hoặc nó có thể được gắn với một thứ gì đó thú vị. Có thể bạn muốn xem thời tiết như thế nào hoặc hiển thị biểu tượng cảm xúc tâm trạng. Có nhiều loại trường và hộp meta bạn có thể thêm

Điều đó đang được nói, các hộp meta và trường meta cũng rất tiện dụng nếu bạn muốn thu thập một số thông tin nhất định liên quan đến bài đăng đang được chỉnh sửa

Khi bạn tạo một hộp meta tùy chỉnh, nó sẽ xuất hiện trên cùng một màn hình với tất cả thông tin liên quan đến bài đăng khác mà bạn có. Một mối quan hệ rõ ràng được thiết lập và bạn có thể thấy cách tất cả chúng hoạt động cùng nhau dựa trên cách bạn xây dựng chúng

Hộp meta không xuất hiện cho người dùng trang web của bạn và người đọc bài viết. Chúng chỉ hiển thị với bạn ở mặt sau của bảng điều khiển quản trị viên WordPress của bạn. Hơn nữa, bạn có thể sắp xếp các hộp meta tùy chỉnh của mình ở mặt sau theo cách bạn muốn. Chủ sở hữu trang web có toàn quyền kiểm soát môi trường chỉnh sửa và có thể hiển thị chúng theo cách họ thấy phù hợp

Hãy cùng xem cách bạn có thể thêm hộp meta tùy chỉnh WordPress vào trang web của mình và sử dụng nó trong tương lai

hộp meta

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Meta Box là một plugin rất mạnh nhưng nhẹ, cho phép các nhà phát triển hoặc chủ sở hữu trang web (nếu bạn biết cách) khả năng tạo các hộp meta tùy chỉnh không giới hạn trên trang web của họ. Nó cũng cung cấp cho bạn khả năng tạo các trường tùy chỉnh

Plugin này đi kèm với rất nhiều chức năng. Sau khi cài đặt và kích hoạt, bạn sẽ có thể tạo hơn 40 loại hộp meta tùy chỉnh khác nhau cho trang web của mình. Một số trong những cái phổ biến hơn bao gồm

  • Chữ
  • Hình ảnh
  • Tải lên tệp
  • hộp kiểm
  • nút radio
  • Bộ chọn ngày & giờ
  • bài chọn
  • phân loại
  • Người dùng

Xin nhắc lại, đây chỉ là một số hộp meta tùy chỉnh mà bạn có thể tạo sau khi cài đặt plugin

Bạn sẽ cần thực hiện một vài bước sau khi plugin đã được cài đặt. Điều này bao gồm sao chép và dán mã từ plugin nguồn vào chức năng của bạn. tập tin php. Tuy nhiên, chúng ta sẽ cùng nhau xem xét điều đó dưới đây

Hãy xem cách thêm hộp meta tùy chỉnh vào trang web WordPress của bạn

Cài đặt và Kích hoạt Meta Box

Để thêm hộp meta tùy chỉnh WordPress vào trang web của bạn, trước tiên bạn cần cài đặt và kích hoạt plugin. Bạn có thể làm điều này bằng cách truy cập trang Plugin trong bảng điều khiển quản trị viên WordPress của bạn và tìm kiếm tên plugin ở đó

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Khi plugin đã được cài đặt và kích hoạt, bạn sẽ sẵn sàng bắt đầu tạo các hộp meta tùy chỉnh để thêm vào trang web của mình để sử dụng

Ghi chú. Plugin Meta Box không thực sự có trang quản trị để cấu hình hoặc cài đặt. Thay vào đó, bạn cần sử dụng trình tạo trực tuyến cung cấp giao diện người dùng giúp tăng tốc quá trình và cho phép bạn dễ dàng tạo các hộp meta một cách nhanh chóng

Khi bạn kích hoạt plugin, bạn sẽ tự động được chuyển đến trang chủ nơi sẽ có một số thông tin cho bạn

Bắt đầu

Trước hết, bạn sẽ thấy một trang bắt đầu cho plugin Meta Box. Điều này sẽ bao gồm tab bắt đầu, tiện ích mở rộng và hỗ trợ

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Bây giờ, bạn được chào đón để xem các tab khác. Bạn có thể xem một số tiện ích mở rộng khác mà họ đề xuất cho các mục đích khác và thậm chí nhấp vào tab hỗ trợ để truy cập tài liệu trợ giúp và nhà phát triển khi cần

Nói như vậy, chúng ta sẽ tiếp tục thiết lập hộp meta trong hướng dẫn này. Vì vậy, hãy ở lại trang bạn đang truy cập và hãy tiếp tục từ đây

Truy cập Trình tạo trực tuyến

Để thêm hộp meta tùy chỉnh vào trang web của bạn, bạn sẽ phải sử dụng “trình tạo trực tuyến” mà plugin hộp meta cung cấp. Cuộn xuống dưới cùng bên phải của trang bắt đầu và nhấp vào nút “Chuyển đến Trình tạo trực tuyến”

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Ghi chú. Trình tạo trực tuyến mà Meta Box cung cấp cho phép bạn dễ dàng tạo các hộp meta với các trường tùy chỉnh. Nó được liên kết trực tiếp với plugin và cung cấp giao diện người dùng rất mạnh mẽ và thân thiện với người dùng, cho phép bạn tạo hộp meta tùy chỉnh bằng phương pháp kéo và thả

Thêm Hộp Meta Tùy chỉnh

Khi bạn đến trang trình tạo trực tuyến cho plugin Meta Box, bạn sẽ thấy có ba tab. Bao gồm các

  • Tổng quan
  • hộp meta
  • Lĩnh vực

Đây là ba phần chính bạn cần điền vào để tạo hộp meta tùy chỉnh cho trang web của mình. Bạn sẽ điền vào từng tab tương ứng và khi bạn tạo mã, bạn sẽ cần đặt mã đó vào hàm. tập tin php của trang web của bạn

Hãy cùng nhau xem qua các tab và thực hiện bản demo

Tổng quan

Đầu tiên, nhấp vào tab "Chung". Đây là nơi bạn sẽ điền vào tất cả các thông tin chung cần thiết. Điều này sẽ bao gồm Tên hàm, Tên miền văn bản và Tiền tố ID trường

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

hộp meta

Bây giờ hãy tiếp tục và nhấp vào tab “Meta Box”. Đây là nơi bạn sẽ thiết lập các thông số cần thiết cho meta box mà bạn đang tạo

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Để giúp bạn, đây là ý nghĩa của tất cả các thông số

  • TÔI. ID hộp meta. Trường này không bắt buộc. Nếu bạn không nhập bất cứ thứ gì vào đây, ID của hộp meta sẽ được tạo tự động từ tiêu đề bằng cách sử dụng chức năng sanitize_title
  • Tiêu đề. tiêu đề hộp meta. Đây là một lĩnh vực rất quan trọng, và bạn được yêu cầu điền thông tin
  • Sự ưu tiên. Thứ tự ưu tiên khi hiển thị nhiều trường. Trường này không bắt buộc. Nhưng nếu meta box của bạn quan trọng và muốn người dùng dễ dàng nhìn thấy thì bạn nên đặt số cao để meta box hiển thị trên cùng
  • Bối cảnh. Vị trí bạn muốn đặt hộp meta
  • Loại thư. Hộp meta của bạn thuộc loại bài đăng nào?
  • Tự động lưu. Bạn có muốn tự động lưu các giá trị của trường tùy chỉnh không?

Lĩnh vực

Đây là nơi bạn có tùy chọn thiết lập các trường tùy chỉnh nếu muốn. Chúng bao gồm các thông số, hành động, đơn đặt hàng, v.v.

Hãy nghĩ về khu vực này bạn sẽ làm như thế nào khi sắp xếp một biểu mẫu liên hệ kéo và thả. Đó là cùng một nguyên tắc. Chỉ cần kéo, thả và chỉnh sửa các trường bạn muốn cho phù hợp

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Tạo mã và dán vào các chức năng. tệp php

Bây giờ bạn đã điền mọi thứ và định cấu hình cách bạn muốn cho hộp meta tùy chỉnh mới của mình, đã đến lúc tạo mã bạn cần

Hãy nhớ rằng bạn có thể tạo mã từ bất kỳ tab nào khi bạn đã sẵn sàng. Chỉ cần nhấp vào nút “Tạo mã” để tiếp tục

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Khi bạn nhấp vào nút đó, bạn sẽ nhận được một loạt mã được tạo tự động cho bạn. Hãy tiếp tục và sao chép mã từ hộp

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Khi bạn đã sao chép mã, bạn cần truy cập vào các chức năng của trang web của mình. php để bạn có thể dán mã vào

Để truy cập tệp này, hãy nhấp vào Giao diện > Trình chỉnh sửa chủ đề, nằm ở khu vực menu bên trái của bảng điều khiển quản trị viên WordPress của bạn

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Điều này sẽ đưa bạn đến tập tin chủ đề của bạn. Từ đây, nhấp vào “Theme Functions (chức năng. php) để truy cập tệp

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress
Cuộn xuống cuối tệp và dán mã có liên quan vào đó. Nhấp vào nút “Cập nhật tệp” khi bạn đã hoàn tất

Cách thêm trường meta tùy chỉnh trong WordPress
Cách thêm trường meta tùy chỉnh trong WordPress

Đó là nó. Bạn đã tạo thành công một hộp meta tùy chỉnh mới cho trang web của mình dựa trên thông tin bạn đã sử dụng để xây dựng nó bằng trình tạo trực tuyến

Tất cả các hộp meta tùy chỉnh mới mà bạn tạo hiện có trong trình chỉnh sửa bài đăng của bạn. Bạn có thể lặp lại quy trình này bao nhiêu lần tùy ý và tạo bao nhiêu hộp meta tùy chỉnh tùy ý

Suy nghĩ cuối cùng

Tạo hộp meta tùy chỉnh cho trang web WordPress của bạn cung cấp cho bạn chức năng mở rộng và cho phép bạn thực hiện những việc trong các bài đăng mà trước đây bạn không thể làm được. Mặc dù bạn phải sao chép và dán một đoạn mã nhỏ, nhưng bạn không cần phải tự viết bất kỳ mã nào

Chỉ cần sử dụng trình chỉnh sửa hộp meta kéo và thả để xây dựng chính xác những gì bạn cần

Bạn đã tạo hộp meta tùy chỉnh bằng plugin này chưa?