プラグインなしで人気記事一覧ウィジェット化-全記事からの人気記事ランキングウィジェット

/* 人気記事ランキングウィジェット */
class Ninki_Kiji extends WP_Widget {
public function __construct() {
parent::__construct(
'ninki_kiji',
'人気記事ランキング',
array( 'description' => 'PV数の多い順で人気記事をランキング' )
);
}

/* ウィジェットの内容をWebページに出力 */
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>人気の記事とページ</h3>';
}
$number = $instance['number'] ;
?>
<aside class="ninki-kiji">
<ul>
<?php get_the_ID(); 
$args = array(
'meta_key'=> 'post_views_count',
'orderby' => 'meta_value_num',
'order' => 'DESC',
'post_type' => array('post','page'),
'post__not_in' => array(41),
'posts_per_page' => $number
);
$my_query = new WP_Query( $args );?>
<?php while ( $my_query->have_posts() ) : $my_query->the_post(); $rankcount++; ?>
<li>
<a href="<?php the_permalink(); ?>">
<span class="rank-count ranking-count<?php echo $rankcount; ?>">
<?php echo $rankcount; ?>
</span>
<?php if( has_post_thumbnail() ): ?>
<?php the_post_thumbnail('thumb100'); ?>
<?php endif; ?>
<div class="ninki-kiji-text">
<p><?php the_title(); ?></p>
<p><span class="pv-data">
<?php  echo 'アクセス数: ' .  get_post_views(get_the_ID()); ?>
</span></p>
</div>
</a>
</li>
<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
</ul>
</aside>
<?php echo $after_widget;
}

/* ウィジェットの内容をWebページに出力 */
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'] ;
$add_top = $instance['add_top'];
$add_bottom = $instance['add_bottom'];
$add_type_top = do_shortcode('[add-list type='. $instance['add_type1'].']');
$add_type_under = do_shortcode('[add-list type='. $instance['add_type2'].']');
?>
<aside class="ninki-kiji">
<ul>	
<?php
get_the_ID(); 
$args = array(
'meta_key'=> 'post_views_count',
'orderby' => 'meta_value_num',
'order' => 'DESC',
'post_type' => array('post','page'),
'posts_per_page' => $number
);
$my_query = new WP_Query( $args );?>
<?php while ( $my_query->have_posts() ) : $my_query->the_post(); $rankcount++; ?>
<?php if ($rankcount == $add_top ): ?>
<?php echo $add_type_top; ?>
<?php endif; ?>
<li>
<a href="<?php the_permalink(); ?>">
<span class="rank-count ranking-count<?php echo $rankcount; ?>">
<?php echo $rankcount; ?>
</span>
<?php if( has_post_thumbnail() ): ?>
<?php the_post_thumbnail('thumb100'); ?>
<?php endif; ?>
<div class="ninki-kiji-text">
<p><?php the_title(); ?></p>
<p><span class="pv-data">
<?php  echo 'アクセス数: ' .  get_post_views(get_the_ID()); ?>
</span></p>
</div>
</a>
</li>
<?php if ($rankcount == $add_bottom ): ?>
<?php echo $add_type_under; ?>
<?php endif; ?>
<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
</ul>
</aside>
<?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: '';
}

.rank-count {
position: absolute;
top: 0;
left: 0;
padding: 1px 10px;
color: #fff;
background: rgba(66, 66, 66, .85);
}

.ranking-count1 {
background: rgba(189, 161, 82, .9);
}

.ranking-count2 {
background: rgba(152, 153, 173, .9);
}
.ranking-count3 {
background: rgba(156, 85, 34, .9);
}

.ninki-kiji img {
float: left;
width: 100px;
height: 100px;
}

.ninki-kiji-text {
font-size: .9em;
margin-left: 110px;
line-height:1.5em;
}
.pv-data {
font-size:12px;
font-weight:normal;
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>
<?php
}

