If you are the developer, you may not be familiar with these magic tools. But most likely you used the custom fields of WordPress, although I did not know this.
What is a custom field WordPress
According to the developer, custom fields allow you to store extra information, called “metadata”, using the pair key / value. That is, custom fields help you store additional information on the part of the content. You can simply keep this information to yourself and show it in the backend editor or display on the web interface for your visitors.
Suppose you write a product review and want to give it a star rating in the stars.
Without custom fields you need to record this information in the text of the blog where you review the product. But with custom fields you can create a separate input area, and select the desired rating.
Why is it better to use a custom field than just recording something in an entry? Because, with these data much easier to work with. You can now:
- To allow visitors to search and filter content by rating review.
- To be sure that the rating review will appear in the same style.
- Easy to upgrade the rating review.
- And much more.
A huge number of plugins that you use and love based on the principles of custom fields. A few examples:
- that uses custom fields to store the dates, events, prices and other data.
- uses custom fields to store the price of goods, parts, etc.
- , this plugin uses custom fields to store information about each item in your catalog.
You can use custom fields more easily, for example, to add some extra information to a blog entry and display:
- The place from which you write a post (it would be great for travel blog).
- The album you are currently listening to or the book I read.
- The weight that you have recently raised in the gym (great idea for a fitness blog).
- And other interesting features.
Custom fields are more part of what makes WordPress so flexible and understanding of how to use them, will help you create a more unique, dynamic WordPress sites.
Easy to use plugin for custom fields WordPress
Although WordPress includes built-in functions for custom fields, the easiest way to work with them – using plugins:
is a popular set of tools that work with WordPress custom fields and record types.
One of the remarkable features Toolset compared to other tools is that it can almost completely eliminate code. So you will be able to display your custom fields without coding..
Toolset is a premium solution with plans starting from $ 69.
2. Advanced Custom Fields
is a popular plugin that adds various new types of fields via a simple and intuitive interface. The plug-in provides the ability to display fields using PHP or shortcodes.
It’s super popular for a reason and are a great option if you are somewhat technically savvy.
The basic version is available for free on WordPress.org and the Pro version costs only $ 25.
is a popular free plugin that works with custom fields and custom record types.
It also allows you to display custom field data with simple tags (not PHP), which is convenient. You will need to know a little HTML / CSS to make it look good, but it’s easy to understand.
The plugin is 100% free.
4. Meta Box
– another popular plugin for custom fields WordPress that works with a approach similar to Advanced Custom Fields.
It supports more than 40 different types of fields, including advanced features such as groups of repeaters.
You can display information about the field, using both PHP and shortcodes.
The basic version is free on WordPress.org and there are a number of free and paid extensions which add more functionality.
Example to display custom fields WordPress plugin Toolset
All the above plugins are great options. Consider the functionality of the Toolset because it allows you to easily add custom fields to get this information and display it on the web interface of your site.
To create custom fields using the Toolset you will need the module Types and to display those custom fields, modules, Views or Layouts.
Suppose you want to add custom fields in normal post of WordPress. But you can also use the types of tools Toolset to create your own record type, WordPress, and then add custom fields.
For example, we have a fitness blog, and we want to add custom fields for tracking indicators in our major exercises (deadlift, squat, etc.).
Step 1: Access the custom fields interface
After you have installed the Toolset, go to the new Toolset field in the WordPress admin panel.
Find the record type to which you want to add a custom field – in our example “Record” and click “Add custom field”:
Step 2: Select the field type
Opens a popup window where you select the type of custom field to add. We need to choose the option most suitable for the information you want to display.
For this example, to track the weight that you lift for a particular exercise – you will need the type of a numeric field:
Step 3: Configure the field
Once field type is selected, you will receive a number of options to configure it.
You do not need to fill in every parameter, but you must enter the name and review other settings:
Option a conditional display is a convenient feature that allows you to display different fields based on other fields.
For example, you might first create a set of radio blocks, which contain your workouts (push, pull, low, etc.). You can then use conditional logic to display only certain upgrades that apply to your chosen exercise.
Step 4: Repeat and then save
Now repeat the process for all other custom fields that you want to add.
Give your field group name (this name is for collecting all user-defined fields) and click Save field group:
Step 5: Adding data to custom fields in the WordPress editor
After the field group is saved, you will receive a new meta-block in the WordPress editor where you can add data to your custom fields.
For example, here’s a set of radio boxes for the type of workout:
Then as soon as I choose a workout, for her there is a new set of custom fields (using conditional logic Toolset):
Step 6: Show in the web interface
At the moment you saved your data in custom fields, but these data have not to be displayed on the web interface for your visitors.
To display information on the web interface, you can use modules of the types or layouts of the toolbar. For example, here is a template to add custom fields to record:
For these tasks you can also use the editor Elementor Pro.
Elementor Pro to display data from custom fields
With the premium version of the Elementor –– you can dynamically include custom fields in your design Elementor through a simple interface.
Currently Elementor Pro works with all the plugins listed above:
- Advanced Custom Fields,
- Meta Box (with free extension).
Thus, you will use a powerful options design Elementor to display this data on a web interface.
To insert data in custom fields Elementor Pro, use the new option Dynamic, which is added to the existing widgets. For example, you should add a normal widget text editor, and then use the parameter “Dynamic“ to insert information from custom fields.
I hope that you already have a cool idea where you can apply custom fields WordPress on your website. The combination of custom record types and custom fields – this is where WordPress becomes really powerful.