WordPress個別サポート

投稿や固定ページに画像を追加するときは、画像のサイズを選択することができます。

投稿に追加する画像サイズは選択できる

投稿に追加する画像サイズは選択できる

これは、画像をアップロードすると、uploadsフォルダの中にサイズの異なる画像が何種類か作成されるためです。

何種類かの画像が作成される

画像をアップロードすると何種類かの画像が作成される

このサイズ(サムネイル(1)、中サイズ(2)、大サイズ(3))は、「設定」‐「メディア」メニューで設定することができます。

作成する画像サイズの設定

作成する画像サイズの設定

ところが、投稿編集画面の「メディアの追加」で選択できる画像サイズを見直すと、「大サイズ」のサイズが、「設定」‐「メディア」メニューの設定(1024px)と違っていることがあります。

「大サイズ」がサイズ設定と異なっている

「大サイズ」がサイズ設定と異なっている

たとえば、テーマTwenty Twelveを使っている場合、「設定」‐「メディア」メニューでは大サイズ画像の幅は1024pxと設定されているのに、選択できる大サイズ画像の幅は625pxになっています。

その答えは、テーマのfunctions.phpにあります。

Twenty Twelveのfunctions.phpを開くと、先頭に次のように記述されています。

if ( ! isset( $content_width ) )
    $content_width = 625;

これは、テーマで適用するコンテンツ幅の設定です。コンテンツの幅はテーマによって広かったり狭かったりと異なります。そこで、「$content_width = 625;」のようにテーマの機能として設定できるようになっています。

これにより、テーマを切り替えるたびに、大サイズ画像の幅を500pxにしたり1000pxに変更しなくて済むということです。

そのようなわけで、Twenty Twelveの例で言えば、WordPressダッシュボードの「設定」‐「メディア」メニューで大サイズ画像の幅が1024pxに設定されていても、「メディアの追加」で選択して表示する大サイズ画像のサイズは625pxになるということです。

※実際にアップロードされた大サイズ画像のサイズは、設定に従って幅1024pxになっています。

投稿に追加した大サイズ画像のHTMLソース(imgタグ)を見ると、アップロードされた大サイズ画像(幅1024px)を$content_widthに指定された幅625pxで表示するようになっています。

<img …略…/F1000076-1024x614.jpg" width="625" height="374" />

「メディアの追加」で選択できる大サイズ画像のサイズが「設定」‐「メディア」の設定と違う場合、functions.phpの$content_widthを調べてみてください。

この記事をSNSで共有する
WordPressでお困りのときはご相談を
この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
こんなときはご相談を
  • WordPressの使い方(ページやメニューの作り方を教えてほしい)
  • カスタマイズ(機能の追加やデザイン調整をお願いしたい)
  • トラブル対応(画面真っ白・「ログインできない」を解決したい)
マンツーマンなので相談内容は自由です。いただいた課題をその場で解決、CSSやPHPも目の前で修正します。気軽にご相談ください。
WordPress講座の問い合わせ先

関連記事

BizVektorのカスタマイズ

WordPressカスタマイズ

WordPressによるサイト作成のヒント

WordPressプラグイン

スポンサーリンク
西沢直木によるWordPress講座の紹介
ホームページ作成講座WordPress個別サポート