WordPress is all about creating content for the post, pages, categories, tags, and more. To make it easier and faster WordPress developers are creating various plugins. To add extra content to the WordPress edit screen custom fields plugins are used.
Create custom fields for WordPress using the Custom Fields plugin. It lets you create, update all the custom field data in a few clicks. To import custom fields in WordPress, you must have installed one WP custom field plugin. By default in WordPress, one can create custom fields but it’s not so effective. To make the process simple and easier the Custom Fields is used.
Requirements
- WordPress Version: Minimum 5.0
- PHP Version: 5.2.4 required
Create a new custom group with necessary fields and it will be displayed in the respective session of the WordPress workspace.
Purpose of Custom Fields
Custom fields are used to add additional information related to posts, pages, or more. These meta details are displayed in the WordPress themes. However, you can edit or delete it depending on your needs.
There are two parts of writing content, in the first part the editor used to draft the post content, the second part is the additional information such as author, date, time and so on which is available in default custom fields. To make the website unique, add extra information and let them be available on every post page. That can be done with the custom fields plugin.
Installation of Custom Fields
Firstly, install the tools Engine- Custom Field plugin from WordPress.org. It’s a free plugin used to create custom fields for WordPress. There are two methods used to activate the plugin.
Method 1
- Download the plugin from wordpress.org
- Click on “Plugin” viewed in the left navigation bar
- Add New displayed at the top
- Upload and activate the plugin
Method 2
- FTP user can activate the plugin by upload the file into wp-content/plugins and extract
- Go to plugin menu→ Installed plugins → Activate it
Introduction to Custom Types
Custom Field plugin supports 28 different file format data to create an efficacious website. It is split into four different categories based on its features.
Basic
In basic only the fundamental field formats are available. The table shows the field type that is categorized into a basic structure.
Custom Fields | Description | Sample Data |
---|---|---|
Text | A sentence or a piece of words can be update in Text field. | Custom Fields |
Textarea | A group or sentence or a paragraph can be written in Text Area field | Custom Fields is a custom field plugin in WordPress developed by Smackcoders. You can create various groups and update the content with easy steps. |
WYSIWYG | What You See Is What You Get software for html editor. Which supports any form of text data.(text, number, bullets and so on) | * Custom Field is a WordPress plugin.* *It was developed by Smackcoders* |
Number | Any numerical value with or without sequence can be inserted | +1 (415) 799-8288 |
Email Field | A standard email format is accepted. @ and . is compulsory | [email protected] |
Image Field | Specify the WP media image url or external image url | https://cdn.smackcoders.com/wp-content/uploads/2018/08/mobile_app_development_home_page.png |
Gallery | Mention publicly accessible url or wp media url | https://cdn.smackcoders.com/wp-content/uploads/2018/08/mobile_app_development_home_page.png |
Advanced
In advanced session Custom Fields let’s to access videos, colors, date and time and few more.
Custom Fields | Description | Sample Data |
---|---|---|
File | Directly upload file from the respective session | example.docs |
OEmbed | Youtube link can be specified here | https://www.youtube.com/watch?v=Uho22R0BCHQ&t=24s |
Color Picker | Mention the color code or choose color from the palette | #00000 |
Datetime | Mention the date and time value in standard format (YYYY/MM/DD) and (HH:MM:SS AM or PM) | 2021/02/03 05:06:07 pm |
Range Field | Specify a range value between 0-100, if its 44 mention the same | 47 |
Password | Add any password includes numbers, character and text | 123@mail$ |
Options
Options category is used to create choice contents like checkbox, radio button, and so on.
Custom Fields | Description | Sample Data |
---|---|---|
Select | Multiple values can be selected from the drop-down | Platinum, Diamond, Gold, Silver |
Checkbox | More than one list can be selected by the user | Platinum, Diamond, Gold, Silver |
Radio Button | Select a single from a group of radio button | Platinum, Diamond, Gold, Silver |
Button Group | Specify the button value to be selected | Small, Medium, Large |
True or False | Mention true or false value ie) 0 or 1 | T, F |
Relationship
It groups the relationship, linked data field.
Custom Fields | Description | Sample Data |
---|---|---|
Link | Link any specific post or page | https://www.smackcoders.com/documentation/ultimate-csv-importer-pro/acf-import |
Post Object | Specify the post title in this field, you can select multiple post object | sample, test |
URL | Specify a URL that may be post or page | www.smackcoders.com |
Relationship | Relate multiple post by adding its title | Home page, about us page |
Taxonomy | Specify the taxonomies and tags title in this field | CMS, WordPres |
User | Mention users by this field using user name | Ram, Raj |
Layout
In the Layout section, only the message field format is available.
How To Create Custom Fields in Tools Engine
The Custom Fields plugin is used to create a custom field group in WordPress based on the needs.
Step 1: Creation of Custom Fields
The first step is to create custom fields with the Custom Fields plugin. Click on the Add new button available at the top of the workspace. A custom field group is single or bundle custom fields.
After clicking it a tab will appear, where you have to provide the necessary fields. Add a new title to group the set field for similar purposes.
Step 2: Drag and Drop Fields
Secondly, drag the necessary field type and drop it at the right column. In each field format a “Mandatory section”- a smart view part, and an “Advanced section” will appear.
The Mandatory fields contain the field name and the field label. In the “Field Name” provide the name of the field which is used later in the shortcode and in the “Field Label” provide the label name.
Also, choose advanced fields to get or provide additional information. The advanced fields include instruction (i.e)comment, choices, default value, placeholder text, prepend, append and more based on the post field type.
Apart from this, the fields can be assigned to post, pages, or more or all based on the purpose. Similarly, the author can be selected. Then click on the publish button to activate the field group. To inactive the field click on inactive.
After publishing the field group at the end of the Custom fields panel, theme code gets displayed and it lets the developers design the theme easily. When a developer creates a site with a custom theme, Custom fields help the developer to copy the theme code and paste it to the respective sector to display the content on the website.
Publish the group
Step 3: Effect of Custom Fields in WordPress
Later, click on the post or page in the WordPress dashboard. Click on Add new button at the top or edit the respective post. At the end of the WordPress edit screen, it shows the custom field group section assigned to the post. Add the respective data and link. Later add the shortcode in the respective session. The format of the shortcode is [toolsengine field=’field_name’]. The shortcode is used to display the custom field content on the particular page. To make it default add the theme code at the WordPress theme.
After that click on the publish button, the custom field data gets displayed on the WordPress site.