Morning, we all use wordpress and sometimes we imagine how to have a widget that does a particular function and is styled in a particular way either using LESS or SASS or Normal CSS.

This morning, i want to share how you can create your own custom wordpress widget, though writing wordpress widget is OOP based, that is its Object Oriented Programming because we will use the PHP OOP keyword "Extends" to extend the "WP_Widget" class so we can have access to all of its methods and properties. for this tutorial to make more sense to you, i will suggest if you don't know anything about OOP, you can search for "PHP OOP" on google.

Just stick with me here and you will get something new learnt today,

First is that we will have to stub out our widget, from header definition to the class instanciaition ,

so we start:

go to your wordpress plugins folder, create a new folder and call it "nairaland widget" then create a file called "index.php" and paste the code below:, after that go to your dashboard->plugins and activate it. then go to appearance-> widgtes , you should see it listed out. you can then drag and drop it in any sidebar you want and save it.

<?php
/**
*Plugin Name: Nairaland Widget
*Plugin URI: https://www.nairaland.com/nairaland_widget
*Author: Seun
*Author URI: http://www.seunosewa.com/
*version: 1.0
*Description: This plugin demonstrates how to build a wordpress widget from scratch
*License: GPL2 OR LATTER *because wordpress is GPL
*/

//Now we will then lay out the structure:

class Nairaland_Widget extends WP_Widget{

//function that is run when we instantiate the class

function __construct(){


}

//the function that displays the form in the backend

function form ($instance){


}

//function that will update values passed into the from and compare both to save the new values
function update($new_instance , $old_instance){


}

//function that displays the widget on the frontend of the website

function widget($args, $instance ){


}




}

?>

In next class, we will start the actual coding and building of the wordpress widget plugin.

like to show interest so i can start the second part to know if people are interested.

Many thanks.

for coaching on web design and development, comment below.

Give me more.....

@OP , no matter how cool you act. You are who everybody thinks you are.
well, following you like magnet.. But this your thread, you sure say no be copy and paste? lol

5moky:
@OP , no matter how cool you act. You are who everybody thinks you are.
well, following you like magnet.. But this your thread, you sure say no be copy and paste? lol

@smoky, verify case before you start saying stuff.

what do they think i am?

I don't understand.

@kinzation, next class soonest.