Where are the custom fields displayed? Enabling Meta Box Display in the WordPress Editor (Detailed Beginner's Guide)

Custom Fields(Custom Fields) is a very useful but often overlooked feature in WordPress, which allows you to add "extra field data" to each post, page, product, etc. for more extended uses, such as price, color, download links, status tags, author's notes, and so on.

Image[1]-WordPress Custom Fields Complete Tutorial: How to Open and Tips for Use

Many newcomers in the use of WordPress will find: background post editor simply can not see the "custom fields" place, in the end where to go? How do I turn it on? How to use it?

This article will explain the purpose of custom fields, how to turn them on, where to display them, and suggestions for using them in layman's terms to help users who are just getting started to easily master this feature.

First, what exactly is the role of custom fields?

The custom field is the WordPress An "extra data area" reserved for editing content.

Picture [2]-WordPress custom fields complete tutorial: open method and use of skills

In addition to the usual content of title, body, and categories for each post or page, custom fields can attach more information to the content, such as:

  • Product Price:price = 199
  • Download Address:download_link = https://...
  • Is it recommended:is_featured = true
  • Article source:source = BBC News

This data is not necessarily written directly in the body of the text, but it can be used with the help of a theme template or apage builderDisplayed on website pages to enhance content flexibility.

Second, where are the custom fields displayed? How to open it?

When using the block editor (Gutenberg)

WordPress 5.0 defaults to using theBlock Editor, the interface is more modern and many features are hidden by default, including custom fields.

  • Log in to the backend and go to the edit screen of the article or page
  • Click on the three dots (︙) icon in the upper right corner to open the menu
Image [3]-WordPress custom fields complete tutorial: open method and use tips
  • Select "Preferences"
Image [4]-WordPress Custom Fields Complete Tutorial: How to Open and Tips for Use
  • Click on the "General" tab on the left.
Image [5]-WordPress Custom Fields Complete Tutorial: How to Open and Use Tips
  • Check "Custom Fields".
Image [6]-WordPress custom fields complete tutorial: open method and use of skills
  • The system prompts to refresh the page, click the refresh button
  • A "Custom Fields" area appears at the bottom of the page
Image [7]-WordPress custom fields complete tutorial: open method and use of skills

When using the Classic Editor

utilizationClassic EditorPlugins or older versions of the WordPress backend work slightly differently:

  • Go to the article or page editing screen
  • Find the Screen Options button in the upper right corner.
Image [8]-WordPress custom fields complete tutorial: open method and use of skills
  • Check "Custom Fields".
Image [9]-WordPress custom fields complete tutorial: open method and use of skills
  • Scroll down the page and find the meta box area at the bottom of the editor
Image [10]-WordPress custom fields complete tutorial: open method and use of skills

Third, how to use the custom fields panel?

Once you open the custom field, at the bottom of the page you will see a simpleform (document), consists of two main parts:

Field Name (Name)Field value (Value)
Enter the key name, e.g. price, download_link.Enter the specifics of the field, e.g. 129, URL address

Click on the "Add Custom Field" button to save the key-value pairs to the current post.

Image [11]-WordPress custom fields complete tutorial: open method and use of skills

Multiple fields can be added, and each record can continue to be modified or deleted at a later date.

IV. Where do the added custom fields take effect?

Theme Templatesinvocations

Many WordPress themes have built-in field calling mechanism, developers can use the following code to display field data:

$value = get_post_meta( get_the_ID(), 'field name', true );
echo $value;

Page builder support

utilization ElementorModern page builders such as Bricks, Beaver Builder, etc. often have "dynamic labeling" built-in. Simply select the corresponding field name in the page component to display the field value on the frontend page.

Image [12]-WordPress custom fields complete tutorial: open method and use of skills

Plugin usage scenarios

Many plugins also use custom fields to record additional information. For example SEO Plugin, download plug-ins, membership plug-ins, etc. will add hidden fields to the article for implementing logical judgments or parameter storage.

V. What do newbies need to pay attention to when using custom fields?

1. Field name specification

It is recommended that a combination of lowercase letters or underscores be used consistently, for example price,is_active,source_link. Do not use spaces, Chinese or special symbols to avoid errors when the theme calls.

2. Number of fields to be controlled

For general article content, it is recommended that you limit yourself to 10-20 fields per article. Too many fields can causecomprehensive databaseThe query burden even affects the smoothness of the background operation.

3. Do not modify the fields generated by the plug-in.

Some plugins automatically add fields in the background (e.g. _edit_lock,_thumbnail_id), these should not be deleted or modified arbitrarily, or the plugin functionality may be affected.

4. Use field management plug-ins more efficiently

If you need to manage fields in bulk, or need to support conditional logic, field grouping, etc., you can consider using the following plug-ins:

  • ACF (Advanced Custom Fields)
Image [13]-WordPress custom fields complete tutorial: open method and use of skills
Image [14]-WordPress custom fields complete tutorial: open method and use of skills
  • Pods
Image [15]-WordPress custom fields complete tutorial: open method and use of skills

Such plug-ins provide a more user-friendly field creation interface and calling methods to facilitate development and maintenance.

VI. Summary

Custom Fieldsis an important part of the WordPress content structure and provides space for attaching more content to a post.

In the block editor, check the box in "Preferences → Panels" to enable it; in the classic editor, check the box in "Display Options" to use it directly.

While it's not as intuitive as body text, with the help of a theme, builder, or plugin, it's possible to make these fields into actual content on the page, helping the site achieve a more flexible presentation of data.

For beginners, customizing fields is the first step in advancing WordPress, and mastering it will open up more possibilities for expanding the functionality of your website.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
Customer Service
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by lmx
THE END
If you like it, support it.
kudos721 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments