Tag: Webdesign

There is no question WordPress is the most popular Content Management System, in the world of CMS possibly because of it’s simplistic and the free blog platform wordpress.com and support for several features; theming, plugins, widgets, media management and more being the most notable. I personally love SEO support that it comes with out of box.

Actually wordpress.org has ove 40,000 plugins and more are coming in. So why do I teach someone who to make a plugin? Simply because you may have an idea that is not yet executed though it could be useful to you and other WordPress users. So if you read this short tutorial and other parts, you will be able to do that whenever you want.
Tip: WordPress plugins can be monetized hence make some income for you.

Prerequisite knowledge you should have/know.

It’s important to check yourself for the technologies below.

• HTML, CSS & PHP knowledge (Must)
• Javascript/Jquery/Angular knowledge is a plus
• A text editor such as Notepad++, Brackets & Sublime, etc.
• A fully working WordPress installation, running on a local/private server. Testing on local(development) set up, is recommended in order not harm the website the visitors are viewing.

Step 1. In a folder of your choice, create a main PHP file of your plugin and name it. e.g my_plugin.php
For preview purposes, I suggest to create a folder, residing in the WordPress plugin folder.
Which is located at /wordpress_install_folder/wp-content/plugins
If you have xampp installed on your development machine, you have this folder in the path; c:/xampp/htdocs/wordpress_install_folder/wp-content/plugins
Step 2: Add plugin code to the file

a.Tell WordPress about your Plugin

A WordPress plugin begins with code that describes the plugin, they code is so helpful for installation, uninstall and management of the plugin. It also makes extending the plugin or updating it’s code easier. Such details include:- Plugin Name, Description, Tags, Author, Version, Author URI and etc. As a general rule of thumb this code goes at the start of the file, enclosed in comments.
Example:
/*
Plugin Name: My Plugin
Author: awebdesigner
Author URI: http://fictiontoactual.wordpress.com
Description: My Plugin is a cool plugin and it will print the date at the footer of website. For illustration purposes.
Version: 0.0.1
*/
b. Add code to do the real thing
add_action(‘wp_footer’,’print_date’);
function print_date(){
echo date(‘Y’);
}
Step 3: Compress and upload to server.
Let see it in action. Compress the plugin and upload it to your site.
Notice: Since WordPress is coded using PHP, it’s plugins supports everything PHP supports, includes, services, MYSQL etc. Don’t limit yourself.
What’s next? Improving the functionality of our WordPress Plugin by adding to the Admin Menu, integrating a form which saves something and display to the users.