OverView

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) 666-2699
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.

Date and Time Picker
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
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 [email protected]$

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.

drag-and-drop-fields-in-tools-engine

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.

theme-code-in-tools-engine

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.

short-code-list-in-tools-engine

After that click on the publish button, the custom field data gets displayed on the WordPress site.

custom-field-list-in-wordpress