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

  2. WordPressランダムに1件記事を表示させるショートコード ( カスタム投稿、任意の件数に対応 )

  3. WordPress 記事ページ内の画像altが設定されていない場合に自動で記事タイトルをaltに設定する

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

お前が思っているほど
人生は簡単じゃねえが
世間が思ってるほど、複雑でもねえよ

彼女、お借りします
by 木部芳秋

Profile

PAGE TOP