Jetpackのウィジェット、『人気の投稿とページ』の画像リストサイズを変更する方法。

Jetpack

便利なウィジェット!

最近、こんなエントリーあんなエントリーでこのブログでも紹介しているWordPressのプラグイン、Jetpack。

今回はそのJetpackをインストールすると使えるようになるウィジェット、『人気の投稿とページ』のカスタマイズについてのエントリー。

デフォルトだと小さいんだよね…

この『人気の投稿とページ』。画像リストを選択するとサムネイルのサイズはデフォルトでは40x40px。

圧倒的に小さい…。

せめてAppHtmlで出力するアイコンサイズに揃えれば、見た目にも多少統一感が出るかなと思いカスタマイズしてみました。

ウィジェット本体を修正する。

注意!!ファイルの修正は必ずバックアップを取ってから行ってください。また、WordPressのカスタマイズは自己責任でお願い致しますm(_ _)m

カスタマイズしている時は気がつかなかったんですが、こちらのエントリー

で詳細に説明をしてくださっています。

修正を加えるのは、Jetpack本体。

WordPressをインストールしているフォルダ/wp-content/plugins/jetpack/modules/widget/の中にある、

  • top-posts.php
  • widget-grid-and-list.css

の2つ。

top-posts.phpは

if ( 'text' != $display ) {
$get_image_options = array(
'fallback_to_avatars' => true,
'gravatar_default' => apply_filters( 'jetpack_static_url', is_ssl() ? 'https' : 'http' . '://en.wordpress.com/i/logo/white-gray-80.png' ),
);
if ( 'grid' == $display ) {
if ( $count %2 != 0 ) {
$count++;
}
$get_image_options['avatar_size'] = 200;
} else {
$get_image_options['avatar_size'] = 40;
}

の40の部分を任意のサイズに、

widget-grid-and-list.cssは、

.widgets-list-layout .widgets-list-layout-blavatar {
float: left;
width: 21.276596%;
max-width: 40px;
height: auto;
}

の40pxを上で修正したものと同じサイズに修正します。

すると、

人気の投稿とページ

のようになります。(これは75px。)

せっかく使うなら、ね。

せっかく使うなら、少しでも自分のイメージに近づけて使いたい。

他のプラグインで綺麗に表示している方も多いとは思いますが、『人気の投稿とページ』は、Jetpackを使っている方は試してみる価値はあるウィジェットだと思いますよ(^-^)

ここでお知らせ!

当ブログのある意味メインコンテンツ、フォルテのFacebookページができました。ブログにアップする前の画像や動画をいち早くお届けしています。当ブログFacebookページではブログ更新後日談を掲載しています。

フォルテのFacebookページ当ブログFacebookページともに『いいね!』していただけるとうれしいです(^^)

Posted from SLPRO Blog Editor for iPhone.

この投稿へのコメント

コメントはありません。

メッセージをどうぞ!!

この投稿へのトラックバック

  1. […] Jetpackのウィジェット、『人気の投稿とページ』の画像リストサイズを変更する方法。 | Feelingplace […]

トラックバック URL