WordPress Widget Development Tutorial

In this video we'll see:

Wordpress Widget Development Beginner Tutorials Step by Step #2- Widget Class Overview & its Methods

#WordpressWidgetDevelopment
#wordpressCustomizations
#wordpressWidget
#widgetDevelopmentWordpress
#widgetTutorialWordpress

Plugin Declaration
=====================
/*
Plugin name: OWT WP Widget
Description: This is widget plugin which creates wp widget while activation
Author: Online Web Tutor
version: 1.0
*/

// custom widget class

class My_Widget extends WP_Widget{

public function __construct(){

parent::__construct();

add_action("widgets_init", function(){

register_widget("My_Widget");
});
}

// form method - this method is able to create admin panel layout for backend

// update method - this method is used to save/update data while we save data from widget to database

// widget method - this will provide a layout for frontend
}

$my_widget = new My_Widget();


SOCIAL :
===============
Subscribe : https://www.youtube.com/owthub
FACEBOOK : https://www.facebook.com/owthub
TWITTER: https://twitter.com/owthub
BLOG: https://onlinewebtutorhub.blogspot.in/
UDEMY: https://www.udemy.com/user/online-web-tutor

Other Tutorials
===============
Wordpress Customizations:
---------------------------------
Wordpress Theme (Hindi): https://goo.gl/MZ8maF
Wordpress Widget (Hindi): https://goo.gl/Dc2htn
Wordpress Plugin (English): https://goo.gl/BA7dYG
Wordpress Theme Options (English): https://goo.gl/Vjv3Ub
Wordpress JSON Rest API (English): https://goo.gl/SVQRQR
Wordpress JSON Rest API (Hindi): https://goo.gl/NNWfKa
and many more...

Javascript framework:
----------------------------------
Learn backbone.js here! (English) : https://goo.gl/Qd2Pcs
Learn Vue JS here ! (Hindi): https://goo.gl/MVtsmh

PHP Frameworks:
----------------------------------
Laravel tutorial (Hindi): https://goo.gl/Nh9qJk
CakePHP tutorial (Hindi): https://goo.gl/uRsS3G

Tags:
----------------------------------
widget development wordpress,
wordpress widget development from scratch,
wordpress widget development step by step,
widget development tutorials,
wordpress customizations,
learn wordpress widget development,
learn widget development in wordpress,
complete course of widget development in wordpress,
widget development course,
wordpress widget,
learn wordpress development,
widget development tutorials for beginners,


Thanks
Online Web Tutor
Keep learning and Sharing 🙂

In this video we'll see:

Wordpress Widget Development Beginner Tutorials Step by Step #3 - Widget Admin Layout (Form Method)

#WordpressWidgetDevelopment
#wordpressCustomizations
#wordpressWidget
#widgetDevelopmentWordpress
#widgetTutorialWordpress

Plugin Declaration
=====================
/*
Plugin name: OWT WP Widget
Description: This is widget plugin which creates wp widget while activation
Author: Online Web Tutor
version: 1.0
*/

// custom widget class

class My_Widget extends WP_Widget{

public function __construct(){

parent::__construct();

add_action("widgets_init", function(){

register_widget("My_Widget");
});
}

// form method - this method is able to create admin panel layout for backend

// update method - this method is used to save/update data while we save data from widget to database

// widget method - this will provide a layout for frontend
}

$my_widget = new My_Widget();


SOCIAL :
===============
Subscribe : https://www.youtube.com/owthub
FACEBOOK : https://www.facebook.com/owthub
TWITTER: https://twitter.com/owthub
BLOG: https://onlinewebtutorhub.blogspot.in/
UDEMY: https://www.udemy.com/user/online-web-tutor

Other Tutorials
===============
Wordpress Customizations:
---------------------------------
Wordpress Theme (Hindi): https://goo.gl/MZ8maF
Wordpress Widget (Hindi): https://goo.gl/Dc2htn
Wordpress Plugin (English): https://goo.gl/BA7dYG
Wordpress Theme Options (English): https://goo.gl/Vjv3Ub
Wordpress JSON Rest API (English): https://goo.gl/SVQRQR
Wordpress JSON Rest API (Hindi): https://goo.gl/NNWfKa
and many more...

