WordPress レイアウトに合わせた画像サイズを追加する 自動的に指定サイズのサムネイル画像を作成

概要説明

デザインによっては複数画像のサイズを指定できたほうが良い場合も有り、標準の3パターンでは足りない時にサイズパターンを追加するカスタマイズ。アイキャッチ、サムネイルなどレイアウトに合わせた画像を作成したほうがページ表示が早くなります。

デザインに合わせた画像サイズの設定を追加

functions.php
/*----------------------------------------------------
 レイアウトに合わせたサムネイルサイズを追加
----------------------------------------------------*/
if ( !function_exists( 'add_thumbnail_size' ) ){
    function add_thumbnail_size() {
        add_theme_support( 'post-thumbnails' );
        add_image_size( 'my_thumbnail', 800, 480, true );
    }
    add_action( 'after_setup_theme', 'add_thumbnail_size' );
}

サイズの追加を行った場合については設定後からは自動的に作成を行いますが、すでに生成済みのものについては画像の再生成が行われません

追加したサイズの画像の使い方

<?php the_post_thumbnail( 'my_thumbnail' ); ?>

画像処理で thumbnail、medium、largeと同様に追加した定義名を指定できるようになります

サムネイルや各種画像の一括作成が行えるプラグイン Regenerate Thumbnails

WordPress Developer Resources

関連機能

  1. WordPressのバージョン情報を自動的に最新版に偽装する

  2. WordPress カテゴリ選択で条件付き絞り込みが行える検索フォームを実装

  3. 管理画面ヘッダーメニューの「投稿を表示」クリック時に別タブにて表示できるようにする ( target=”_blank” )

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

今頃は、対応を決める話し合いが
持たれているだろうさ
責任を取りたくない責任者達の間でな

機動戦士ガンダムUC
by アンジェロ・ザウパー

Profile

PAGE TOP
Amazon プライム対象