Image

Description

イメージ フィールドは、WordPress のネイティブ メディア モーダルを使用して画像をアップロードおよび選択することができます。

スクリーンショット

イメージフィールド設定

変更履歴

• バージョン 5 で Minimum 設定を追加しました。1.9.
• バージョン 5.1.9.
• バージョン 5.1.9.

設定

• Return Format
  返送データの形式を指定することが可能です。 Object（配列）、URL（文字列）、ID（整数）から選択します。

• Preview Size
  値の編集時に表示するWordPress画像サイズです。

• Library
  ファイル選択をこの投稿にアップロードされたもののみ、またはライブラリ全体に限定する。

• Minimum
  最小幅（ピクセル（整数）、高さ（ピクセル（整数）、ファイルサイズ（MB、整数））のアップロード検証を追加しました。 ファイルサイズは、単位を含む文字列として入力することもできます。例：'400KB'.

• Maximum
  最大の幅、高さ、ファイルサイズのアップロード検証を追加します。

• Allowed File Types
  特定の種類のファイルに対するアップロード検証を追加します。

テンプレートの使用

画像フィールドは、戻り値セットに応じて配列、文字列、または整数値を返します。

Display image (ID)

この例は、Image ID戻り値タイプを使用時に選択画像を表示する方法を示しています。

Display image (array)

この例では、Image Object を使用して選択した画像を表示する方法を示しています。 この戻り値は、alt テキスト、キャプション、サイズなどの追加のイメージ データを提供します。

<?php $image = get_field('image');if( !empty( $image ) ): ?> <img src="https://www.advancedcustomfields.com/resources/image/<?php echo esc_url($image); ?>" alt="<?php echo esc_attr($image); ?>" /><?php endif; ?>

Customized display (array)

この例では、Image Object戻り値タイプを使用しているときに、選択したイメージのカスタム サイズを表示する方法を示しています。

Display image (URL)

この例では、Image URL リターン タイプを使用して選択したイメージを表示する方法を示しています。 この戻り値は、基本的な画像を効率的に表示することを可能にしますが、画像に関する余分なデータを読み込むことはできません。