• Local computer or localhost (Share hosting/vps/nginx not recommended)
• Apache Server (XAMPP, WAMP or MAMP), Servers that use virtual machines cannot be used, such as xampp-osx-xxxx-vm.dmg will not work.
• PHP >= 5.5.6 or latest support: zlib Extension, ZipArchive Class and PHP-GD
• WordPress has been installed correctly
• Zip Software
• Disk free space >= 1000mb

The way to install it is the same as the general website, but you don't need to install mysql/database.

1. Download iWP-Dev Toolz v2 from codecanyon.net and WordPress CMS from wordpress.org
2. Extract/Unzip iWP-Dev Toolz Files and copy/upload iWP-Dev Toolz to your server
3. Also install wordpress on your server, it must be in the wp-test folder
4. Then activate iwpdevtoolz.
5. done!

Last update: 2022-10-25 04:57:22

STEP 1 - Download iWP-Dev Toolz v2

You can download that file by logging into https://codecanyon.net/downloads and clicking the Downloads Tab

1. All files and Documentation
2. License Certificate & Purchase Code (Text)

STEP 2 - Download WordPress CMS

To download Wordpress CMS, you should download it from the official website, namely: https://wordpress.org/download/

STEP 3 - Extract/Unzip iWP-Dev Toolz Files

Please extract your iWP-Dev Toolz v2 file (rev21.xx.xx.zip) using winrar/winzip/7zip/tar and copy it into your webroot folder, example: d:/xampp/htdocs/iwpdev

STEP 4 - Changing Permission Files/Folders

Window Users

1. In Windows Explorer, right-click iwpdev folder and choose Properties from the context menu. The Properties dialog box appears
2. Click the General tab
3. Unchecked Readonly
4. Then click OK button

Linux/OSx Users

Linux and macOS users are advised to change permissions using chmod via the Terminal/SSH

$ sudo su
$ cd cd /Applications/XAMPP/xamppfiles/htdocs
$ chmod -R 777 *

STEP 5 - Setup Configuration

After successfully extracting and changing the file permissions, then you can configure it via the browser. Open http://localhost/iwpdev, for the first time you will be directed to the Setup configuration page and please enter the requested data.

Check the system requirements, if all support you can click the Next button

On Setup configuration tab you are asked to enter Your Purchase code and Email address, you can find it in the xxxxx-license.txt file

Here you are also asked to install WordPress CMS for Live Test in the wp-test folder, please install your WordPress there.

When finished, please click the Save Changes button, if everything is correct the Next button will appear.

Then you click the Get Activation button, wait until you get the activation code, then click Save Changes button and click Finish/Next button

It is not recommended that you install it on a public server, because this tool is a php code generator, so we recommend using sandbox hosting. Because this will be very dangerous for the security of your server and will also make it difficult for you to edit the code and images for your plugin. Preferably work on a local machine eq: Windows, MacOs or Linux Desktop.