Javascript framework:
----------------------------------
Learn backbone.js here! (English) : https://goo.gl/Qd2Pcs
Learn Vue JS here ! (Hindi): https://goo.gl/MVtsmh

PHP Frameworks:
----------------------------------
Laravel tutorial (Hindi): https://goo.gl/Nh9qJk
CakePHP tutorial (Hindi): https://goo.gl/uRsS3G

Tags:
----------------------------------
widget development wordpress,
wordpress widget development from scratch,
wordpress widget development step by step,
widget development tutorials,
wordpress customizations,
learn wordpress widget development,
learn widget development in wordpress,
complete course of widget development in wordpress,
widget development course,
wordpress widget,
learn wordpress development,
widget development tutorials for beginners,


Thanks
Online Web Tutor
Keep learning and Sharing 🙂

In this video we'll see:

Wordpress Widget Development Beginner Tutorials Step by Step #4 - Save Widget Data & Render to Form

#WordpressWidgetDevelopment
#wordpressCustomizations
#wordpressWidget
#widgetDevelopmentWordpress
#widgetTutorialWordpress

Plugin Declaration
=====================
/*
Plugin name: OWT WP Widget
Description: This is widget plugin which creates wp widget while activation
Author: Online Web Tutor
version: 1.0
*/

// custom widget class

class My_Widget extends WP_Widget{

public function __construct(){

parent::__construct();

add_action("widgets_init", function(){

register_widget("My_Widget");
});
}

// form method - this method is able to create admin panel layout for backend

// update method - this method is used to save/update data while we save data from widget to database

// widget method - this will provide a layout for frontend
}

$my_widget = new My_Widget();


SOCIAL :
===============
Subscribe : https://www.youtube.com/owthub
FACEBOOK : https://www.facebook.com/owthub
TWITTER: https://twitter.com/owthub
BLOG: https://onlinewebtutorhub.blogspot.in/
UDEMY: https://www.udemy.com/user/online-web-tutor

Other Tutorials
===============
Wordpress Customizations:
---------------------------------
Wordpress Theme (Hindi): https://goo.gl/MZ8maF
Wordpress Widget (Hindi): https://goo.gl/Dc2htn
Wordpress Plugin (English): https://goo.gl/BA7dYG
Wordpress Theme Options (English): https://goo.gl/Vjv3Ub
Wordpress JSON Rest API (English): https://goo.gl/SVQRQR
Wordpress JSON Rest API (Hindi): https://goo.gl/NNWfKa
and many more...

Javascript framework:
----------------------------------
Learn backbone.js here! (English) : https://goo.gl/Qd2Pcs
Learn Vue JS here ! (Hindi): https://goo.gl/MVtsmh

PHP Frameworks:
----------------------------------
Laravel tutorial (Hindi): https://goo.gl/Nh9qJk
CakePHP tutorial (Hindi): https://goo.gl/uRsS3G

Tags:
----------------------------------
widget development wordpress,
wordpress widget development from scratch,
wordpress widget development step by step,
widget development tutorials,
wordpress customizations,
learn wordpress widget development,
learn widget development in wordpress,
complete course of widget development in wordpress,
widget development course,
wordpress widget,
learn wordpress development,
widget development tutorials for beginners,


Thanks
Online Web Tutor
Keep learning and Sharing 🙂

In this video we'll see:

Wordpress Widget Development Beginner Tutorials Step by Step #5 - Render Widget Data to Frontend

#WordpressWidgetDevelopment
#wordpressCustomizations
#wordpressWidget
#widgetDevelopmentWordpress
#widgetTutorialWordpress

Plugin Declaration
=====================
/*
Plugin name: OWT WP Widget
Description: This is widget plugin which creates wp widget while activation
Author: Online Web Tutor
version: 1.0
*/

// custom widget class

class My_Widget extends WP_Widget{

public function __construct(){

parent::__construct();

add_action("widgets_init", function(){

register_widget("My_Widget");
});
}

// form method - this method is able to create admin panel layout for backend

// update method - this method is used to save/update data while we save data from widget to database

// widget method - this will provide a layout for frontend
}

