【SANGOカスタマイズ】WordPress Popular Postsのサムネイル画像を横長長方形にする方法

// サムネイルサイズを変更
 function my_change_thumb_size() {
   add_image_size( 'thumb-160', 160, 92, true );
 }
 add_action( 'after_setup_theme', 'my_change_thumb_size', 11);

// WordPress Popular Postsの見た目カスタマイズ
function my_wpp_custom_html( $mostpopular, $instance ){
  $output .= '<ul class="my-widget show_num">' ;

    foreach( $mostpopular as $popular ) {
     	// リンクを取得
    	$output .= '<li><div><a href="' . get_the_permalink( $popular->id ) . '">';
        // アイキャッチ画像を取得
        $output .= ' <figure class="my-widget__img">' . get_the_post_thumbnail( $popular->id, 'thumb-160' ) . '</figure></a></div>';
        // タイトルを取得
        $output .= '<div class="my-widget__text"><a href="' . get_the_permalink( $popular->id ) . '">' . esc_html( $popular->title ) . '</a>';
        // ページビュー数を取得
        $output .= '<span class="dfont views">' . esc_html( $popular->pageviews ) . 'views</span>';
        $output .= '</div></li>';
	}
	$output .= '</ul>' ;
	return $output;
}
add_filter( 'wpp_custom_html', 'my_wpp_custom_html', 10, 2 );

/* WPPカスタマイズ */
.execphpwidget .my-widget li span a {
  padding: 0;
}
.execphpwidget .my-widget.show_num li {
  padding: 7px 0;
  display: table;
}

.execphpwidget .my-widget li a .my-widget__img {
  display: block;
}

.execphpwidget .my-widget__img img {
  width: 100%;
  border: solid 2px #f3f3f3;
  transition: .3s ease-in-out;
}

.execphpwidget .my-widget li a .my-widget__img {
  display: block;
  width: 130px;
  height: 88px;
  padding-right: 6px;
  vertical-align: middle;
}

.execphpwidget .my-widget li a {
  display: block;
  padding: 0;
}
.execphpwidget .my-widget.show_num li div {
  display: table-cell;
}
.execphpwidget .my-widget__text {
  width: 180px;
  width: calc(100% - 88px);
  font-size: .9em;
  vertical-align: middle;
  line-height: 1.5;
}