File Content: search-form.php <?php /** * @version 1.0 * @package poolax * @author Themeholy <themeholy@gmail.com> * * Websites: https://themeholy.com/ * */ /************************************** * Creating Search Form Widget ***************************************/ class poolax_search_form_widget extends WP_Widget { function __construct() { parent::__construct( // Base ID of your widget 'poolax_search_form_widget', // Widget name will appear in UI esc_html__( 'Poolax :: Search Form', 'poolax' ), // Widget description array( 'classname' => 'widget_search', 'customize_selective_refresh' => true, 'description' => esc_html__( 'Add Search Form Widget', 'poolax' ), ) ); } // This is where the action happens public function widget( $args, $instance ) { //Placeholder if ( isset( $instance[ 'placeholder' ] ) ) { $placeholder = $instance[ 'placeholder' ]; }else { $placeholder = ''; } //before and after widget arguments are defined by themes echo $args['before_widget']; echo '<form class="search-form" action="'.esc_attr( home_url( '/' ) ).'">'; echo '<input type="text" name="s" placeholder="'.esc_attr( $placeholder ).'">'; echo '<button type="submit"><i class="far fa-search"></i></button>'; echo '</form>'; echo $args['after_widget']; } // Widget Backend public function form( $instance ) { //Placeholder if ( isset( $instance[ 'placeholder' ] ) ) { $placeholder = $instance[ 'placeholder' ]; }else { $placeholder = ''; } // Widget admin form ?> <p> <label for="<?php echo $this->get_field_id( 'placeholder' ); ?>"><?php _e( 'Search:' ,'poolax'); ?></label> <input class="widefat" id="<?php echo $this->get_field_id( 'placeholder' ); ?>" name="<?php echo $this->get_field_name( 'placeholder' ); ?>" type="text" value="<?php echo esc_attr( $placeholder ); ?>" /> </p> <?php } // Updating widget replacing old instances with new public function update( $new_instance, $old_instance ) { $instance = array(); $instance['placeholder'] = ( ! empty( $new_instance['placeholder'] ) ) ? strip_tags( $new_instance['placeholder'] ) : ''; return $instance; } } // Class poolax_search_form_widget ends here // Register and load the widget function poolax_search_form_load_widget() { register_widget( 'poolax_search_form_widget' ); } add_action( 'widgets_init', 'poolax_search_form_load_widget' ); Submit