Getting started

WordPress Plugin Maker is a powerful tool to increase WordPress development productivity, saving time and increasing profits.

Installation

  1. Extract the archive file "plugin_maker.zip"
  2. Then uploaded into your web hosting or if work on the project in localhost simply copy it, Suggested in your WordPress folder. as follows:

    Folder Structure

  3. After you successfully copy or upload, you can use it open url address in browser, "http://localhost/yourwp/plugin-maker/" or "http://yourdomain/yourwp/plugin-maker/" Preferences

Preferences

  1. On the Menu, point to Preferences and then click it.
  2. On the preferences page you can change the layout, and determine the location of wordpress used to live test
  3. Press Save button
Preferences

Notice

WordPress Live Test should not be used on another project. If you do not want to lose your job, please install a new WordPress.

Create a New Project

  1. On the Menu, point to New Project and then click it.
  2. In the Project properties tab, enter the text in to Plugin Name, Short Name, Plugin URL, Description, Tags, Version, Requires, At least, Up to, Stable tag, Localization, Author, Author URL, License and License URL
  3. Press Save button, it will go to Existing Projects tab
New Project

Project Status and Lock/Unlock

For choose current project you must change status project to active and if you want to edit the project must be unlock.

  1. On the Menu, point to Project Manager and then click it.
  2. In the Existing Project tab, there is a table with columns: status, lock and delete. To make it active by clicking on button down () on the status column then click active to change into active status, and vice versa.
  3. Then, if you want to edit the project must be unlock on the lock column.
Project Status

Delete the Project

Delete the Project

Notice

The project that has been deleted can not be restored, please backup before do it.

Backup and restore

As a precaution, so as not to lose the project when something unexpected happens, you can perform the backup process

  1. On the Menu, point to Backup and then click it.
Backup and restore

If you want to restore the project that has been in the backup, follow these steps:

You can also delete, or download the existing backup.

Notice

Restore project will be overwrite current project.

Build a Project

Build a project is to transform the project into a code plugin, this will form the files needed for the plugin, such as readme.txt, file PHP, JS, CSS and others. It does not require any particular action, automatically run itself. But if you want to do it manually, you can click the Build Project.

Build Project consists of three tabs, ie Build Project itself, review projects and code view. The Build Project tab there is a reset button and the download button. Reset button is used to delete files previously created and then rebuild a new code, this action is necessary if there is a change in the previous project settings. While the delete button is used to download the plugin that has been finished.

You can see the all settings by clicking on the Review Project tab and to look at the generated code you can click on the Code View tab

Notice

Reset button will erase all files that have been created, If there are files that you edited manually or you added, its will be removed automatically. this will not remove the project settings you have made.

Setup Image Size

To create a thumbnail support certain size

  1. On the left sidebar, select the image size
  2. On the form you can select how much the image size you need.
  3. Fill in the required fields such as width, height and crop
  4. Then click the save button
Images Size

Button with a picture of a garbage on top right is used to remove the form and the Remove button is used to repeat from empty

Code for Retrieving

To obtain a predetermined image size, use code like this:

Post Type

Register Post Type

Post types you can use to save data to a database, such as database instance books, comics, movies, etc.

  1. On the left sidebar, select the Post Type
  2. On the form you can select how much the Post Type you need.
  3. Fill in the required fields such as Name, Description, Icon (support dashicon) and Supports (fields will be used)
  4. The contents of the text is also the language used
  5. Then click the save button

Button with a picture of a garbage on top right is used to remove the form and the Remove button is used to repeat from empty

Notice