$my_widget = new My_Widget();


SOCIAL :
===============
Subscribe : https://www.youtube.com/owthub
FACEBOOK : https://www.facebook.com/owthub
TWITTER: https://twitter.com/owthub
BLOG: https://onlinewebtutorhub.blogspot.in/
UDEMY: https://www.udemy.com/user/online-web-tutor

Other Tutorials
===============
Wordpress Customizations:
---------------------------------
Wordpress Theme (Hindi): https://goo.gl/MZ8maF
Wordpress Widget (Hindi): https://goo.gl/Dc2htn
Wordpress Plugin (English): https://goo.gl/BA7dYG
Wordpress Theme Options (English): https://goo.gl/Vjv3Ub
Wordpress JSON Rest API (English): https://goo.gl/SVQRQR
Wordpress JSON Rest API (Hindi): https://goo.gl/NNWfKa
and many more...

Javascript framework:
----------------------------------
Learn backbone.js here! (English) : https://goo.gl/Qd2Pcs
Learn Vue JS here ! (Hindi): https://goo.gl/MVtsmh

PHP Frameworks:
----------------------------------
Laravel tutorial (Hindi): https://goo.gl/Nh9qJk
CakePHP tutorial (Hindi): https://goo.gl/uRsS3G

Tags:
----------------------------------
widget development wordpress,
wordpress widget development from scratch,
wordpress widget development step by step,
widget development tutorials,
wordpress customizations,
learn wordpress widget development,
learn widget development in wordpress,
complete course of widget development in wordpress,
widget development course,
wordpress widget,
learn wordpress development,
widget development tutorials for beginners,


Thanks
Online Web Tutor
Keep learning and Sharing 🙂

In this video we'll see:

Wordpress Widget Development Beginner Tutorials Step by Step #6 - COVID19 Wordpress Widget Setup

#WordpressWidgetDevelopment
#wordpressCustomizations
#wordpressWidget
#widgetDevelopmentWordpress
#widgetTutorialWordpress

COIVD19 - Corona Virus Diseases 2019


Plugin Declaration
=====================
/*
Plugin name: OWT COVID19 Widget
Description: This plugin will creates a widget which provides the stats of COVID19.
Author: Online Web Tutor
Version: 1.0
*/

class OWT_COVID19_Widget extends WP_Widget{

public function __construct(){

parent::__construct("covid-19-widget", "OWT COVID19");

add_action("widgets_init", function(){

register_widget("OWT_COVID19_Widget");
});
}

public function form($instance){

// admin layout
}

public function update($new_instance, $old_instance){

// save data to database
}

public function widget($args, $instance){

}

public function get_covid19_data(){

$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, 'https://api.covid19api.com/summary');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

$result = curl_exec($ch);
if (curl_errno($ch)) {
echo 'Error:' . curl_error($ch);
}
curl_close ($ch);
}
}


$owt_covid19_widget = new OWT_COVID19_Widget();


SOCIAL :
===============
Subscribe : https://www.youtube.com/owthub
FACEBOOK : https://www.facebook.com/owthub
TWITTER: https://twitter.com/owthub
BLOG: https://onlinewebtutorhub.blogspot.in/
UDEMY: https://www.udemy.com/user/online-web-tutor

Other Tutorials
===============
Wordpress Customizations:
---------------------------------
Wordpress Theme (Hindi): https://goo.gl/MZ8maF
Wordpress Widget (Hindi): https://goo.gl/Dc2htn
Wordpress Plugin (English): https://goo.gl/BA7dYG
Wordpress Theme Options (English): https://goo.gl/Vjv3Ub
Wordpress JSON Rest API (English): https://goo.gl/SVQRQR
Wordpress JSON Rest API (Hindi): https://goo.gl/NNWfKa
and many more...

Javascript framework:
----------------------------------
Learn backbone.js here! (English) : https://goo.gl/Qd2Pcs
Learn Vue JS here ! (Hindi): https://goo.gl/MVtsmh

