뉴스 스타일 위젯 어떤게 있을까요?

구현 한번 해볼게요.

<style>
.ewsiPresian{
width: 1300px;
overflow: hidden;
border: 1px solid red;
height:{$widget_info->thumbnail_height}px;
}
.ewsiPresian .item{
float:left;
width:50%;
border:1px solid blue;overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.ewsiPresian .item img{width:100%;}
.ewsiPresian .item:nth-child(2) img{height:100%;}
.ewsiPresian .item:nth-child(3) img{height:100%;}
</style>
<script>
jQuery(function($){
// alert('adsf');
var a = $('.ewsiPresian .item:first-child').height();
var b = a/2;
$('.ewsiPresian .item:nth-child(2)').height(b);
$('.ewsiPresian .item:nth-child(3)').height(b);
})(jQuery);
</script>
<div class="ewsiPresian">
<div class="item"><img src="http://placehold.it/650x430" alt=""></div>
<div class="item"><img src="http://placehold.it/650x430" alt=""></div>
<div class="item"><img src="http://placehold.it/650x430" alt=""></div>
</div>

https://codepen.io/eond/pen/OzjMwb

https://codepen.io/eond/pen/NXvNwB

다 만들었습니다. ;ㅁ;
https://eond.com/shop/396188