簡単にカスタムフィールドを追加することができるWordPressプラグイン「Advanced Custom Fields」

簡単にカスタムフィールドを追加することができるWordPressプラグイン「Advanced Custom Fields」

簡単にカスタムフィールドを追加することができるWordPressプラグイン「Advanced Custom Fields」
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加


  • 成人期「発達障害」情報サイト・発達障害に関わる体験談募集中!
  • このエントリーをはてなブックマークに追加

Advanced Custom Fieldsは、管理画面上で簡単にカスタムフィールドを追加することができるWordPressプラグインです。

スポンサードリンク

Advanced Custom Fieldsのインストール

インストール手順は以下の通りです。

  1. Advanced Custom Fieldsをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、Advanced Custom Fieldsを有効化します。

Advanced Custom Fieldsの使い方

Advanced Custom Fieldsを有効化すると、管理画面の左メニューに[カスタムフィールド]というメニューが追加されます。

1. まずは、[カスタムフィールド]にアクセスして、「フィールドグループ」を作成しましょう。追加するカスタムフィールドは、フィールドグループというグループ分けをして作成していきます。

advanced-custom-fields1

2. フィールドグループ名を入力します。

フィールドグループの名前

3. [フィールドを追加]をクリックして、追加するフィールドの内容を入力していきます。

フィールドの追加

フィールドラベル 編集画面で表示される項目名
フィールド名 フィールドの名前
フィールドタイプ フィールドの種類
フィールド記入のヒント 作成者向けのフィールドの説明
必須か? 必須か否か
デフォルト値 初期値
Placeholder Text プレースホルダーで表示するテキスト
Prepend フィールドの前に表示する内容
Append フィールドの後ろに表示する内容
フォーマット 入力された内容のフォーマット
Character Limit 文字数制限
条件判定 フィールドを表示する条件

4. 同じ要領で必要な分だけフィールドを追加します。
5. 「位置」でフィールドを表示する投稿タイプを指定します。ここで指定した条件に合う投稿タイプの編集画面に、追加したフィールドが表示されるようになります。

フィールドを表示する投稿タイプを指定

6. 必要であればオプションを指定します。

Advanced Custom Fieldsのオプション

順序番号 フィールドグループの順序を決める番号
位置 編集画面で表示する位置
Style 表示スタイル
画面に表示しない 編集画面で表示しないアイテムを選択

フィールドグループの作成が完了したら、「位置」で指定した投稿タイプの編集画面にアクセスしてみましょう。タイトルや本文などのデフォルトで表示されるフィールド以外に、追加したカスタムフィールドが入力できるようになっています。

カスタムフィールドの入力

カスタムフィールドをサイト上に表示する

カスタムフィールドを追加して、投稿の編集からフィールドを入力しただけでは、カスタムフィールドの内容はまだサイト上には表示されません。サイト上で入力したカスタムフィールドの内容を表示するには、get_post_meta関数で値を取得して出力する必要があります。

詳しい表示方法については、「WordPressのテーマ内でカスタムフィールドの値を出力する方法」をご参照ください。

あとがき

カスタムフィールドを使用することで、WordPressの使い方の幅が一気に拡がると思います。

PC操作に疎いクライアントが、なるべく使いやすい投稿画面を作成するのにも、カスタムフィールドは非常に役立ちます。カスタムフィールドを使いこなして、より良いブログ投稿の環境を整えましょう。きっとクライアントからも感謝されるはず・・・

この記事が気に入ったら
いいね!してね♪

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。