Fields」で値を表示する方法をご紹介したいと思います。Fields」は、フィールドビルダを使用して好きな場所にフィールドを作成できるプラグインで、多くのユーザーに愛用されています。「テキストエリア」や「画像フィールド」など、追加できるフィールドの多さも特徴ですが、出力が複雑なものもあり、今回分かりやすくまとめてみました。Fields」プラグインをダウンロードの上、ご覧ください。Fieldsでテキストを表示する方法テキストフィールドは、単純なテキスト入力を作成します。Fieldsでテキストエリアを表示する方法Textareaフィールドは、テキストエリアを作成します。テキストとの違いは複数行入力できる点です。範囲フィールドは、数値を選択するためのフィールドです。表示フィールドは数値を返します。今回は、選択した値をすべての<h2>要素の「font-size」スタイルとして使用する方法になります。Fieldsでチェックボックスを表示する方法チェックボックスフィールドを作成できます。設定画面で「選択肢」の部分を設定しておけば、値の取得が便利です。表示チェックボックスフィールドは、選択された選択肢の配列を返します。?>値とラベルを表示この例は、「値のフォーマット」設定を使用せずに、選択した値とラベルをロードする方法です。Fieldsでラジオボタンを表示する方法ラジオボタンフィールドは、選択可能なリストを作成します。?>値とラベルを表示この例は、「値のフォーマット」設定を使用せずに、選択した値とラベルをロードする方法です。選択フィールドは、ドロップダウン選択または複数選択入力を作成します。選択した複数の値を読み込んで表示する方法です。Falseフィールドでは、1または0の値を選択できます。Falseフィールドは、trueまたはfalseのブール値を返します。値は、「1」または「0」としてDBに保存されます。値を使用して条件付きでタスクを実行する方法です。?>クエリの投稿この例は、true値を持つ投稿をクエリする方法です。Fieldsでファイルを表示する方法ファイルフィールドでは、ファイルをアップロードして選択できます。基本の表示(オブジェクト)この例は、arrayを使用するときに選択したファイルを表示する方法です。?>カスタマイズされた表示(オブジェクト)この例は、object戻り値の型を使用するときにカスタムリンクを表示する方法です。?>基本の表示(ID)この例は、IDを使用するときに選択したファイルを表示する方法です。必要なデータのみを効率的にロードできます。File</a><?php}?>基本の表示(URL)この例は、URLを使用するときに選択したファイルを表示する方法です。基本的なリンクを効率的に表示できますが、ファイルに関する追加データを読み込むことはできません。画像フィールドでは、画像をアップロードして選択できます。このフィールドは、WPメディアポップアップを使用して、アップロードおよび選択プロセスを処理します。IDを使用するときに選択した画像を表示する方法です。この例では、wp_get_attachment_image()関数を使用して画像HTMLを生成します。arrayを使用するときに選択した画像を表示する方法です。この戻り型により、alt、キャプション、サイズなどの追加の画像データに簡単にアクセスできます。array戻り値の型を使用するときに、選択した画像のカスタムサイズを表示する方法です。この戻り型により、サイズ、幅、高さなどの追加の画像データに簡単にアクセスできます。?>基本の表示(URL)この例は、URLを使用するときに選択した画像を表示する方法です。この戻り型により、基本的な画像を効率的に表示できますが、画像に関する追加のデータを読み込むことはできません。FieldsでWysiwygエディタを表示する方法Wysiwygフィールドは、投稿およびページで使用される一般的な方法でWordPressコンテンツエディターを作成します。これは、テキストとマルチメディアの両方を単一の領域内で編集およびスタイル設定できるため、コンテンツの編集に最も役立つフィールドの1つです。Fieldsでカラーピッカーを表示する方法カラーピッカーフィールドでは、javascriptポップアップを使用して色を選択できます。Fieldsでデイトピッカーを表示する方法デイトピッカーフィールドは、jquery日付選択ポップアップを作成します。このフィールドは、テーマで使用する日付を設定するのに役立ちます。値(YYYYMMDD形式で保存)を取得し、数値に変換してさらに変更する方法です。Fieldsでデイトタイムピッカーを表示する方法デイトタイムピッカーフィールドは、jQueryの日時選択ポップアップを作成します。このフィールドは、テーマで使用する特定の日時を設定するのに役立ちます。H:i:s」としてDBに保存されます。日時ピッカーフィールドは、フィールドの設定で指定された形式で日時値を含む文字列を返します。Fieldsでタイムピッカーを表示する方法タイムピッカーフィールドは、jQuery時間選択ポップアップを作成します。このフィールドは、テーマで使用する特定の時間を設定するのに役立ちます。選択した値は、さまざまな形式で返されて表示できますが、常に「H:i:s」としてデータベースに保存されます。表示タイムピッカーフィールドは、フィールドの設定で指定された形式で文字列値を返します。Fieldsでユーザーを表示する方法ユーザーフィールドでは、1人以上のユーザーを選択できます。このフィールドタイプは、データオブジェクト間の関係を作成するのに役立ちます。IDとして保存し、取得時に完全なWP_Userデータを返すことができます。選択したユーザーを表示する方法です。選択した複数のユーザーをリストに表示する方法です。Fieldsでリンクを表示する方法リンクフィールドは、リンク(URL、タイトル、ターゲット)を選択できます。表示リンクフィールドは、戻り値の設定に応じて配列または文字列を返します。Fieldsでページリンクを表示する方法ページリンクフィールドでは、1つ以上の投稿、ページ、またはカスタム投稿タイプを選択できます。このフィールドは、投稿のURL(パーマリンク)を返すため、別の投稿に簡単にリンクするのに役立ちます。選択したページリンク値をロードして表示する方法です。選択された複数のページリンク値を読み込んで表示する方法です。投稿オブジェクトフィールドは、ページ+投稿+カスタム投稿タイプを選択できる選択フィールドを作成します。このフィールドは、別のページ/投稿へのリンクに役立ちます。表示APIは、単一の投稿オブジェクト(APIはget_postを使用)または投稿オブジェクトの配列(APIはget_postsを使用)を返します。社員Aフロントエンドエンジニア・デザイナーの社員Aです。更新頻度が多いかと思います。このブログのテーマも作成しました。ブログの執筆を通じて、やっと日本語Lv.20くらいになれた気がします。株式会社ユニバースです。ホームページデザイン、ECサイトデザインなどWEB制作のトータルサポートを行っております。ホームページ制作やネットショップ運営代行などwebに関するご相談・お見積は、お気軽にお問い合わせください。MAX】2018年10月19日10今話題のLINEのオープンチャットとは?実際に参加してみた2019年09月11。