人気の記事を貼る 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にしています。