カスタムフィールドの設定が簡単にできるプラグインAdvanced Custom Fields

公開日: : 最終更新日:2014/02/12 WordPress, WordPressプラグイン

01

wordpressは基本ブログ構築のCMSなので入力項目が一つしかありません。
そのため、wordpressを使ってサイトを構築すると「価格」「サイズ」「カラー」等といった沢山の入力項目が必要になってきます。
その時に活躍するのがカスタムフィールドです。
カスタムフィールドはプラグインを使って設定するのですが、有名なプラグインは「Custom Field GUI Utility」や「Custom Field Template」等があります。
今回は紹介するプラグインは、海外での評価が高く非常に使いやすい「Advanced Custom Fields」です。
今回は基本的な設定を紹介します。

インストール

Advanced Custom Fieldsr」のページにアクセスしてプラグインをダウンロードします。プラグインをインストールしてプラグインを有効化にします。

02

カスタムフィール画面の表示

1.左メニューに「カスタムフォールド」ボタンがあるのでクリックするとフィールドグループと表示されたページが出ます。
2.「新規追加」ボタンをクリックします。
3.フィールドグループ名を決めます。(後で変更も可能です。)
4.「フィールドの追加」ボタンをクリックします。

入力画面設定

■フィールドラベル

入力欄の横に表示される項目

■フィールド名

入力欄の名前(アルファべトで設定)

■フィールドタイプ

テキスト、チェックボックスなどの入力の種類

■フィールド記入のヒント

入力欄のに入力する内容の説明ができます

■必須か?

入力項目を必須にするかを決めれます

■デフォルト値

初期値を設定

■その他以下のような設定が出来ます。

・Placeholder Text
・Prepend
・Append
・フォーマット
・Character Limit
・条件判定

03

設定が完了すると「公開」ボタンをクリックします。
また、フィールの順序は移動させたい項目をドラックアンドドロップで入れ替えることができます。

04

05

入力画面を開くと先ほど設定したカスタムフィールドが設定されています。

06

設定したカスタムフィールドをサイトに反映させる

設定したカスタムフィールドサイトに表示させるにはテンプレートのループ内にdvanced Custom Fieldsの独自の関数を記述することでサイトに反映できます。

wordpressで商品紹介などページを構築するときに表示役に立つプラグインです。

関連記事

00

WordPressのマルチサイトでドメインの変更方法(www無しから有りに変更)

通常WordPressでドメインを変更する時は、一般設定で変更できますが、マルチサイトでの場

記事を読む

07

フリーで使えるデザインがいいWordPressテーマ

世界中で最も利用されているCMSがWordPressです。 WordPressは、テーマと

記事を読む

01

HTMLのHead部分を最適化するプラグイン「Head Cleaner」

Head Cleanerは、の中身を整理やCSS・JavaScriptの最適化するととも

記事を読む

01

WordPressのアップロードサイズを増やす方法

WordPressはファイルのアップロードサイズが2MBデフォルトになっています。 最近は

記事を読む

20131015

WordPressでソースコードを紹介する時に見栄えよく表示してれるプラグイン[SyntaxHighlighter Evolved]

技術関係のブログ記事を紹介しているとHTMLやプログラミングのソースコードを説明する機会があ

記事を読む

000

インストールするだけで簡単に設定できるWordPressのプラグイン3点

このブログではWordPressのプラグインをいくつか紹介していいますが今回ご紹介するプ

記事を読む

00

人気の記事を一覧表示してれるプラグイン「WordPress Popular Posts」

ブログを運営していると過去の記事はバックバックナンバーとなり見られる確率が減ってきます。

記事を読む

00

記事の公開期限を設定できるプラグイン「Post Expirator」

投稿した記事に内容によっては公開する期間を設定したい時があります。 例えは期間限定商品の商

記事を読む

201310261

WordPress3.7にアップデートしてみたら、10の機能が追加されていた。

WordPress3.7の日本語版の更新が可能になっていたので更新してみました。 現在賛否

記事を読む

00

wordpressでアップロードした画像を設定したサイズに自動的にリサイズしてくれるプラグイン「Resize at Upload Plus」

ブログにデジカメで撮影した写真を載せる場合、そのままのサイズでアップロードすると表示サイズは

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

01
カスタムフィールドの設定が簡単にできるプラグインAdvanced Custom Fields

wordpressは基本ブログ構築のCMSなので入力項目が

00
WordPressのマルチサイトでドメインの変更方法(www無しから有りに変更)

通常WordPressでドメインを変更する時は、一般設定で変更

07
フリーで使えるデザインがいいWordPressテーマ

世界中で最も利用されているCMSがWordPressです。

01
HTMLのHead部分を最適化するプラグイン「Head Cleaner」

Head Cleanerは、の中身を整理やCSS・Java

01
WordPressのアップロードサイズを増やす方法

WordPressはファイルのアップロードサイズが2MBデフォ

→もっと見る

PAGE TOP ↑