ネットワークエンジニア系ブログ。エンターテイメント、おすすめ映画、本、キッズ系などお役立ち情報を紹介!

GOISBLOG

WordPress

Jetpackのウィジェット画像サイズを変更する方法

投稿日:2014年5月18日 更新日:

WordPressのプラグイン【JetPack】ってホント便利なプラグインですよね。
ソーシャルネットワークとも簡単に投稿記事を共有できたり、正確なトラフィック情報も確認できたりと、ガンガン活用させてもらっています。

そんな【JetPack】ですがウィジェットに人気の記事のランキングを追加することができるんです。

「そんなことは知っとるわ」って思われるでしょうが、このウィジェットの画像リストがなんとも

ちぃせぇー。。。

なんか、微妙な画像サイズなんすよね。

40pxだし。

そんなことで、画像サイズを変えちゃいます。

画像リストのサイズ変更

画像サイズを変更するには、プラグインのファイルを編集するので、”事前のバックアップ”は必ずしておくようにしてください。

間違った所を修正しちゃって、サイトが表示されないなど最悪な状態になっちゃうので。

スポンサーリンク


設定変更手順

それでは、画像サイズを変更する手順です。
間違ったファイルは編集しないように必ず、”control+F”で文字検索を行いながら編集してください。

あ。それとじぶんのサイトは、画像サイズを75pxしているのでご参考ください。

  1. ダッシュボード⇒インストール済みプラグインを選択⇒Jetpack by WordPress.comの編集をクリックします。
  2. スクリーンショット 2014-05-16 13.35.12

  3. jetpack/modules/widgets.phpを選択します。
  4. スクリーンショット 2014-05-16 13.36.24

  5. jetpack/modules/widgets/top-posts.php
    をクリックし、以下のように
    $get_image_options[‘avatar_size’] = 40; ⇒ $get_image_options[‘avatar_size’] = 75;
    へ変更し、ファイルを更新します。
  6. スクリーンショット 2014-05-16 13.36.52

    スクリーンショット 2014-05-16 13.37.20

  7. 上記を変更したら、セットでもう一つファイルを変更しないといけません。

    jetpack/modules/widgets/widget-grid-and-list.css

    をクリックします。
    そして、max-width: 40px; ⇒ max-width: 75px;へ変更します。

  8. スクリーンショット 2014-05-16 13.38.21

    スクリーンショット 2014-05-16 13.38.50

  9. ファイルを更新後、サイトを確認するとウィジェットの画像サイズが変わっています。
    変わっていなければ、ブラウザを更新すれば反映されますよ。

スクリーンショット 2014-05-17 13.48.21

以上、お疲れでやんした。

この記事が気に入ったら
いいね!しよう

Twitter で
スポンサーリンク

-WordPress
-,

Copyright© GOISBLOG , 2016 AllRights Reserved.