🥳 Features

Build Timeless Component

Shortcode one of the most old feature in wordpress. This plugin use this feature for render your component, so I think you can consider your created component as timeless one.

Performance

This plugin load(enqueue) nothing to the front-end user. So you user can expect a faster load time.

Rapid Development

Develop Component more than 10X faster than other popular wordpress builder

Fully Loaded

This plugin Require 0 dependency to make a component.

😵 Build a Component in 2 easy steps

Step 1

We are going to register a new component by defining component fields.
You can define This following function in your theme function.php file, or you can create a separate file and link your file to function.php.


    function banner_component($arr){
        $arr['banner'] = [
            // for text field
            [
                'type' => 'text',
                'field' => 'title',
                'label' => __("Banner Title", 'text-domain')
            ],
            // for textarea field
            [
                'type' => 'textarea',
                'field' => 'detail',
                'label' => __("Banner Detail", 'text-domain')
            ],
            // for file field
            [
                'type' => 'file',
                'field' => 'img',
                'label' => __("Banner Image", 'text-domain')
            ],
            // for repeater field
            [
                'type' => 'repeater,
                'field' => 'items',
                'label' => __("Multiple items title", 'text-domain'),
                'fields' => [
                    [
                        'type' => 'text',
                        'field' => 'title',
                        'label' => __("Title", 'text-domain')
                    ],
                    [
                        'type' => 'textarea',
                        'field' => 'detail',
                        'label' => __("Title", 'text-domain')
                    ],
                    [
                        'type' => 'file',
                        'field' => 'img',
                        'label' => __("Image", 'text-domain')
                    ],
                ]
            ],


        ];
        return $arr;        
    }
    add_filter( 'tcb__fields', 'banner_component' );

    
Step 2

In this step we are going to create a template for the component, in .php file format.
Create a file at your theme folder /tcb/component-banner.php
And declare a variable like this > $data = tcb_data()
Then you are all set. all user input data will be return in $data variable.


    /*
     file_info: tcb/component-banner.php
     we can use any wordpress function , raw HTML, php here.
    */


    // all the component data will be return as an associative array.
    $data = tcb_data();
    print_r($data);


        

🤓How to use created component

User can create a component very easily. To create a component go to Dashboard > Component > Add New.
Give a name, then select the component-type/category and update the component post.
After update you will see Field's which related with this component will be visible in the screen.
Provide the data and save the component post. Copy the shortcode to use the component .

🤔 Install The Plugin

There are 2 option's you to install the plugin.

Option 1:
  • Download the plugin from Github , or WordPress
  • Upload the plugin to /wp-content/plugins folder
  • Active the plugin
Option 2:
  • Install the plugin through the WordPress plugins screen directly
  • Active the plugin