WordPressメディアサイズのカスタマイズ

ヘッダ画像

WordPressメディアサイズのカスタマイズ

画像再生成のプラグイン

WordPressで挿入できるメディアサイズは下記の4種類が用意されています。

  • サムネイル:150×150px
  • 中サイズ:長辺300px
  • 大サイズ:長辺1024px
  • フルサイズ

アップロード時に各サイズにリサイズされ、画像挿入時には選択することで、生成された各サイズが配置されます。
実際に使っていると3種類よりも多くの画像サイズを選択できるようにしたいケースもあるかと思います。

このような場合に重宝するのが自由にメディアサイズを追加することができる「Simple Image Sizes」や「Additional Image Sizes」というプラグインがありますが、WordPressのバージョンアップ時にプラグインが使えなくなるのは面倒です。
今回はテーマ側でメディアサイズの追加を実装してみます。

プラグインなしでメディアサイズの追加を実現する

custom_image_sizes関数を使いテーマのfunctions.phpでメディアサイズを追加することとします。

<?php 
//メディアサイズの追加
function add_custom_image_sizes() {  
  global $my_custom_image_sizes;
  $my_custom_image_sizes = array(
    'size-A' => array(
    'name' => 'サイズA', // 「メディアを挿入」での名称
    'width' => 200, // 画像の最大幅
    'height' => 200, // 画像の最大高
    'crop' => false, // 切り抜き
    'selectable' => true // 「メディアを挿入」での選択可否
    ),
    'size-B' => array(
    'name' => 'サイズB',
    'width' => 300,
    'height' => 300,
    'crop' => false,
    'selectable' => true
    ),
    'size-C' => array(
    'name' => 'サイズC',
    'width' => 400,
    'height' => 400,
    'crop' => false,
    'selectable' => true
    ),
  );
  foreach ( $my_custom_image_sizes as $slug => $size ) {
    add_image_size( $slug, $size['width'], $size['height'], $size['crop'] );
  }
}
add_action( 'after_setup_theme', 'add_custom_image_sizes' );
function add_custom_image_size_select( $size_names ) {
  global $my_custom_image_sizes;
  $custom_sizes = get_intermediate_image_sizes();
  foreach ( $custom_sizes as $custom_size ) {
    if ( isset( $my_custom_image_sizes[$custom_size]['selectable'] ) && $my_custom_image_sizes[$custom_size]['selectable'] ) {
      $size_names[$custom_size] = $my_custom_image_sizes[$custom_size]['name'];
    }
  }
  return $size_names;
}
add_filter( 'image_size_names_choose', 'add_custom_image_size_select' );
?>

基本的には画像サイズを決めてcrop(切り抜き)とselectable(画像挿入画面での選択)の項目をtrue or falseにて有効にするかを指定するだけで動きます。

アップロード済みの画像の再生成

プラグインを使った場合も同様ですが、メディアサイズの定義に変更を加えた場合はアップロード済みの画像は再生成作業が必要です。
「Regenerate Thumbnails」というプラグインを用いてすべての画像ファイルを再生成します。
こちらのプラグインはサムネイルの再生成のためのプラグインとして紹介されていますが、同時にメディアサイズの変更を行ったサイズについても再生成してくれます。
説明不要なほど簡単なプラグインでインストール後は「ツール」→「Regenerate Thumbnails」より、「すべてのサムネイルの再生成を行う」を押すだけです。

画像再生のためのプラグイン

WordPressのバージョンアップを行ったら、メディアサイズ関連のプラグインが動作せず、困った方もいらっしゃるかと思います。
functions.phpの取り扱いさえ間違えなくてはそれほど難しいカスタマイズではないです。
これを期にプラグインを使わず、イメージサイズの追加を実装してはいかがでしょうか。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です



関連記事

WordPressのユーザー名は丸見え!? 知っていますか?WordPressのログインユーザー名はだだ漏れだという事実を...ダッシュボード乗っ取り防止のためのセ...

絶対に分かる!WordPressの子テーマ作成 WordPressでは子テーマという機能があります。既存のテーマを作成すれば、カスタマイズする際に変更したい部分だけを子...

WordPressのRSSフィードを完全にコントロールする WordPressではコンテンツの更新情報を知らせるために標準でRSSを出力します。その出力方法は...http://e...

「トップに戻る」ボタンでスマホでのユーザビリティアップ! ウェブサイト上でコンテンツを下にスクロールさせると「トップに戻る」ボタンが出現して、クリックするとビューンとページの初め...