1. The first step is to download iWP-DevToolz from the codecanyon website (https://codecanyon.net/downloads). You need two files, namely:
   • All files & documentation (codecanyon-xxx.zip)
   • License certificate & purchase code (text) (xxx-license.txt)
2. Then extract the zip file (codecanyon-xxx.zip), you will get two zip files, namely: Documents (documents.zip) and iWP-DevToolz installation file (rev2x.xx.xx.zip).
   
3. The next step is to log in to your web hosting cPanel account.
4. Once you are logged in, navigate to File Section and open the File Manager.
   
5. Open the public_html folder and click on the Upload option on the cPanel menu bar.
   
6. This will open a new tab where you can choose the iWP-DevToolz installation file (rev2x.xx.xx.zip) from your local computer. Once the upload process is complete, go back to the public_html directory.
   
7. The next step is to extract the zip file you have just uploaded. Right-click on the zip file and choose Extract.
8. A popup will appear where you need to confirm the location to extract the Zip file.
   
9. The files will be extracted and a new popup appears showing the extraction results. Once you have checked the extraction results, click on the Close button.
10. All the files will be stored in the rev2x.xx.xx folder
11. Right-click on the rev2x.xx.xx folder and choose Change Permissions
    .
12. A popup will appear where you need to set the folder permissions to read, write and execute (777).
    
13. Run the iTakeDown Toolz installation script by accessing the URL in a web browser. This should be the URL where you uploaded the iTakeDown Toolz files.
    • If you installed iTakeDown Toolz in the root directory, you should visit: http://example.com/
    • If you installed iTakeDown Toolz in its own subdirectory, for example: rev2x.xx.xx, you should visit: http://example.com/rev2x.xx.xx/
    
    
14. For the first time, if you visit that URL, it'll redirect you to setup.php page. Then check that all of the system requirements are met.
    
15. Check the system requirements, if all support you can click the Next button
16. On Setup configuration tab you are asked to enter Your Purchase code and Email address, you can find it in the xxxxx-license.txt file
17. Here you are also asked to install WordPress CMS for Live Test in the wp-test folder, please install your WordPress there.
18. When finished, please click the Save Changes button, if everything is correct the Next button will appear.
19. Then you click the Get Activation button, wait until you get the activation code, then click Save Changes button and click Finish/Next button

1. Backup the project by copying the `projects` folder to another folder, skip this step if you don't have a project yet.
2. Go to http://localhost/iwpdev/ or click Unregister
   
3. Then Download latest version (24.03.x or latest) from https://codecanyon.net/downloads
4. Extract the obtained Zip file, or overwrite it to update the old iWP-DevToolz
5. Then reactivate your iWP-DevToolz.

1. Go to Widgets Page
2. In add the desired options, like I want to add options for colors.
   Then Click Save Changes button
3. Then migrate to Custom Code mode, by changing the options: Type Generator : Custom Code and
   Then Click Save Changes button
4. Sample code will appear in the Instructions box, you can use the code for your custom code
   
5. For example, I want to use it as the text color for the widget.
   

To create a new plugin, you need to follow these four steps:

1. Create a New Project
2. Activate The Project
3. Generate Readme Text
4. Test The Project

STEP 1: CREATE A NEW PROJECT

Goto Project page by clicking Projects menu on side menu, then we click Get Started in the Add Project box.

You will be directed to the project page and please enter the required data

General Box

Author Box

Others Box

STEP 2: ACTIVATE THE PROJECT

Once the project is saved, you must activate the newly created project. by clicking the Active button.

STEP 3: GENERATE README TEXT

Next you have to create a README file, this file is useful if you publish your plugin to the official wordpress site. Click the ReadMe menu on the side menu, you will be asked to fill out the forms provided or let it use the default data.

General Box

Required Box

Screenshot Box

Screenshots fields are written with alternative text or image captions

STEP 4: TEST THE PROJECT

You need to login to WordPress Live Test and go to the WordPress Dashboard, then click the plugins menu then Installed Plugins. If your plugin appears and tries to Activate, if successful it means you've successfully created a basic plugin.

STEP 1: GENERATE IMAGE SIZES CODE

Goto Image Size page by clicking Image Sizes menu on side menu, after that click Add New Image Size button. Then complete the fields provided and Click Save Changes Button.

General Box

STEP 2: TEST THE PROJECT

Login to WordPress Dashboard and try to create a new post. Write the content, by adding blocks and selecting images and uploading images. Once the image is uploaded, click the image and see the image properties on the right. the image size you created should appear in the image size option.

STEP 1: GENERATE ROLE CODES

Roles is a role concept to give site owners the ability to control what users can and cannot do. Under the Image Sizes menu, there is the Roles menu, click Roles menu then click Add New Roles button, then the Roles page will appear, please complete the fields provided and Click Save Changes button

General Box

You can select Capabilities manually as well

STEP 2: TEST THE PROJECT

1. Login to your WordPress Dashboard and go to Plugins Menu then click Installed Plugins, please deactivate your plugin and activate your plugin again.

   Attention! This step is very important
   
   

2. After that go to Users Menu then click Add New. The Add New User page appears, the roles you created should already be in the Role option.

   
   

Taxonomies is a way of grouping posts together based on a select number of relationships

STEP 1: GENERATE TAXONOMIES CODES

How to add taxonomies is very easy, click the Taxonomies menu on sidemenu, then click Custom Taxonomies. The Taxonomies page will appear, then click the Add New Taxonomies button. Complete the fields provided, then click the Save Changes button.

Information fields that must be filled are as follows:

General Box

Options Box

Default Term

The values in this box are used if the user has not entered the field.

Custom Capabilities Box

If you want to use Custom User Roles please check Enable Custom Capabilities and select the desired role.

Labels Box

STEP 2: TEST THE PROJECT

1. Previously, you could change these settings so it's easy to check: Add to Post Types? = Post and Options: Show UI and Show In Menu = ON
   
2. Login to your WordPress Dashboard and The taxonomies that you created should already be in the Post menu
   

Sometimes You need additional fields in the category or taxonomies such as adding an image for the category, You can create it with the extra fields feature.

STEP 1: GENERATE EXTRA-FIELDS CODE

To create extra-fields code go to the Taxonomies menu then click Extra Fields, The extra-field page will appear then click Add New Extra-Fields button, and complete the requested data then click Save Changes button.

Information fields that must be filled are as follows:

General Box

Extra Fields Box

You can create fields or form-input on the fields in this Extra-Fields box

Custom Code Box

This field is used to modify code generated automatically. Don't make changes if you are not experienced in PHP programming

STEP 2: CUSTOM CODE

To use this feature you must change the General Settings: Type Generator = Custom Code and Copy To Custom Code = OFF, after the settings are changed, you can edit the code in Custom Code Box

STEP 3: TEST THE PROJECT

1. You could change General Settings so it's easy to check: Add to Taxonomies? = Category
   
2. Login to your WordPress Dashboard and The fields that you created should already be in the Categories menu
   

STEP 1: GENERATE CUSTOM-POSTS CODE

Go to Custom Posts page by clicking Posts menu on side menu then click Custom Posts menu, after that click Add New Custom Post button. Then complete the fields provided and Click Save Changes Button.

Information fields that must be filled are as follows:

General Box

Options Box

Custom Capabilities Box

By default custom post uses Capabilities: POST. But if you want to use Custom Roles/Capabilities, check Enable Custom Capabilities and choose the user roles that you want.

Labels Box

Labels are text that will appear on the wordpress dashboard

STEP 2: TEST THE PROJECT

1. Previously, you could change these options so it's easy to check: Show UI and Show In Menu = ON
   
2. Login to your WordPress Dashboard and go to Settings menu and click Permalinks then click Save Changes (Just click save without any changes)
   
3. Done, the custom posts should already be there.
   

Custom fields, also referred to as post meta, is a feature in WordPress which allows users to add additional information when writing a post

STEP 1: GENERATE CUSTOM-FIELDS CODES

To add fields to a post, you can create it as follows: click the Posts menu on sidemenu, then click Meta Boxes. The Meta Boxes page will appear, then click the Add New Meta Boxes button. Complete the fields provided, then click the Save Changes button.

Information fields that must be filled are as follows:

General Box

Screen Box

You can limit where the metabox will be displayed by checking the post name in this feature

Custom Fields Box

By using this feature, you don't need to write coding to create a field (form input) on the post page, you can write a name, label or input type.

Custom Code Box

The generated code will appear here, You can edit it if needed.

STEP 2: CUSTOM CODE

To use this feature you must change the General Settings: Type Generator = Custom Code and Copy To Custom Code = OFF, after the settings are changed, you can edit the code in Custom Code Box

STEP 3: TEST THE PROJECT

1. In order to make it easier to check using the default Posts Type, please change the Screen box settings for a while by checking the post
2. Login to your WordPress Dashboard and Go to Posts menu then click Add New, the fields should already be there.

If you want to insert a javascript file into WordPress, you must use Enqueue Scripts function and are not allowed to insert code directly into the HTML Tag.

STEP 1: GENERATE ENQUEUE SCRIPTS CODES

Go to Enqueue Scripts page by clicking Enqueue then Scripts menu on side menu, then we click Add New Scripts button

After that, complete the form provided and press the Save Changes button.

General Box

Dependencies Box

Please tick the libraries used for the code dependencies you are using, eg: jQuery

Hook Suffix Box

Restrict script from being executed on other pages.

STEP 2: TEST THE PROJECT

1. Write the code below and save it in the folder: yourplugin/assets/js/test.js

   (function($){
     alert("Hello world!");      
   })(jQuery);        
   

   
   
   
2. In order to make it easier to check, change general settings: Source = assets/js/test.js and Interface = Back-End and Dependencies = jquery
   
   
3. Login to your WordPress Dashboard and the alert message should appear on your dashboard.
   
   
4. If the code doesn't work, either try clearing the cache or running the browser in private mode

Just like javascripts, you must use Enqueue Styles to insert styles or css files into your WordPress

STEP 1: GENERATE ENQUEUE STYLES CODES

How to make the code is very easy, go to the Enqueue and Styles menu and click the Add New Enqueue Styles button, then complete the form provided and click Save Changes button

General Box

Dependencies Box

Dependencies for these styles, this is necessary so that the code is executed after the dependencies have been processed.

Hook Suffix Box

So that using styles does not affect other pages, you can use this feature.

STEP 2: TEST THE PROJECT

1. for testing we set the icon color on the navigation menu, write the code below and save it in the folder: yourplugin/assets/css/test.css

   .wp-menu-image::before{color: red !important;}

   
   
   
2. In order to make it easier to check, change General settings: Source = assets/css/test.css and Interface = Back-End
   
   
3. Login to your WordPress Dashboard and the icon on the navigation menu should be red.
   
   
4. If the code doesn't work, either try clearing the cache or running the browser in private mode

In WordPress, widgets are blocks of content that you can add to your site's sidebars, footers, and other area.

STEP 1: GENERATE WIDGETS CODES

Widgets can be made by going to the Appearance menu then clicking the Widgets, The widgets page will appear, then click the Add New Widget button. Complete the form provided then click Save Changes button.

The following are the forms that must be filled out:

General Box

Front-end Widget Box

In this feature you can add scripts to your widget, you just need to tick Javascript File or CSS Style File. And as well as the sample code needed to create your widget, you just need to add what code samples you need. code will be generated to your widget.

Widget Options Box

You can also make options for your widget such as color options, number and others

Custom Code Box

This field is used to modify code generated automatically

STEP 2: CUSTOM CODE

To use this feature you must change the General Settings: Type Generator = Custom Code and Copy To Custom Code = OFF, after the settings are changed, you can edit the code in Custom Code Box

STEP 3: TEST THE PROJECT

1. Login to your WordPress Dashboard, go to the Appearance menu, and select Widgets. You should see a widget named your widget in the Available Widgets list
2. Next, drag the widget and drop it in the Sidebar section on the right side of the page
3. Save your changes and visit your website



Last update: 2021-04-25 05:24:54

By using this feature you can easily create options for your plugins, You can make options like: date, number, color, range, telp etc

STEP 1: GENERATE PLUGIN-OPTION CODES

To create plugin option code go to the Plugin Options menu, The Plugin Options page will appear then click Add New Plugin Options button, and complete the requested data then click Save Changes button.

General Box

Field Options Box

The contents of this box are the input forms for plugin options

Custom Codes Box

This field is used to modify code generated automatically

STEP 2: CUSTOM CODE

To use this feature you must change the General Settings: Type Generator = Custom Code and Copy To Custom Code = OFF, after the settings are changed, you can edit the code in Custom Code Box

STEP 3: TEST THE PROJECT

Login to WordPress Dashboard and the options page should already be there (The Top Level Menu) or you can see menu on Settings menu

Sometimes, we need to modify the layout for the post, this can be done using the following methods:

STEP 1: GENERATE CONTENT CODES

To change layout post go to the Appearance menu then click Content, The content page will appear then click Add New Content button, and complete the requested data then click Save Changes button.

Information fields that must be filled are as follows:

General Box

Front-end Content Box

In this feature you can add scripts to your content layout, you just need to tick Javascript File or CSS Style File. And as well as the sample code needed to create your content layout, you just need to add what code samples you need. code will be generated to your content layout.

Custom Code Box

This field is used to modify code generated automatically

STEP 2: CUSTOM CODE

To use this feature you must change the General Settings: Type Generator = Custom Code and Copy To Custom Code = OFF, after the settings are changed, you can edit the code in Custom Code Box

STEP 3: TEST THE PROJECT

To test the project, please go to the post page on your WordPress.

Short codes that are used to change content formatting or add features to web pages and TinyMCE plugin makes it more user friendly.

STEP 1: GENERATE SHORT-CODE CODES

Go to the Posts menu then clicking the Short Codes, The Short Code page will appear, then click the Add New Short Code button. Complete the form provided then click Save Changes button.

General Box

Front-end Shortcodes Box

You can add scripts to your short-code, you just need to tick Javascript File or CSS Style File. and the same goes for the shortcode replacement code (content render), you just need to add what code samples you need. Sample code will be generated automatically .

Attributes Box

You can make attributes for your short-code such as color options, number and others, example: [myshortcode color="#ddd"][/myshortcode]

Custom Code Box

This field is used to modify code generated automatically

STEP 2: CUSTOM CODE

To use this feature you must change the General Settings: Type Generator = Custom Code and Copy To Custom Code = OFF, after the settings are changed, you can edit the code in Custom Code Box

STEP 3: TEST THE PROJECT

1. Login to your WordPress Dashboard, go to the Posts menu, and Add New
2. Next, Go to your Editor field, then click Add Block Then Blocks next click Text select Classic
3. Publish your posts and visit your website



Last update: 2021-04-26 12:31:14

STEP 1: GENERATE ADMIN-BAR CODES

General Box

STEP 2: TEST THE PROJECT

Login to your WordPress Dashboard and The admin bars that you created should already be in the top menu.

For information about REST-API, you can go to REST-API on side menu.

To activate rest-api, please follow the instructions below:

Posts

Go to Posts then click Custom Posts menu, then edit your custom Posts, then this option: Show In REST-API = ON

Taxonomies

Go to Taxonomies then click Custom Taxonomies menu, then edit your custom taxonomies, then this option: Show In REST-API = ON

WXR File is a sample data that you can import into your wordpress, this sample data has been made according to the project you are working on now.

1. Go to WXR File menu, then click Download button
   
   
2. Log in to your WordPress Dashboard, Go to Tools then click Import
3. Select WordPress and Install Now
   
   
4. Click Run Importer
5. Upload the dummy.xml file
6. Click on Upload File and Import
7. Select the User and checked on Download and import file attachments
8. Click on Submit button and wait until all the data imported

The low-down! The nuts and bolts of this license

• 1. This license grants you, the purchaser, an ongoing, non-exclusive, non-transferable, worldwide license to make use of the digital Tool or App you have selected. Read the rest of this license for the details that apply to your use of the Tool or App, as well as the FAQs (which form part of this license).

• 2. This license is for one copy (one seat, or one usage at any one time) of the Tool or App, installed on up to 2 of your computers.

Go for it! Things you can do with the Tool or App

• 3. You can use a Tool to create an unlimited number of different End Products. You can use an App for its intended application. Both using a Tool and an App is conditional upon there only ever being one concurrent use of the item by you, the original purchaser.

• 4. You can sell End Products created using a Tool, to any number of people. As explained further on, the End Products must not contain the Tool or App itself.

Whoa there! Things you can’t do with the Tool or App

• 5. You can’t re-distribute a Tool or App (this includes no public distribution, display or performance). You also can’t modify or make derivatives of a Tool or App.

  For example: You purchase a PSD brush; you can’t give the brush file to a friend.
  The Tool or App is licensed to you ‘as is’ and is a complete item that cannot be modified.

• 6. You can’t incorporate or distribute the Tool or the App with an End Product. But you may link the users of the End Product to where they can directly license the Tool or App.

  For example: You license a font and use it in a poster template. You can’t include the font in the poster template download, but you can link buyers of the template to the font.

The nitty gritty! Other license terms

• 7. This license applies in conjunction with the Envato Market Terms for your use of Envato Market. If there is an inconsistency between this license and the Envato Market Terms, this license will apply to the extent necessary to resolve the inconsistency.

• 8. This license can be terminated if you breach it. If that happens, you must stop using the Tool or App and delete it from your computers.

• 9. The author of the Tool or App retains ownership of the item but grants you the license on these terms. This license is between the author and you. Envato Pty Ltd is not a party to this license or the one giving you the license.

Definitions