PHP Frameworks:
----------------------------------
Laravel tutorial (Hindi): https://goo.gl/Nh9qJk
CakePHP tutorial (Hindi): https://goo.gl/uRsS3G

Tags:
----------------------------------
widget development wordpress,
wordpress widget development from scratch,
wordpress widget development step by step,
widget development tutorials,
wordpress customizations,
learn wordpress widget development,
learn widget development in wordpress,
complete course of widget development in wordpress,
widget development course,
wordpress widget,
learn wordpress development,
widget development tutorials for beginners,
covid19 wordpress widget development,


Thanks
Online Web Tutor
Keep learning and Sharing 🙂

In this video we'll see:

Wordpress Widget Development Beginner Tutorials Step by Step #7 - Layout & Data Setup of COVID19 App

COIVD19 - Corona Virus Diseases 2019

#WordpressWidgetDevelopment
#wordpressCustomizations
#wordpressWidget
#widgetDevelopmentWordpress
#widgetTutorialWordpress


Plugin Declaration
=====================
/*
Plugin name: OWT COVID19 Widget
Description: This plugin will creates a widget which provides the stats of COVID19.
Author: Online Web Tutor
Version: 1.0
*/

class OWT_COVID19_Widget extends WP_Widget{

public function __construct(){

parent::__construct("covid-19-widget", "OWT COVID19");

add_action("widgets_init", function(){

register_widget("OWT_COVID19_Widget");
});
}

public function form($instance){

// admin layout
}

public function update($new_instance, $old_instance){

// save data to database
}

public function widget($args, $instance){

}

public function get_covid19_data(){

$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, 'https://api.covid19api.com/summary');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

$result = curl_exec($ch);
if (curl_errno($ch)) {
echo 'Error:' . curl_error($ch);
}
curl_close ($ch);
}
}


$owt_covid19_widget = new OWT_COVID19_Widget();


SOCIAL :
===============
Subscribe : https://www.youtube.com/owthub
FACEBOOK : https://www.facebook.com/owthub
TWITTER: https://twitter.com/owthub
BLOG: https://onlinewebtutorhub.blogspot.in/
UDEMY: https://www.udemy.com/user/online-web-tutor

Other Tutorials
===============
Wordpress Customizations:
---------------------------------
Wordpress Theme (Hindi): https://goo.gl/MZ8maF
Wordpress Widget (Hindi): https://goo.gl/Dc2htn
Wordpress Plugin (English): https://goo.gl/BA7dYG
Wordpress Theme Options (English): https://goo.gl/Vjv3Ub
Wordpress JSON Rest API (English): https://goo.gl/SVQRQR
Wordpress JSON Rest API (Hindi): https://goo.gl/NNWfKa
and many more...

Javascript framework:
----------------------------------
Learn backbone.js here! (English) : https://goo.gl/Qd2Pcs
Learn Vue JS here ! (Hindi): https://goo.gl/MVtsmh

PHP Frameworks:
----------------------------------
Laravel tutorial (Hindi): https://goo.gl/Nh9qJk
CakePHP tutorial (Hindi): https://goo.gl/uRsS3G

Tags:
----------------------------------
widget development wordpress,
wordpress widget development from scratch,
wordpress widget development step by step,
widget development tutorials,
wordpress customizations,
learn wordpress widget development,
learn widget development in wordpress,
complete course of widget development in wordpress,
widget development course,
wordpress widget,
learn wordpress development,
widget development tutorials for beginners,
covid19 wordpress widget development,


Thanks
Online Web Tutor
Keep learning and Sharing 🙂

In this video we'll see:

Wordpress Widget Development Beginner Tutorials Step by Step #8 - Display COVID19 Stats to Frontend

COIVD19 - Corona Virus Diseases 2019


Plugin Declaration
=====================
/*
Plugin name: OWT COVID19 Widget
Description: This plugin will creates a widget which provides the stats of COVID19.
Author: Online Web Tutor
Version: 1.0
*/

