The Custom Fields and Dynamic Content plugin for WordPress is a powerful tool designed to enhance the flexibility and functionality of your website. This plugin allows you to create and manage custom fields, enabling dynamic content generation across your site. Whether you are creating profile pages, invitation sites, Portfolio Directories, or using Schema Markup for structured data like job postings, recipes, and reviews, this plugin simplifies the process of organizing and displaying custom and dynamic content.

For a deeper understanding of the features, functionalities, and use cases associated with this plugin, please click here!.

Table of Contents

Step 1: Plugin Installation

Download the Plugin ZIP File:
Obtain the Custom Fields and Dynamic Content plugin ZIP file from the official website or repository.
Log into Your WordPress Dashboard:
Open your web browser and go to your WordPress login page. Enter your username and password, then click the “Log In” button.
Navigate to the Plugin Installation Page:
In the WordPress Dashboard, hover over the “Plugins” menu on the left-hand side. Click on “Add New” from the submenu.
Upload the Plugin ZIP File:
At the top of the “Add Plugins” page, click the “Upload Plugin” button. Click “Choose File” and select the plugin ZIP file from your computer. Click “Install Now”.
Activate the Plugin:
Once the plugin is installed, click the “Activate Plugin” button to enable it on your site.

Step 2: Setting Up Fields and Template

Access Fields and Template Settings:
In the WordPress Dashboard, navigate to “Settings” and find the “Fields and Template Settings” menu.
Organize the Fields:
Arrange your custom fields using JSON format. Alternatively, you can utilize the “JSON Fields Generator” provided to configure your fields.

Jump to “how to organize the fields” section
Create and Organize the Template:
Define the structure of your dynamic content template by HTML Sintax. Insert the shortcodes for the custom fields you have created and elaborate with the default post meta shortcodes provided.
If you do not want to use a template as the default content structure, you can skip this step. Alternatively, you can call the custom field values using each shortcode directly in the Post Editor.

Jump to “how to organize the template” section

Step 3: Create a Content

Add a New Post:
Go to the WordPress Post Editor to create a new post.
Using Custom Fields and Dynamic Content:
Navigate to the “Custom Fields and Dynamic Content” section and choose one of the following options:
- Use Shortcodes and Template: Select this option if you wish to utilize your predefined template.
- Use Shortcodes Only: Choose this option if you prefer to bypass the template and directly call the custom field values using the custom shortcodes in the Post Editor.
After selecting one of the options above, the custom fields will open automatically. Then, enter the related entries for your custom fields.

Note: This plugin is compatible with both the classic editor and the Gutenberg block editor.
Enter Default Post Attributes:
Fill in the standard post attributes such as Title, Category, Tags, and Featured Image.
Use Default Post Meta Shortcodes:
You can also use the default post meta shortcodes in your template and content:

Jump to “list of Post Meta Shortcodes provided.
Save and View Your Post:
Save your post and preview it to see the dynamic content in action.

Organize Fields Template Using JSON Format

To configure custom fields, follow these steps to create and organize a JSON template:

Generate the JSON Template:
Use the provided JSON Fields Generator to create your fields template.
Organize Field Positions:
Once the JSON template is generated, you can rearrange the fields by cutting and pasting within the JSON structure. Be careful to maintain the integrity of the JSON syntax, ensuring that all brackets and braces ([], {}) are properly opened and closed to avoid formatting errors.
Validate JSON Configuration:
Ensure that the JSON Sintax is fully configured and valid. You can learn more about JSON Sintax formatting and validate your JSON here.

To fully utilize this plugin, you can use the following attributes:

type (required):
Specifies the type of the field. Possible values include:
- text: Single-line text input, e.g., First Name.
- textarea: Multi-line and HTML text input, e.g., Description, Address.
- list: List of custom multiple values, added one per-lline. E.g., Favorite colors, List of favorite books.
- option: Select multiple values, e.g., Gender, Country.
label (required):
Labels the input fields.
shortcodes (required):
Defines the shortcode variable to retrieve the field value. For example, if you set first_name as a shortcode, you can use [first_name] to display the field value.
placeholder (Optional):
Displays a note or hint within the form field.
attribute (Only for list type (Optional)):
Adds additional attributes to the list syntax, e.g., <li [attribute-1]="[attribute_value-1]">[list_value-1]</li>. This is often used to make the list part of a Schema Markup syntax.
attribute_value (Only for list type (Optional)):
Specifies the value of the attribute.
options (only for option type (Required)):
Provides option values, separated by commas.

Example JSON Template

Below is an example of a JSON template that can be used with this plugin:

[
    {
        "type": "text",
        "label": "First Name",
        "shortcode": "first_name",
        "placeholder": "Enter your first name"
    },
    {
        "type": "textarea",
        "label": "Address",
        "shortcode": "address",
        "placeholder": "Enter your address"
    },
    {
        "type": "list",
        "label": "Favorite Colors",
        "shortcode": "fav_colors",
        "attribute": "id",
        "attribute_value": "favorite_colors"
    },
    {
        "type": "list",
        "label": "Collections",
        "shortcode": "collections"
    },
    {
        "type": "option",
        "label": "Gender",
        "shortcode": "gender",
        "options": "Male,Female,Other"
    }
]

HTML Template Tutorial

Besides placing shortcodes directly in the WordPress Post Editor, this plugin also allows you to create default static templates with dynamic content. This feature simplifies content management by separating the template design from the content, making it easy to update information without modifying the HTML template itself. It is beneficial for various types of content, such as profile pages, invitation sites, download directories, or sites using Schema Markup syntax (e.g., job postings, recipes, reviews, etc.). With this feature, you can organize a template once and input data directly into the post editor.

You can also use default post meta shortcodes below to insert standard post attributes:

[post_title] for displaying the post title
[post_url] for displaying the post URL
[post_featured_image] for displaying the Featured Image URL
[post_category] for displaying a category
[post_author] for displaying the post author
[post_date] for displaying the date posted

Example of an HTML Template:

        <div id="content">
            <h2>[first_name] Profile Page</h2>
            <p>Hi, my name is <strong>[name]</strong>, I'm a [gender].</p>
            <p>Currently, I live in [address].</p>
            <img src="[post_featured_image]" alt="[first_name] Photo">
            <h2>Favorite Colors</h2>
            <ul>[fav_colors]</ul>
            <h2>Book Collections</h2>
            <ol>[collections]</ol>
            <p>Date posted: [post_date]</p>
            <p>Posted on: [post_category]</p>
        </div>

List Type Template

When creating a list type template, you have the option to use either the <ul> tag for an unordered list or the <ol> tag for a numbered list to display the values.

Example:

Using <ul> tag:

<ul>[fav_colors]</ul>

Result:

Red
Blue
Green

Using <ol> tag:

<ol>[fav_colors]</ol>

Result:

Red
Blue
Green

Attribute and Attribute Value

If you include attribute and attribute_value in the Custom Fields Template, they will automatically be added to the <li> tag:

<li [attribute]="[attribute_value]">

This is commonly used for Schema Markup syntax to indicate that this value is part of the Schema Markup.

Note: This is an optional feature. You can also set up the fields template without these attributes.

Custom Fields and Dynamic Content WordPress Plugin Documentation