simplicity2のアイキャッチ画像設定

どうも。Jaguar9です。

記事を更新するにあたって再び課題にぶつかってしまいました。

無事解決できましたので、解決方法を記しておこうと思います。

設定したアイキャッチ画像が大きく表示されてしまう

ぼくはこのブログは作成するにあたって、有名なテーマであるsimplicity2を利用させていただいています。非常によくできた使いやすいテーマです。

しかしデフォルトの設定だと設定したアイキャッチ画像が大きく表示されてしまうことがあります。以下の画像を参考。

こんなかんじ。大きすぎますね。

これをもう少し小さくする方法の紹介になります。

子テーマのフォルダにentry-body.phpをコピー

子テーマのフォルダにentry-body.phpがない場合、FTPソフトなどを使って親テーマのフォルダからコピーします。

親テーマを変更しても良いですが、子テーマを作成しておくと後々楽です。子テーマについては別記事で紹介しようと思います。

コピーしたentry-body.phpを編集

コピーしたらこれを編集していきます。

<?php get_template_part(‘entry-eye-catch’);//アイキャッチ挿入機能?>

と書かれた箇所を探してください。これに少々変更を加えていきます。

get_template_part(‘entry-eye-catch’)の部分を消して、代わりに以下のコードを入力します。

自分でサイズを指定する場合(今回ぼくは横800px縦500pxとしました。)

the_post_thumbnail(array(800,500))

the_post_thumbnail(array(x,y))

x,yに縦横それぞれ任意のサイズを入れます。

管理画面で設定したサイズを使う場合

中サイズ

the_post_thumbnail('medium')

大サイズ

the_post_thumbnail('large')

設定は以上で終了です!

結果

以上の設定をした結果このように表示されるようになりました。

見やすくなりました!!

シェアする

  • このエントリーをはてなブックマークに追加