Create A Custom Form Plugin In WordPress - Part Two

Please read my first part: 

• Working With WordPress: Part One (Start With Plugin Development)

Today, you will learn how to write a code in a WordPress plugin. WordPress provides plugin features for developers. Plugin means an individual module. WordPress creates multiple plugins. If you download a plugin, the link will be available at wordpress plugin. Click the link and search "use plugin." Today, I will discuss how to develop WordPress plugins, write the code, and install the plugin.

Download the code, given previously, and install again,

Let's start writing code into the helloworld plugin.

First, install the plugin in Wordpress. When the download is complete, open Wordpress administration panel, as shown below:

 

 

  

My Wordpress plugin will show in the plugin list:

 

 

Whenever a Wordpress plugin is installed into Wordpress, open the plugin code.

Wordpress Plugin Path: C:\xampp1\htdocs\wordpress\wp-content\plugins

Below screen

Open helloworld.php file into the helloworld folder and write the code, shown in the example:

<?php
    /*
    Plugin Name: hello world
    Plugin URI: http://www.wordpress.org
    Description: Create plugin
    Author: bhushan
    Version: 1.0
    Author URI: http://www.xyz.com
    */
class MyPlugin{

      private $my_plugin_screen_name;
      private static $instance;
       /*......*/

      static function GetInstance()
      {

          if (!isset(self::$instance))
          {
              self::$instance = new self();
          }
          return self::$instance;
      }

      public function PluginMenu()
      {
       $this->my_plugin_screen_name = add_menu_page(
                                        'My Plugin',
                                        'My Plugin',
                                        'manage_options',
                                        __FILE__,
                                        array($this, 'RenderPage'),
                                        plugins_url('/img/icon.png',__DIR__)
                                        );
      }

      public function RenderPage(){
       ?>
       <div class='wrap'>
        <h2>custom form</h2>
        <div class="main-content">

        <!-- You only need this form and the form-basic.css -->

        <form class="form-basic" method="post" action="#">

            <div class="form-title-row">
                <h1>Form Example</h1>
            </div>

            <div class="form-row">
                <label>
                    <span>Full name</span>
                    <input type="text" name="name">
                </label>
            </div>

            <div class="form-row">
                <label>
                    <span>Email</span>
                    <input type="email" name="email">
                </label>
            </div>

            <div class="form-row">
                <label>
                    <span>Dropdown</span>
                    <select name="dropdown">
                        <option>Option One</option>
                        <option>Option Two</option>
                        <option>Option Three</option>
                        <option>Option Four</option>
                    </select>
                </label>
            </div>

            <div class="form-row">
                <label>
                    <span>Textarea</span>
                    <textarea name="textarea"></textarea>
                </label>
            </div>

            <div class="form-row">
                <label>
                    <span>Checkbox</span>
                    <input type="checkbox" name="checkbox" checked>
                </label>
            </div>

            <div class="form-row">
                <label><span>Radio</span></label>
                <div class="form-radio-buttons">

                    <div>
                        <label>
                            <input type="radio" name="radio">
                            <span>Radio option 1</span>
                        </label>
                    </div>

                    <div>
                        <label>
                            <input type="radio" name="radio">
                            <span>Radio option 2</span>
                        </label>
                    </div>

                    <div>
                        <label>
                            <input type="radio" name="radio">
                            <span>Radio option 3</span>
                        </label>
                    </div>

                </div>
            </div>

            <div class="form-row">
                <button type="submit">Submit Form</button>
            </div>

        </form>

    </div>

       </div>
       <?php
      }

      public function InitPlugin()
      {
           add_action('admin_menu', array($this, 'PluginMenu'));
      }

 }

$MyPlugin = MyPlugin::GetInstance();
$MyPlugin->InitPlugin();
?>

It will look as shown below: