スポンサーリンク
記事を更新しています。下記リンクを参照ください。
人気記事
ブログ初めて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のフィルターフックをフックする働きをします。フックとは独自の処理を追加することです。
フィルターフック
様々なフィルターフックがあります。
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にしています。