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. スマートフォン判定処理 ( User-Agent判定 )

  2. WordPress パンくずリスト表示用のショートコード

  3. WordPressプラグインなしでカスタム投稿をタイトル、本文、アイキャッチ、カテゴリーを有効にして設定

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

何かに一生懸命になれるって事は
それ自体が才能だと思う

鋼の錬金術師
by アルフォンス・エルリック

Profile

PAGE TOP
Amazon プライム対象