Cheap and Reliable Hosting :: How to Create Widget using WordPress 4.1

IHostAzure.com | Cheap and Reliable WordPress 4.1 Hosting . Hello All today we will learn about how to create widget using wordpress, ok let me to show you now.

ahp banner wordpress-01

Widget is a small block that performs a specific function. You can add widgets in sidebars also known as widget areas on your web page. Widgets is easy to install and the list of widget available widgets and widget areas by going to the Appearance » Widgets

Default widgets including categories, tag cloud, navigation menu, calendar, search, recent posts etc. If you drag the recent posts widget in a widget area, then it will contain a list of recent posts in WordPress.

How to create widget

Step 1: To open function.php file and paste below code.

// Creating the widget    
class wpb_widget extends WP_Widget {   
   function __construct() {  
      parent::__construct(  
      // Base ID of your widget  
      'wpb_widget',  
      // Widget name will appear in UI  
      __('WPBeginner Widget', 'wpb_widget_domain'),  
      // Widget description  
      array( 'description' => __( 'Sample widget based on WPBeginner Tutorial', 'wpb_widget_domain' ), )   
      );  
   }  
   // Creating widget front-end  
   // This is where the action happens   
   public function widget( $args, $instance ) {  
      $title = apply_filters( 'widget_title', $instance['title'] );  
      // before and after widget arguments are defined by themes  
      echo $args['before_widget'];  
      if ( ! emptyempty( $title ) )   
      echo $args['before_title'] . $title . $args['after_title'];  
      // This is where you run the code and display the output  
      echo __( 'Hello, World!', 'wpb_widget_domain' );  
      echo $args['after_widget'];  
   }   
   // Widget Backend  
   public function form( $instance ) {  
      if ( isset( $instance[ 'title' ] ) ) {  
         $title = $instance[ 'title' ];  
         }else {   
            $title = __( 'New title', 'wpb_widget_domain' );  
         }  
         // Widget admin form  
      ?>  
      <p>  
      <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>  
      <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />  
      </p>  
   <?php  
}  
// Updating widget replacing old instances with new  
public function update( $new_instance, $old_instance ) {  
      $instance = array();  
      $instance['title'] = ( ! emptyempty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';  
      return $instance;  
   }  
} // Class wpb_widget ends here  
// Register and load the widget  
function wpb_load_widget() {  
   register_widget( 'wpb_widget' );  
   }  
add_action( 'widgets_init', 'wpb_load_widget' );  

Step 2: Check widget in  widgets area.

So easy right?? I hope this tutorial help you 🙂

Best Recommendation  WordPress 4.1 Hosting

ASPHostPortal.com

ms_top

ASPHostPortal.com is Microsoft No #1 Recommended Windows and ASP.NET Spotlight Hosting Partner in United States. Microsoft presents this award to ASPHostPortal.com for the ability to support the latest Microsoft and ASP.NET technology, such as: WebMatrix, WebDeploy, Visual Studio 2015, .NET 5/ASP.NET 4.5.2, ASP.NET MVC 6.0/5.2, Silverlight 6 and Visual Studio Lightswitch.

WordPress 4.1 is now available in ASPHostPortal. New features in WordPress 4.1 help you focus on your writing, and the new default theme lets you show it off in style. WordPress 4.1 has been translated into 40 languages with other languages yet to come. The ASPHostPortal.com hosting platform is compatible with WordPress 4.1 application. WordPress is always the best, well-known blogging tools. Start your WordPress 4.1 Hosting with ASPHostPortal today!

 

Posted in Hosting Tutorial and tagged , , , , .