カスタムフィールドのプラグインはコレ

Advanced Custom Fields

カスタムフィールドを扱うときに便利で気に入っているのが
Advanced Custom Fields

いろいろ使ったけど結局これが一番お気に入り。

使い方はググると出てくるし、説明がいらないほど使いやすいUIで誰でも簡単にできると思うので、お気に入りポイントだけ紹介。 

お気に入りポイント

ルールの設定がとても簡単。

カスタムフィールドを使いたい投稿タイプやカテゴリーを選ぶことができる。とても簡単。もちろんカスタム投稿タイプも選べる。

2014-05-02_020224

消したいときはマウスオンでマイナスが出る。気づかなくて探した。

②表示位置が選べる

投稿画面でカスタムフィールドの入力ブロックをどこに表示するか選べる。これはうれしい。
タイトルの下に設定しておくと入力忘れがなくて安心。

2014-05-02_024120

さらに「画面に表示しない」でチェックを入れると投稿画面で邪魔なものを非表示にできる。
コンテンツエディタがいらない場合とか結構あるけどチェックひとつでそれができる。

いろいろあるとクライアントが迷うし。便利すぎ。

 

③フィールドの設定が至れり尽くせり

フィールドを追加

カスタムフィールドを追加するのも、超かんたん説明不要。
で、やりたいこと全部設定できちゃう

2014-05-02_025917

ただのテキストボックスでもこんなにかゆいところに手が届く。

「フィールド記入のヒント」とかに説明入れとくと更新者に親切だし、「デフォルト値」にはよく使うやつとか例文とか入れられるし、「prepend」とか「append」とかに入力エリアの前後に出したい文字設定できるし(入力画面のみ。出力は別)やりたいことだいたい揃ってる。

他のフィールドタイプも同様に素晴らしいのでいろいろ見てみてください。

④googleMapが使える

今まで別のgoogleMapプラグインを使っていたけど、これでいいじゃんと思った。。

2014-05-02_031122

▼実際の入力画面。住所とか入力すると地図でます。

2014-05-02_031210

他にもjQueryのDatePickerとか便利なフィールドがたくさん。

⑤タブが便利!

2014-05-02_031354

ただタブを出すだけなんだけど、これがとても素敵。

フィールドが多くなると投稿画面が長くなってしまうけど、タブを使えばとてもスッキリ!!

2014-05-02_031426

⑥並び替えもドラッグアンドドロップで簡単

2014-05-02_032247

すばらしい。

まとめ

●制作者がやりたいことのほとんどが簡単にできる。
●クライアント・更新者にわかりやすいフィールド入力UIを実装できる。
●使ってて感動する(いろいろ使ってきたから余計に・・・)

そのうち出力編を・・・

コメントを残す

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

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