Complete tutorial for Widget Development in wordpress for beginners in 1 video | Widget Development
Online Web Tutor Online Web Tutor
25.3K subscribers
11,935 views
118

 Published On Jan 5, 2018

In this video session we have discussed about widget development in wordpress from scratch to its finished state.

#WordpressTutorialsPoint
#WordpressLearnersHub
#WordpressCustomizations
#LearnWordpressStepbyStep
#WordpressBySanjay

#WordpressTutorialsPoint
#WordpressLearnersHub
#WordpressCustomizations
#LearnWordpressStepbyStep
#WordpressBySanjay

Steps to make widget in wordpress:
About Widget:
WordPress widget is an easy-to-use way to add content and specific features into your website.
You just need to drag and drop the widget into any widgetized area like sidebar, footer or header
of your website and start using its functionality.

1. Make widget by your own plugin or just by updating functions.php file
2. You need to extend WP_Widget Class from wp-includes folder,

Have a look the steps to that,
========================================
To create a widget, you only need to extend the standard WP_Widget class and some of its functions.
That base class also contains information about the functions that must be extended to get a working widget.
The WP_Widget class is located in wp-includes/class-wp-widget.php.

the backbone for Widget Development
========================================
// The widget class
class My_Custom_Widget extends WP_Widget {

// Main constructor
public function __construct() {
/* ... */
}

// The widget form (for the backend )
public function form( $instance ) {
/* ... */
}

// Update widget settings
public function update( $new_instance, $old_instance ) {
/* ... */
}

// Display the widget
public function widget( $args, $instance ) {
/* ... */
}

}

// Register the widget
function my_register_custom_widget() {
register_widget( 'My_Custom_Widget' );
}
add_action( 'widgets_init', 'my_register_custom_widget' );

Important Points to know,
========================================
This code gives WordPress all the information the system needs to be able to use the widget:

The constructor, to initiate the widget
The form() function to create the widget form in the administration
The update() function, to save widget data during edition
And the widget() function to display the widget content on the front-end

SOCIAL :
===============
Subscribe :    / @onlinewebtutor  
FACEBOOK :   / onlinewebtutorhub  
TWITTER:   / owthub  
BLOG: https://onlinewebtutorhub.blogspot.in/

Also you can learn Wordpress Custom
===============
Wordpress Theme Development: https://goo.gl/MZ8maF

Wordpress Widget Development: https://goo.gl/Dc2htn

Wordpress Plugin Development: https://goo.gl/BA7dYG

Wordpress Theme Options Development: https://goo.gl/Vjv3Ub

Learn backbone.js here! : https://goo.gl/Qd2Pcs

Tags
===============
Crash course of widget development,
widget development in wordpress,
widget development in wordpress in 1 video,
complete tutorial for widget development in single vide,
complete idea about widget development in wordpress,
custom widget development in wordpress,
widget development tutorial for beginners,

Thanks
Online Web Tutor
Keep learning and Sharing :)

show more

Share/Embed