人気の記事を貼る Jetpackを利用 カスタム



人気記事

ブログ初めて6ヵ月を過ぎ、いつも同じ記事にアクセスが多いことに気が付き、人気記事をサイドバーに貼ることにしました。

サイドバーの画像付きリスト

今のサイドバーの画像付きリストNewpost Catchをつかっています。何故なら、このブログはカテゴリーが多いので、カテゴリー別にリストを貼れるからです。

今回は人気記事。Jetpackの中にそんなモノがあったようなので、ウィジェットで追加してみました。追加はボタンを押すだけでとっても簡単。しかし、画像のサイズが小さい。Newpost Catchを100×100にしているので、それに合わせたい。

Jetpackのカスタムズ

Jetpackのカスタムについては、Jetpackのwebページに記載しています。

How to change the size of the thumbnails in the Top Posts widget

add_filter について

add_filter は、WordPressの関数です。どのように働くかを簡単に説明します。Wordpressは、フィルターフックにより、様々な種類のテキストをデータベースまたはプラウザ画面へ送信する前に変更します。(Wordpress Codex参照)

add_filter はWordpressのフィルターフックをフックする働きをします。フックとは独自の処理を追加することです。

フィルターフック

様々なフィルターフックがあります。

プラグインAPI/フィルターフック一覧

functions.phpに追加

function my_custom_thumb_size( $get_image_options ) {
  $get_image_options[‘avatar_size’] = 100;
  return $get_image_options;
}
add_filter( ‘jetpack_top_posts_widget_image_options’, ‘my_custom_thumb_size’ );
 

style.cssに追加

 
#widget_top-posts .widgets-list-layout-blavatar {
  max-width: 100
}
 
サイズを100にしています。