Fields」(以下ACF)のインストールと基本的な設定方法を画像を交えながら説明します。ACFはWordpressのカスタムフィールドをより使いやすく、より直感的に操作できるプラグインです。新規追加」をクリックします。Fields」と入力して検索すると、該当プラグインが一番最初に出てくるはずなので、「今すぐインストール」ボタン(下図2)をクリックしてインストールします。下の画像では既にプラグインがインストールされている状態なので、ボタンが「有効」と表示されています。WordPressのプラグインページから直接ダウンロードして、FTPでプラグインディレクトリにアップロードしてももちろんOKです。アップロードディレクトリは「wp-content>plugins」です。Fieldsプラグインページカスタムフィールドを作成するインストールが完了後、管理画面の左メニューに「カスタムフィールド」というメニューが追加されますので、クリックしてフィールドグループを作成するページに移動します。「新規追加」ボタンをクリックして、カスタムフィールドのグループを作成しましょう。今回の例では「店舗情報」というフィールドグループを作成しました。店舗情報を入力するカスタムフィールドを作成します。「フィールドを追加」ボタンをクリックすると、カスタムフィールドを追加・編集ができます。カスタムフィールドを作成するテーブルの下には、「位置」と「オプション」を設定するテーブルがあります。「位置」では、どの編集画面でカスタムフィールドを表示するかのルールを指定します。ある特定の固定ページやカテゴリー、またはブログの投稿記事のみ、といった様々なルールを作成することができます。「オプション」では、フィールドグループの表示順序や編集画面で表示させたくない項目を設定します。「Style」では編集画面でのカスタムフィールドの表示デザインを指定できます。(後述)「位置」のルール例カスタムフィールドを一通り設定した後は、ページ右側にある「公開」ボタンをクリックして内容を保存します。続けて作成したい場合はテーブル下部の「フィールドを追加」ボタンをクリックすればいくつでも追加可能です。ACFの肝といってもよい部分がこの「フィールドタイプ」ですが、様々な種類のカスタムフィールドを作成することが可能です。Proの詳細については以下の記事でまとめました。作成したカスタムフィールドを編集画面で確認するカスタムフィールド作成画面の「位置」で作成したルールに従って、カスタムフィールドが編集画面(投稿画面)に表示されます。今回の例では「固定ページ」に表示するルールを作成しました。「オプション」で「コンテンツエディタ」を非表示にしたので、画面がいくらかすっきりとしています。metabox)」を選ぶと、下の画像のようにセルが繋がったテーブルデザインになります。metabox)」です。ACFによるカスタムフィールドの出力カスタムフィールドの出力方法はフィールドタイプにより異なりますので、公式ページや以下の記事などを参考にしてください。Page(オプションページ)の使い方と出力方法AboutフリーランスのWebデザイナーです。Web制作/デザイン/写真に関するメモや、仕事/育児/家事の両立に役立ちそうなことも書けたらと思っています。楽天ROOMやってます。reserved...。