WordPressのアイキャッチ画像に好きなサイズを追加する方法
  • WordPressのアイキャッチ画像に好きなサイズを追加する方法
  • 記事公開:2015/02/02
  • 最終更新:2016/08/03

WordPressのアイキャッチ画像に好きなサイズを追加する方法

WordPressのアイキャッチ画像に好きなサイズを追加する方法をご紹介します。メディアで指定したサイズ以外のサイズで画像を作成したい方は参考にしてください。コピペで実装可能です。

この記事は約 3 分で読めます。

Wordpressのカスタマイズなら全てお任せ!

http://takayakondo.com/

WordpressのカスタマイズならWordpressカスタマイザーにお任せください!
毎月5件の限定受注。お見積もりはいつでも無料です。

アイキャッチ画像に好きなサイズを追加する方法

WordPressに画像ファイルをアップすると、オリジナルの画像サイズの他、いくつかの(メディアで設定した)サイズの画像が自動的に作成されます。

これはアイキャッチ画像をアップしたときも同じなのですが、メディアで設定した以外のサイズを追加したいときもあるかと思います。

そんな時は、functions.phpに以下のコードを編集してから追加してください。

add_image_size($name, $width, $height, $crop_flag);

コードを追加するときは【$name】【$width】【$height】【$crop_flag】を任意の内容に書き換えます。例えば以下の様に編集します。

add_image_size(test, 500, 300, true);

各設定項目は以下の通りです。

【$name】=自分の好きな名前記述(とりあえず、半角英数字で適当な名前を付けましょう)。

【$width】=画像の横幅をピクセルで指定(例:200)。
【$height】=画像の縦幅をピクセルで指定(例:200)。

【$crop_flag】=画像の切り抜きを定義する。【true】か【false】 で指定します。

【true】と定義すると、長方形の画像をアップロードした場合、アップロードした画像を指定したサイズに切り抜いて画像を生成します。【false】の場合は、アップロードした画像の縦横比を維持しながら、縮小した画像を生成してくれます。

まとめ

WordPressのアイキャッチ画像に好きなサイズを追加する方法をご紹介しました。

サイト内に複数のサイズでアイキャッチ画像を表示する時に便利な機能です。
メディアで設定したサイズだけでは足りない場合など利用してみましょう。

どなたかのお役に立てれば幸いです。

シェアしていただきありがとうございます。

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

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

著者:とあるWEBディレクター

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に7年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • WordPressのショートコードをマスターしよう!

    WordPressのショートコードに関して詳しく解説しています。WordPressのショートコードをマスターしたい方は必読のコンテンツです。興味のある方は6分間だけこのコンテンツを読んでみてください。 記事を読む

  • 不要なデフォルトのウィジェットを非表示にしてスッキリさせる方法

    WordPressのデフォルトウィジェットで不要なウィジェットを非表示にするカスタマイズ方法をご紹介します。ウィジェットは便利な機能ですが、デフォルトの中には利用しないものも含まれています。使わないウィジェットは非表示にして管理画面をスッキリとさせましょう。 記事を読む

  • WordPressの管理画面にログインした状態だと表示されてしまうサイト上部のツールバーを消す方法

    WordPressの管理画面にログインした状態で管理サイトにアクセスすると、サイト上部にツールバーが表示されてしまいます。今回は【WordPressの管理画面にログインした状態だと表示されてしまうサイト上部のツールバーを消す方法】をご紹介いたします。 記事を読む

  • WordPressの投稿エディターから消えたスクロールバーを再表示させる方法

    WordPressの投稿エディタから消えたスクロールバーを再表示させる方法をご紹介します。WordPress4.0から最大行表示エディターという機能が実装され、ブラウザの高さ一杯にエディタが広がっていく仕様(スクロールバーが表示されない)になりました。使いにくいと感じている方は、スクロールバーを再表示させましょう。 記事を読む

  • 拡張性バツグン!WordPressのプラグインを使ってみよう。

    WordPressのプラグインについてまとめてみました。プラグインに関して知識の少ない方はぜひ参考にしてください。5分後にはWordPressのプラグインについての基本的な知識をマスターすることができます。 記事を読む

コメントを残す


(必須)

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)