How to Register Widget in WordPress

Widget is most common use in WordPress especially in sidebar & footer.  Now I am going to describe how to register a widget in WordPress for WordPress theme.

A common function given below to register widget in WordPress theme.

function widget_function_name() {
    register_sidebar( array(
        'name' => __( '  ', '  ' ),
        'id' => '  ',
        'before_widget' => '  ',
        'after_widget' => '  ',
        'before_title' => '  ',
        'after_title' => '  ',
    ) );
}
add_action('widgets_init', 'widget_function_name');

In ‘name‘ given a widget name in quotation like  ‘name’ => __( ‘Left Sidebar‘, ‘rasel‘ ),

In ‘id‘ use a unique id for widget like  ‘id’ => ‘left_sidebar‘,

In before_widget use those tag which binding the widget like  ‘before_widget’ => ‘<div class=”single_sidebar”>‘,

In after_widget close those tag which use in before_widget like </div>

In before_title use a title tag h1, h2, h3.., h6 which show your widget title like ‘before_title’ => ‘<h2>’,

In after_title close those tag which use in before_title like ‘after_title’ => ‘</h2>’,

function rasel_widget_areas() {
    register_sidebar( array(
        'name' => __( 'Left Sidebar', 'rasel' ),
        'id' => 'left_sidebar',
        'before_widget' => '<div class="single_sidebar">',
        'after_widget' => '</div>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}
add_action('widgets_init', 'rasel_widget_areas');

Now need to call the register widget in HTML position write <?php dynamic_sidebar(‘here_is_id’);?>  like <?php dynamic_sidebar(‘left_sidebar’);?>

To check register widget go to your Dashboard> Appearance >widget there see a widget which name is left sidebar.