/* 管理画面のウィジェット設定フォームを出力 */
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('add_top'); ?>"><?php _e('Ｎ番目の上に広告 Ｎ＝'); ?></label>
<input type="text" id="<?php echo $this->get_field_id('add_top'); ?>"
name="<?php echo $this->get_field_name('add_top'); ?>"
value="<?php echo esc_attr( $instance['add_top'] ); ?>" size="2">
</p>
<p>
<label for="<?php echo $this->get_field_id('add_type1'); ?>"><?php _e('Ｎ番目の上に広告のリスト'); ?></label>
<input type="text" id="<?php echo $this->get_field_id('add_type1'); ?>"
name="<?php echo $this->get_field_name('add_type1'); ?>"
value="<?php echo esc_attr( $instance['add_type1'] ); ?>">
</p>
<p>
<label for="<?php echo $this->get_field_id('add_bottom'); ?>"><?php _e('Ｎ番目の下に広告 Ｎ＝'); ?></label>
<input type="text" id="<?php echo $this->get_field_id('add_bottom'); ?>"
name="<?php echo $this->get_field_name('add_bottom'); ?>"
value="<?php echo esc_attr( $instance['add_bottom'] ); ?>" size="2">
</p>
<p>
<label for="<?php echo $this->get_field_id('add_type2'); ?>"><?php _e('Ｎ番目の下の広告のリスト'); ?></label>
<input type="text" id="<?php echo $this->get_field_id('add_type2'); ?>"
name="<?php echo $this->get_field_name('add_type2'); ?>"
value="<?php echo esc_attr( $instance['add_type2'] ); ?>">
</p>
<?php
}

<?php
$add_rand = array(

/* A8.net 賢威 */ 
'<li>
<a href="ここにアフィリエイトリンク" target="_blank" rel="nofollow">
<span class="new-kiji">
PR
</span>
<img width="100" height="100" src="バナー画像ＵＲＬ" alt="" />
<div class="ninki-kiji-text">
<p>賢威 2万人を超えるユーザーが選んだWordPress SEOテンプレート</p>
<p><span class="pv-data">アクセス数: ∞</span></p>
</div>
</a>
</li>',

/* A8.net Z.com WP */ 
'<li>
<a href="ここにアフィリエイトリンク" target="_blank" rel="nofollow">
<span class="new-kiji">
PR
</span>
<img width="100" height="100" src="バナー画像ＵＲＬ" alt="" />
<div class="ninki-kiji-text">
<p>Z.com WP 低価格なのに高速・多機能・高セキュリティ 月額400円(税別)から</p>
<p><span class="pv-data">アクセス数: ∞</span></p>
</div>
</a>
</li>',

);
$add_rand = $add_rand[mt_rand(0, count($add_rand)-1)];
return $add_rand;

/* ウィジェットオプション データ検証して無害化して安全な値で保存 */
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 ; };
return $instance;
}
}/* class Ninki_Kiji 終わり */

/* ウィジェットオプション データ検証して無害化して安全な値で保存 */
public function update($new_instance, $old_instance) {
$instance = $old_instance;
$instance['title'] = sanitize_text_field($new_instance['title']);
$instance['add_type1'] = sanitize_text_field($new_instance['add_type1']);
$instance['add_type2'] = sanitize_text_field($new_instance['add_type2']);
$instance['number'] = ctype_digit($new_instance['number']) ? $new_instance['number'] : 5;
/* 記事表示件数１１以上の場合１０件表示 */
if( $instance['number'] == 0 || 10 < $instance['number']){$instance['number'] = 10 ; };
/* 上広告未入力（０入力）で表示なし */
$instance['add_top'] = ctype_digit($new_instance['add_top']) ? $new_instance['add_top'] : 0;
/* 上広告記事表示件数より大きい場合一番上に */
if( $instance['add_top'] > $instance['number'] ){$instance['add_top'] = 1 ; };
/* 下広告未入力（０入力）で表示なし */
$instance['add_bottom'] = ctype_digit($new_instance['add_bottom']) ? $new_instance['add_bottom'] : 0;
/* 下広告記事表示件数より大きい場合一番下に */
if( $instance['add_bottom'] > $instance['number'] ){$instance['add_bottom'] =  $instance['number'] ; };
return $instance;
}
}/* class Ninki_Kiji 終わり */

/* ウィジェットの登録処理 */
add_action( 'widgets_init', function() {
     register_widget( 'Ninki_Kiji' );
});