WordPress 最近の新着記事・更新記事の一覧ウィジェット

<?php
class New_Kousin extends WP_Widget {
function __construct() {
parent::__construct(
'new_kousin',
'最近の新着・更新記事',
array( 
'description' => 
'最近の新着記事・更新記事の一覧ウィジェット' )
);
}

public function widget($args, $instance) {
extract($args);
echo $before_widget;
if(!empty($instance['title'])) {
$title = apply_filters('widget_title', $instance['title'] );
}
if ($title) {
echo $before_title . $title . $after_title;
} else {
echo '<h3 class="side-title">最近の新着・更新記事</h3>';
}
$number = $instance['number'] ;
?>
<div class="ninki-kiji">
<ul>
<?php get_the_ID(); 
$args = array(
'orderby' => 'modified',
'order' => 'DESC',
'posts_per_page' => $number
);
$my_query = new WP_Query( $args );
while($my_query->have_posts()):$my_query->the_post();
?>
<li>
<a href="<?php the_permalink(); ?>">
<?php
if(get_the_modified_date('Y/n/j')!= get_the_time('Y/n/j')):
?>
<span class="kousin-kiji">
更新
</span>
<?php else :
$kikan  =  $instance['nichisuu'] ;
$genzai = date_i18n('U');
$koukai = get_the_time('U');
$keika = date('U',($genzai - $koukai)) / 86400 ;
if( $kikan > $keika ) : ?>
<span class="new-kiji">
新着
</span>
<?php endif; ?>
<?php endif; ?>
<?php if( has_post_thumbnail() ): ?>
<?php the_post_thumbnail('thumb100'); ?>
<?php endif; ?>
<div class="ninki-kiji-text">
<p><?php the_title(); ?></p>
<p class="new-des"><?php
$str = get_the_excerpt();
$count = 40;
$more = '...';
echo wp_html_excerpt( $str, $count, $more );
?></p>
</div>
</a>
</li>
<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
</ul>
</div>
<?php echo $after_widget;
}

.ninki-kiji ul {
padding: 0;
list-style: none;
}
.ninki-kiji li {
position: relative;
margin-top: 10px;
padding: 0 5px 10px;
border-bottom: dotted 1px #ddd;
}
.ninki-kiji a {
display: inline-block;
text-decoration: none;
color: #AD3B32;
font-weight: bold;
}
.ninki-kiji a:hover {
background-color: #fafad2;
}
.ninki-kiji a:after {
display: block;
clear: both;
content: '';
}
.new-kiji {
position: absolute;
top: 0;
left: 0;
padding: 1px 5px;
color: #fff;
font-size:0.8em;
background: rgba(255, 0, 0, .85);
}
.kousin-kiji {
position: absolute;
top: 0;
left: 0;
padding: 1px 5px;
color: #fff;
font-size:0.7em;
font-weight:normal;
background: rgba(0, 0, 0, .85);
}
.ninki-kiji img {
float: left;
width: 100px;
height: 100px;
}
.ninki-kiji-text {
font-size: .9em;
margin-left: 110px;
line-height:1.5em;
}
p.new-des {
font-size:14px;
font-weight:normal;
line-height:1.3em;
color:#333;
}

public function form($instance) {
?>
<p>
<label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('タイトル:'); ?></label>
<input type="text" class="widefat" id="<?php echo $this->get_field_id('title'); ?>"
name="<?php echo $this->get_field_name('title'); ?>"
value="<?php echo esc_attr( $instance['title'] ); ?>">
</p>
<p>
<label for="<?php echo $this->get_field_id('number'); ?>"><?php _e('記事表示件数:'); ?></label>
<input type="text" id="<?php echo $this->get_field_id('number'); ?>"
name="<?php echo $this->get_field_name('number'); ?>"
value="<?php echo esc_attr( $instance['number'] ); ?>" size="2">
</p>
<p>
<label for="<?php echo $this->get_field_id('nichisuu'); ?>"><?php _e('表示日数:'); ?></label>
<input type="text" id="<?php echo $this->get_field_id('nichisuu'); ?>"
name="<?php echo $this->get_field_name('nichisuu'); ?>"
value="<?php echo esc_attr( $instance['nichisuu'] ); ?>" size="2">
</p>
<?php
}

public function update($new_instance, $old_instance) {
$instance = $old_instance;
$instance['title'] = sanitize_text_field($new_instance['title']);
$instance['number'] = ctype_digit($new_instance['number']) ? $new_instance['number'] : 5;
/* 記事表示件数１１以上の場合１０件表示 */
if( $instance['number'] == 0 || 10 < $instance['number']){$instance['number'] = 10 ; };
$instance['nichisuu'] = ctype_digit($new_instance['nichisuu']) ? $new_instance['nichisuu'] : 7;
/* 表示日数30日以上の場合30日表示 */
if( $instance['nichisuu'] == 0 || 30 < $instance['nichisuu']){$instance['nichisuu'] = 30 ; };
return $instance;
}
}/* class New_Kousin 終わり */

add_action( 'widgets_init', function() {
     register_widget( 'New_Kousin' );
});