データの移行に伴い、phpコードの文字化けが発生している箇所があります。
＆lti や ＆gt; のような文字化けが出ているコードはコピーしないでください。
現在、手直し中です。すみません。
カスタムフィールドのプラグイン 入力支援・表示・管理
ここではカスタムフィールドの入力支援や表示方法のカスタマイズ、管理やメタデータの一括編集に関する情報を掲載しています。
カスタムフィールドを使いこなせば、ユニークなサイト構築が可能になると共に、面倒な入力作業を省力化することもできますので、ぜひ基本をマスターして下さいね。
§ もくじ
- カスタムフィールド入力支援プラグイン
- カスタムフィールドをサイトに表示させるプラグイン
- カスタムフィールドの【名前】【値】を管理するプラグイン
- wp-postmetaを使ったカスタムフィールド一括編集
-other page-
「カスタムフィールドの使い方がまったく分からない」という方は次の記事からどうぞ。
基本的な知識～サイトへの応用例を紹介しています。
カスタムフィールドの使い方 - カスタムフィールドの基本
- 個別に値を指定するシングル表示
- trueを使った【値】の共通表示
- カスタムフィールドで使える値
こちらの記事もご参照ください。
カスタムフィールドに毎回同じ値を入力したり、複数の記事に共通したパターンを用いる場合、毎回、似たような記述を繰り返すのは大変面倒ですね。
そこで活用したいのが、入力支援プラグイン。
一番有名なのが日本人開発者Hiroaki Miyashitaさんによる【Custom Field Template plugin】です。
このプラグインを使えば、デフォルトでは使えないPHPコードも利用可能になりますし、値の並べ替えや、スタイルシートの適応なども出来ますので、カスタムフィールドを徹底的に使いこなしたい方にはおすすめです。
ただ、カスタムフィールド初心者には、何のことか分からない部分もありますし、「こんなにたくさん機能はいらないワ」という方には、【Custom Field GUI Utility 2.0.0】がおすすめです。
こちらも開発者が日本人のTinyBeansさんなので、日本語による詳しい説明があります。
コチラから最新版ファイルをダウンロードして、解凍して、テキストエディタで開きます。
（私の環境では最新版の2系が上手く動作しなかったので、1系を使っています）
ファイルの中に、次の3種類のiniファイルがあるので、シングル記事だけに入力フォームを表示したい場合はconf-post、ページだけに表示したい場合はconf-page、両方に表示したい場合は conf-commonをテキストエディタで開きます。
編集前に、すべてのファイルをアップロードし、管理画面でプラグインを有効化して、実際に、投稿画面にどのような入力フォームが現れるのか確認してからiniファイルの編集を始めてもOKです。（初めての場合は、こちらの方が分かりやすいかも）
たとえば、各記事のサムネイルをカスタムフィールドで設定する場合。
conf-common.iniを次のように編集します。
[ ] で囲まれる部分が、カスタムフィールドの【名前】に相当します。
fieldnameは、入力フォームに付ける名称です。
（名前と同じにした方が分かりやすいかも）
次のような入力フォームが現れます。（1.1系の場合）
セレクト・メニューの場合。
（Sample= は削除しても可）
実際の入力フォーム。
フォームに記入した【名前】【値】は、投稿を保存した時、postmetaデータとして保存されます。
使わないフォームは、コードを丸ごと削除すれば、画面から消えます。
またフォーム表示を、「シングル記事のみ」「ページのみ」に限定する場合は、不要な方のiniファイルを削除します。
要領がわかれば、非常に使い勝手の良いプラグインなので、ぜひ試してみて下さい。
カスタムフィールドに設定した【名前】や【値】は、get_post_meta などのテンプレートを使えば記事、サイドバー、フッターなど好みの場所に表示することが可能ですが、いまいち使い方が分からないという方は、プラグインを使うと応用の幅が広がります。
ここではウィジェットを中心とする『カスタムフィールド表示支援』のプラグインを紹介しています。
echo c2c_get_custom や c2c_get_random_customといったテンプレート・タグを組み合わせることで、前後に定型句を挿入したり、【値】をリスト表示したり、様々なカスタマイズが可能です。
カスタムフィールドに次のように入力します。
表示したい場所にコードを書き込みます。
実際の画面
もう一つ、shortcodeを使った実例を紹介します。
プラグインを有効化すると、記事投稿画面の右端に次のような入力画面が現れます。
挿入するテキストなど特に必要ない場合は空欄のままでOKです。
たとえば、カスタムフィールドに、次のような画像ファイルを指定している場合。
指定している複数の記事からアイテムをランダムに呼び出すように設定し、『Send shortcode to editor』して表示します。
投稿内に挿入されたコード。
記事中の表示例。
こちらは記事内に設定した【key(名前)】をベースに、【値】をウィジェットで設定してサイドバーに表示するプラグインです。
これは【値】をウィジェットで設定するので、自由度も高く、便利に使えそうです。
公式サイトで紹介されているように、その記事に関連したAmazonのおすすめなどを表示するのに便利ですね。
たとえば、【名前】に『movie』と設定した記事には「DVDの新作情報」、『book』と設定した記事には「小説売れ筋ランキング」など表示するようにすればコンバージョンアップに繋がると思います。
フォト系のサイトなら、『food』と設定した記事には「食べ歩き写真」、『taravel』と設定した記事には「記念写真」をギャラリー風に表示すると面白いですよ。
ウィジェットなら、【値(value)】に表示したい情報を管理画面から手軽に変えられるので、更新や削除にも手間取りません。
使い方次第で非常にユニークな効果が期待できますね。
カスタムフィールドも使いこなせば非常に便利な機能ですが、タグやカテゴリーのような一括編集機能が無いため、一度、設定すると、編集する度に記事編集画面を開かない上、どの記事にどんな【名前】や【値】を設定したか、一覧で確認する術がないため、非常に不便な一面があります。
そのうち、これらを網羅したプラグインが開発されるかと期待していたのですが、必要性や難度の問題から、なかなかコレ！というものが見つかりません。
その中で、私が理想とする機能に近いプラグインをいくつかピックアップします。
こちらは入力支援とマス編集機能を備えたプラグインです。ものすごい力作だとは思うのですが、ちょっとイメージが掴みにくいこともあって、人気度はイマイチです。
また、過去に入力したデータについては対象にならないため、一から使い始める人でないと機能しません。
この点がクリアできれば得点が高いのですが、やはり難しそうですね。。。
こちらも上記に似た新しいプラグインです。記事内での入力支援が可能です。
他にカスタムフィールドのグループ化、マス編集機能などがあります。
が、これも先のプラグインと同様、すでに設定してしまった【名前】や【値】のマス編集はできません。
これから新規で設定し始める場合に使えます。
分かりやすいインターフェイスでカスタムフィールドの入力を簡素化するプラグイン。
このプラグインの特色はイメージのスライドショーが手軽に作成できる点です。
フォト系のサイトだと応用が広がりそうですね。
こちらはカスタムフィールドで設定した名前をタグやカテゴリーに変換するプラグイン。
記事のタクソノミーを利用されている方には便利そうです。
Conditional Custom Fields Shortcode
上記の『get custom field』に似た表示方法をカスタマイズするプラグインです。
簡単なコードを記入することで、投稿記事内にカスタムフィールドの値を呼び出すことができます。
ランダム表示、日付や昇降順による並べ替え、条件による値の呼び出しなど、ちょっと手の込んだ表示方法をカスタマイズすることができます。
すでに入力された【名前】や【値】を管理画面から編集するプラグインです。
カテゴリーや記事IDごとに編集することができます。
ただ、使い勝手がイマイチというか、機能がいまひとつよく分からないので、私は今のところ使用を見合わせています。
§ wp-postmetaを使ったカスタムフィールド一括編集
先にも述べたように、カスタムフィールドで設定した【名前】や【値】は、タグやカテゴリーのように管理画面で一覧を表示したり、マス編集することができません。
【名前】や【値】を変更する時は、いちいち投稿画面を開いて、カスタムフィールド欄を書き換えなければならないのが基本です。
しかし、『A』と設定した【名前】や【値】を『B』に一括変換するような編集は可能です。
カスタムフィールドに設定した値は、データベースの『wp_postmeta』に記録されるので、テキストエディタを使って置換するわけです。
記事投稿画面から指定した【名前】や【値】は、wp-postmetaの中では次のように表記されます。
INSERT INTO `wp_postmeta` (`meta_id`, `post_id`, `meta_key`, `meta_value`) VALUES
実例
(53, 258, ‘post_img’, ‘/flower.jpg’),
53がmeta_id、258がpost_id、【名前】がpost_img、【値】が/flower.jpgになります。
たとえば、flower.jpg を cat.jpg に一括変換したい場合、テキストエディタを使って全置換し、phpMyadminを使ってインポートすれば自動的にすべての【値】が更新されます。
カスタムフィールドを設定していない記事にwp_postmetaを使って入力する方法もあります。
たとえば、post_idが258の記事に、【名前】post_img、【値】flower.jpg を設定したい場合。
meta_idにヌルを指定すれば、WordPressが自動的にmeta_idを作成し、メタデータとして記事に追加してくれます。
(null, 258, ‘post_img’, ‘/flower.jpg’),
なお、最後の行は必ず ; で閉じるようにします。
記事数が多くなると、カスタムフィールドの管理も大変になるので、wp_postmetaを上手に活用してください。
§ お役立ちアイテム
EM Editor Professional ダウンロード版 4200円
数十MBの巨大ファイルも楽に読み込む多機能で使いやすいテキストエディタです。FTPへのドロップ機能もあり、WordPressのファイル編集に欠かせないツールです。
詳しくは『Vector 商品詳細ページ』でどうぞ。
Ads
3 Comments
Leave a Reply
カスタムフィールドについてあらためて調査 « 製品DBテスト
11月 10, 2010 @ 06:08:34
[...] http://word-express.net/wp-21/ [...]
トゥイー
6月 10, 2011 @ 11:37:12
WordPress を使って、記事閲覧者に情報を入力してもらって、その情報を処理する方法を探しています。
「WordPress 入力フォーム」でググってこのページに来ました。
このページで説明しているカスタムフィールドというものが、目的にあっているのかどうなのか、すぐに判断つかなかったので質問させてください。
ここで言うカスタムフィールドというのは、記事閲覧者が入力するものではなく、記事投稿者が入力するもの（記事の管理を楽にするもの）というイメージですがあっていますでしょうか？
阿月まり
6月 10, 2011 @ 17:13:09
カスタムフィールドは、記事投稿画面から入力します。
「便利かどうか」は「何をどう見せたいか」によりますね。
私は主に広告に利用していますが、
たとえば映画関連の記事については共通してこのデータを呼び出す、とカスタムフィールドで設定しておけば、
内容に変更があった時、一つ一つの記事を編集しなくても、
データの方を変えてしまえばいいので、うんと手間が省けます。
逆に、わざわざカスタムフィールドを使わなくても、
記事本文に直接書き込めば事足りる、という場合もありますし、
ほんと「目的」によるんですよ。
一度、画像やテキストを使って、テストされたらいいと思います。
何度も試すうちに、目的や使い道が分かってくると思います。
慣れたら面白い機能ですから、ぜひトライしてくださいね。