【ワードプレス】アイキャッチの画像サイズ変更方法

ワードプレスでアイキャッチの画像サイズや位置を変更したいと思ったことはありませんか?

アイキャッチの画像サイズの変更方法

基本的にはfunction.phpの中からアイキャッチ画像の表示についての記述を「post_thumbnail」などで検索して編集することになります。

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size(150, 150, true);
//その他の指定方法
the_post_thumbnail('thumbnail') //サムネイル画像を表示
the_post_thumbnail('medium') //中サイズ画像を表示
the_post_thumbnail('large') //大サイズ画像を表示
the_post_thumbnail('post-thumbnail') //アイキャッチ画像を表示

この変更ですべてのアイキャッチ画像が150×150のサイズにトリミングされた画像が表示されます。
既にアップロードした画像や投稿済みの画像には適用されないのでもう一度アップし直すかプラグインで変換する必要があります。

また、function.phpを変更する時はバックアップをとるかテストサイトで動作確認してから本番に移したほうが安全です。PHPファイルでエラーが出るとワードプレスの場合、管理画面にも入れなくなるので、FTPで修正する必要があります。FTPなどでHPを修正する作業に慣れていないうちはPHPファイルの変更には最新の注意が必要です。

そんな時に便利なプラグインが「Regenerate Thumbnails」です。既にアップロードした画像も全てリサイズしてくれます。注意点としてはもとのサイズがなくなるという点です。
「ツール」→「Regen. Thumbnails」→「Regenerate All Thumbnails」ボタンをクリックします。画像ごとに個別に変更することも可能です。

【補足】SyntaxHighlighterについて

SyntaxHighlighter
上のようにコードを色分けしてHP上で紹介するためのプラグインです。とても便利なので最後に紹介しておきます。