class OWT_COVID19_Widget extends WP_Widget{

public function __construct(){

parent::__construct("covid-19-widget", "OWT COVID19");

add_action("widgets_init", function(){

register_widget("OWT_COVID19_Widget");
});
}

public function form($instance){

// admin layout
}

public function update($new_instance, $old_instance){

// save data to database
}

public function widget($args, $instance){

}

public function get_covid19_data(){

$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, 'https://api.covid19api.com/summary');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

$result = curl_exec($ch);
if (curl_errno($ch)) {
echo 'Error:' . curl_error($ch);
}
curl_close ($ch);
}
}


$owt_covid19_widget = new OWT_COVID19_Widget();


SOCIAL :
===============
Subscribe : https://www.youtube.com/owthub
FACEBOOK : https://www.facebook.com/owthub
TWITTER: https://twitter.com/owthub
BLOG: https://onlinewebtutorhub.blogspot.in/
UDEMY: https://www.udemy.com/user/online-web-tutor

Other Tutorials
===============
Wordpress Customizations:
---------------------------------
Wordpress Theme (Hindi): https://goo.gl/MZ8maF
Wordpress Widget (Hindi): https://goo.gl/Dc2htn
Wordpress Plugin (English): https://goo.gl/BA7dYG
Wordpress Theme Options (English): https://goo.gl/Vjv3Ub
Wordpress JSON Rest API (English): https://goo.gl/SVQRQR
Wordpress JSON Rest API (Hindi): https://goo.gl/NNWfKa
and many more...

Javascript framework:
----------------------------------
Learn backbone.js here! (English) : https://goo.gl/Qd2Pcs
Learn Vue JS here ! (Hindi): https://goo.gl/MVtsmh

PHP Frameworks:
----------------------------------
Laravel tutorial (Hindi): https://goo.gl/Nh9qJk
CakePHP tutorial (Hindi): https://goo.gl/uRsS3G

Tags:
----------------------------------
widget development wordpress,
wordpress widget development from scratch,
wordpress widget development step by step,
widget development tutorials,
wordpress customizations,
learn wordpress widget development,
learn widget development in wordpress,
complete course of widget development in wordpress,
widget development course,
wordpress widget,
learn wordpress development,
widget development tutorials for beginners,
covid19 wordpress widget development,


Thanks
Online Web Tutor
Keep learning and Sharing 🙂

In this video we'll see:

Wordpress Widget Development Beginner Tutorials Step by Step #9 -Using Wordpress functions in Widget

#WordpressWidgetDevelopment
#wordpressCustomizations
#wordpressWidget
#widgetDevelopmentWordpress
#widgetTutorialWordpress

SOCIAL :
===============
Subscribe : https://www.youtube.com/owthub
FACEBOOK : https://www.facebook.com/owthub
TWITTER: https://twitter.com/owthub
BLOG: https://onlinewebtutorhub.blogspot.in/
UDEMY: https://www.udemy.com/user/online-web-tutor

Other Tutorials
===============
Wordpress Customizations:
---------------------------------
Wordpress Theme (Hindi): https://goo.gl/MZ8maF
Wordpress Widget (Hindi): https://goo.gl/Dc2htn
Wordpress Plugin (English): https://goo.gl/BA7dYG
Wordpress Theme Options (English): https://goo.gl/Vjv3Ub
Wordpress JSON Rest API (English): https://goo.gl/SVQRQR
Wordpress JSON Rest API (Hindi): https://goo.gl/NNWfKa
and many more...

Javascript framework:
----------------------------------
Learn backbone.js here! (English) : https://goo.gl/Qd2Pcs
Learn Vue JS here ! (Hindi): https://goo.gl/MVtsmh

PHP Frameworks:
----------------------------------
Laravel tutorial (Hindi): https://goo.gl/Nh9qJk
CakePHP tutorial (Hindi): https://goo.gl/uRsS3G

Tags:
----------------------------------
widget development wordpress,
wordpress widget development from scratch,
wordpress widget development step by step,
widget development tutorials,
wordpress customizations,
learn wordpress widget development,
learn widget development in wordpress,
complete course of widget development in wordpress,
widget development course,
wordpress widget,
learn wordpress development,
widget development tutorials for beginners,
covid19 wordpress widget development,


Thanks
Online Web Tutor
Keep learning and Sharing 🙂