Fieldsプラグインで画像フィールドを作る場合、返り値として画像URLや画像オブジェクトなどを選べます。要件を満たせばどちらでも構わないのですが、画像オブジェクトを使うと、アップロードした画像からサイズを指定して表示することができます。画像フィールドの返り値は選べるアップロードした画像が大きすぎるので中サイズやサムネイル画像を表示したいときに役立ちます。以下、画像オブジェクトの使い方を紹介します。Fieldsプラグインで画像のカスタムフィールド(ここでは店舗画像)を作成する際に返り値を「画像オブジェクト」にします。画像フィールドを作成カスタムフィールドを使う編集画面を開いて画像を追加します。プレビューはサムネイルに設定したので小さく見えますが実際の画像は幅2000pxくらいのビッグサイズです。画像が追加されるそのまま表示したくないので、できれば中サイズ画像などを表示したいことがあります。カスタムフィールドを表示するにはthe_field関数を使いますが次のように記述してもうまくいきません。?>具体的には次のように意味不明な文字が表示されます。文字の内容を見ると画像のURLなどが入っているように見えるので、その内容をいったん取り出してから表示するというステップが必要です。それには、the_field関数の代わりにget_field関数を使います。具体的なコードは後回しにしますが、get_field関数を使うと、次のような情報が返されます。変った構造に見えるかもしれませんが、これはPHPの「配列」という形式のデータです。))ここからデータを取り出すにはPHPの配列についての知識が必要ですが、「sizes」以下に画像のサイズらしき文字やURLが入っていることに気づけば大丈夫です。「medium」には中サイズ画像のURLが入っているようなので取り出してimgタグを組み立ててみましょう。具体的には次のようなコードになります。?>">これにより、次のようなimgタグが組み立てられます。src="http://.../wp-content/uploads/2018/03/a-300x198.jpg">画像のURLに「-300x198」が付いていることから中サイズ画像だとわかります。結果として、中サイズの画像が表示されます。カスタムフィールドの画像(中サイズ)が表示されるあとは使いたいサイズに応じて上記のコードを書き換えれば大丈夫です。各サイズの画像を表示するためのコードをまとめておきます。Pro」の紹介WordPressでお困りのときはご相談を細かい質問からCSSやPHPのカスタマイズ、トラブル対応まで、この記事を書いた西沢直木が対応します。最短で本日中に問題解決できます見積もり無料・料金は終了後の後払いです銀座教室・スカイプ・出張またはメールで対応しますWordPress個別サポートについて詳しくはこちらトラブル解決でお急ぎのときはお急ぎのときはWordPressメールサポートで対応します。Proのライセンスを持つユーザー向けのプラグインです。この記事の執筆時点では次のようなブロックが使用可能です。2019年11月30日WordPressでホームページを作成する手順を紹介します。WordPress初心者の方でも迷わないようにすべての手順について画面を掲載しています。短時間でホームページのたたき台を作っていきます。「最近、ホームページのアクセスが減ってるかも?」が気になるとき、対策が必要になりますが、どのページのアクセスが減っているのか、増えているのかチェックできた方が効率的に対処できるはずです。「WordPressの表示速度が遅い」とか「ダッシュボードの動きが重苦しい」など、WordPressの高速化でお悩みの方もいるかと思います。遅いサイトは検索順位や集客にも影響するので死活問題です。2019年9月13日ご存じのようにBizVektorがアップデート終了とのことで、新たに使えるテーマを探している方も多いと思います。ver.7対応)WordPressでホームページを作成する手順を紹介します。