✏️ Editing: grid-view-news.php Writable

<?php
/**
* Widget API: Grid View Widget Class
* @package NewsExo
*/
class NewsExo_Grid_View_News_Widget extends WP_Widget {

//construct part
    function __construct()
    {
        parent::__construct(
        //Base ID of widget
        'newsexo_grid_view_news',

//widget name will appear in UI
        esc_html__('NewsExo : Grid View News','newsexo'),

// Widget description
        array( 'description' => esc_html__('Display your blog in a grid view layout','newsexo'))  
        );

}

//Widget Front End
    public function widget( $args, $instance ) {
        if ( ! isset( $args['widget_id'] ) ) { $args['widget_id'] = $this->id; }
        $title    = isset( $instance['title'] ) ? $instance['title'] : '';
        $category = isset( $instance['category'] ) ? $instance['category'] : '';
        if ( ! is_numeric($category) && !empty($category) ) {  $term = get_term_by('slug', $category, 'category'); $category = $term->term_id; }
        $number   = 6;
        echo wp_kses_post($args['before_widget']);
       // if ( $title ) { echo wp_kses_post($args['before_title']) . esc_html($title) . wp_kses_post($args//['after_title']);}
	   
		?>
			<div class="col-12">
				<span class="news-section-title wow animate fadeInUp" data-wow-delay=".3s">
					<h5 class="f-heading"><?php echo esc_html($title); ?></h5>
				</span>
			</div>

<?php
					$activate_theme_data = wp_get_theme(); // getting current theme data
					$activate_theme = $activate_theme_data->name;
					if( 'News Digest' == $activate_theme ){
						$vrsn_two_class = 'vrsn-three';
					}
					elseif( 'Medford News' == $activate_theme || 'News Mart' == $activate_theme){
						$vrsn_two_class = 'vrsn-four';
					}
					elseif( 'Editor News' == $activate_theme || 'EditorPress' == $activate_theme){
						$vrsn_two_class = 'vrsn-five';
					}
					elseif( 'Newsio' == $activate_theme || 'Seattle News' == $activate_theme || 'News Gadgets' == $activate_theme || 'Frankfurt News' == $activate_theme || 'News Gallery' == $activate_theme){
						$vrsn_two_class = 'vrsn-two';
					}else{ $vrsn_two_class = ''; }
                        $query_args = new WP_Query( apply_filters( 'widget_posts_args', array(
                            'no_found_rows'       => true,
                            'post_status'         => 'publish',
                            'cat'                 => $category,
                            'posts_per_page'      => $number,
                            'order'               => 'DESC',
                            'ignore_sticky_posts' => true
                        ) ) );
                        if ( $query_args->have_posts() ) { 
                            while ( $query_args->have_posts() ) {
                            $query_args->the_post();?>
							<div class="col-lg-4 col-md-12 col-sm-12">
								<article class="post grid-view-news-area wow animate zoomIn <?php echo $vrsn_two_class; ?>" data-wow-delay=".3s">
								<?php if(has_post_thumbnail()){	?>								
									<figure class="post-thumbnail">
									<?php $img_class =array('class' => "img-fluid");
									the_post_thumbnail('',$img_class);?>
									</figure>
								<?php }	?>
									<figcaption class="post-content"> 					
										<div class="entry-meta">
											<span class="cat-links links-space">
														<?php	
												$categories = get_the_category();
													if ( ! empty( $categories ) ) {
													foreach( $categories as $category ) {	
														echo ' <a class="links-bg '.esc_attr($category->slug).'" href="' . esc_url( get_category_link( $category->term_id ) ) . '"><span>' . esc_html( $category->name ) . '</span></a>';
													}
												}
												?>
											</span>
										</div>									
										<header class="entry-header">
											<h5 class="entry-title">
											   <a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a>
											</h5>
										</header>
										<div class="entry-meta align-self-center">
											<span class="author">
											<?php 
											 echo get_avatar( get_the_author_meta('ID'), 50, '', '', $argus = array( 'class' => 'avatar-default' ) ); ?>
												<a href="<?php echo esc_url(get_author_posts_url( get_the_author_meta( 'ID' )) );?>"><?php echo esc_html(get_the_author());?></a>
											</span>
											<span class="posted-on">
											<i class="fa-regular fa-clock"></i>
											   <a href="<?php echo esc_url(get_month_link(get_post_time('Y'),get_post_time('m'))); ?>"><time>
									            <?php echo esc_html(get_the_date('M j, Y')); ?></time></a>
											</span>
											<span class="comment-links">
											<i class="fa-solid fa-comment-dots"></i>
											<a href="<?php the_permalink(); ?>#respond"><?php echo esc_html( get_comments_number() ); ?></a>
											</span>
										</div>	
										<div class="entry-content">
											<?php newsexo_posted_content(); ?>
											<?php if (get_theme_mod('newsexo_blog_content','excerpt') == "excerpt") { ?>
										<a href="<?php the_permalink();?>" class="more-link"><?php echo esc_html(get_theme_mod('newsexo_read_more_button_text', __('Read More', 'newsexo'))); ?></a>
											<?php } ?>
										</div>
									</figcaption>	
								</article>	
							</div>	
                            <?php }
                            wp_reset_postdata();
                        }
                    ?>
                     
        <?php
        echo wp_kses_post($args['after_widget']);
    }

//Widget Back End
    public function form( $instance ) {
        if ( isset( $instance[ 'title' ])){ $title = $instance[ 'title' ]; } else { $title = esc_html__("Widget title","newsexo" ); }
        if ( isset( $instance[ 'category' ])){ $category = $instance[ 'category' ]; }
        if ( ! is_numeric($category) ) { $category = get_term_by('slug', $category, 'category'); $category =$category->term_id; }
        ?>
            
            <p class="newsexo-widet-area">
                <label for="<?php echo esc_attr($this->get_field_id( 'title' )); ?>"><?php echo esc_html__( 'Widget Title','newsexo' ); echo ':'; ?></label>
                <input class="widefat" id="<?php echo esc_attr($this->get_field_id( 'title' )); ?>" name="<?php echo esc_attr($this->get_field_name( 'title' )); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
            </p>
            
            <p class="newsexo-widet-area">
                <label for="<?php echo esc_attr($this->get_field_id( 'category' )); ?>"><?php echo esc_html__( 'Categories','newsexo' ); echo ':'; ?></label>
                <select class="widefat" id="<?php echo esc_attr($this->get_field_id( 'category' )); ?>" name="<?php echo esc_attr($this->get_field_name( 'category' )); ?>">
                    <option value=""><?php echo esc_html__( 'All Category', 'newsexo' );?></option>
                    <?php  
                    $categories = get_categories(); 
                    foreach( $categories as $cat ): ?>
                    <option  value="<?php echo esc_attr($cat->term_id);?>" <?php if($cat->term_id == $category) { echo 'selected'; } ?>><?php echo esc_html($cat->name). ' (' .esc_html($cat->count). ') ';?></option>
                    <?php endforeach;?>
                </select>
            </p>
        <?php
    }

//save or uption option
    public function update( $new_instance, $old_instance)
    {
      $instance = $old_instance;
      $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? sanitize_text_field( $new_instance['title'] ) : '';
      $instance['category'] = ( ! empty( $new_instance['category'] ) ) ? sanitize_text_field( $new_instance['category'] ) : '';
      return $instance;
    }

}

🔐 Sid Gifari File Manager Pro