For avoid page not found (Oops! That page can't be found) after create custom page type please go Settings Menu -> permalinks and click Save Changes again.

Code for Front-end

To change the layout of front-end, is on file with the name structure:

plugin_name/includes/post_type.aaa.inc.php

aaa = a post type name

All required variables exist in its class __construct, you can use it quickly, if it is not needed you can delete it. While on markup function that will come out on the front-end page.

Register Metabox

Metabox is a toolbar on the new or edit a post/page, it is used to store additional information into the database. How to make it do the following:

  1. On the left sidebar, select the Metabox
  2. On the form you can select how much the Metabox you need.
  3. Fill in the required fields such as Name, Label, Display at (On page post what you want to display) and HTML Markup may leave blank
  4. Fill also postmeta, postmeta the desired additional information columns. To delete a postmeta, fill blank the column name. postmeta will add javascript and css automatically.
  5. Then click the save button

Code for Back-end

To change the back-end layout metabox, is on file with the name structure:

plugin_name/includes/metabox.bbb.inc.php
plugin_name/includes/assets/js/aaa_metabox.js
plugin_name/includes/assets/css/aaa_metabox.css

aaa = plugin short name
bbb = a metabox name

Create Admin Bars

While you are logged in to WordPress, this toolbar on the top the admin bar.

  1. On the left sidebar, select the Admin Bars
  2. On the form you can select how much the Admin Bars you need.
  3. Fill in the required fields such as ID (ID Link), Anchor (Label), URL (Link/href) and Parent ID
  4. Then click the save button
Admin Bars

Create Shortcodes and Quicktags

Shortcodes have been introduced for creating macros to be used in a post's content. and Quicktags is additional buttons in the Text (HTML) mode of the WordPress editor.

  1. On the left sidebar, select the Shortcodes/Quicktags
  2. On the form you can select how much the Shortcodes you need.
  3. Fill in the required fields such as Tag, Title, HTML Markup, Sample WordPress API, Post Type and Properties
  4. Then click the save button

Create Option

Creating custom options panels in WordPress

  1. On the left sidebar, select the Plugin Options
  2. On the form you can select how much the Field you need.
  3. Fill in the required fields such as Name, Label, Type, and Default Value
  4. Then click the save button

Code for Retrieving

You can also find it by accessing wp live test

Create Widget

  1. On the left sidebar, select the Widgets
  2. On the form you can select how much the widget you need.
  3. Fill in the required fields such as ID, Title, and Desc
  4. For the front-end display, you can select Example WordPress API and Post-Type do you need, and also you can insert the External Javascript and External CSS
  5. For the back-end display, you can add some widget option
  6. Then click the save button

Notice

If you enable the External Javascript or CSS is automatically added and this can only be removed by removing the tick.

Code for Front-end

To change the layout of front-end, is on file with the name structure:

plugin_name/includes/widget.[bbb].inc.php
plugin_name/assets/css/[aaa]_widget_[bbb].css
plugin_name/assets/js/[aaa]_widget_[bbb].js

aaa = plugin shortname
bbb = widget id

All required variables exist in its class __construct, you can use it quickly, if it is not needed you can delete it. While on markup function that will come out on the front-end page.

You can also find it by accessing wp live test

Create WP Ajax

WP Ajax is the standardization of processing ajax and php response in WordPress, it is very effective to avoid the vulnerability Auth by Pass

  1. On the left sidebar, select the WP Ajax
  2. On the form you can select how much the ajax you need.
  3. Fill in the required fields such as ID, Admin Area (Priv/No Priv), Form Query, Sample WordPress API, and Post Type
  4. For the back-end display, you can add some widget option
  5. Then click the save button

Insert Style

Enqueue a CSS stylesheet

  1. On the left sidebar, select the Styles
  2. On the form you can select how much the css you need.
  3. Fill in the required fields such as ID, Source, Admin Area, Version, and Hooks
  4. Then click the save button

Insert Javascript

  1. On the left sidebar, select the Javascripts
  2. On the form you can select how much the javascript you need.
  3. Fill in the required fields such as ID, Source, Admin Area, Version, and Hooks
  4. The scripts that must be loaded before this script, please checked (default jQuery)
  5. Then click the save button

Create Admin Menu

This form will be create admin menu and admin page code

  1. On the left sidebar, select the Admin Menu
  2. On the form you can select how much the admin menu you need.
  3. Fill in the required fields such as Name, Label, Icon, HTML Markup, Javascript and CSS
  4. Then click the save button

Create TinyMCE Plugin

  1. On the left sidebar, select the TinyMCE Plugin
  2. On the form you can select how much the TinyMCE Button you need.
  3. Fill in the required fields such as Button Name, Label, Icon and Sample Code
  4. Then click the save button