WordPressでカスタムのフィーチャー画像サイズを追加する方法


  1. functions.phpファイルを編集する方法:

    • WordPressのテーマディレクトリ内にあるfunctions.phpファイルを開きます。
    • functions.phpファイルの最後に、以下のコードを追加します:
    add_image_size( 'custom-size', 800, 400, true );

    この例では、'custom-size'という名前のカスタム画像サイズを追加しています。幅800ピクセル、高さ400ピクセルで、画像の切り抜きを有効にしています。

  2. カスタム画像サイズをテンプレートファイルで使用する方法:

    • テンプレートファイル(例: single.php、archive.php)を開きます。
    • 画像を表示する場所で、以下のようにカスタム画像サイズを指定します:
    <?php if ( has_post_thumbnail() ) : ?>
        <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
            <?php the_post_thumbnail( 'custom-size' ); ?>
        </a>
    <?php endif; ?>

    この例では、the_post_thumbnail()関数を使用して、カスタム画像サイズのフィーチャー画像を表示しています。

  3. プラグインを使用する方法:

    • 「Simple Image Sizes」や「Regenerate Thumbnails」などのWordPressプラグインを使用すると、GUIを介してカスタム画像サイズを追加できます。
    • プラグインをインストールし、設定ページから必要な画像サイズを追加します。
    • 追加した画像サイズは、テンプレートファイルや投稿編集画面で使用できるようになります。

これらの方法を使用することで、WordPressでカスタムのフィーチャー画像サイズを追加できます。適切な方法を選択し、ブログ投稿に応じて使い分けてください。