Blogの公式キャラクター「パンD」です。Fields』の使い方を片っ端から解説していきます。大作になってしまったので目次付けときます。Template」を愛用していました。使い方を詳しく説明した記事も書きました。Fields』に乗り換えました。理由はいろいろあるのですが一番の理由は編集画面に表示されるフィールドが見やすいからです。管理画面をなるべく使いやすくカスタマイズするという事に重きを置くようになったのです。Fields』の柔軟性にビビりました。Fields』の使い方及び出力方法を詳しく解説していこうと思います。因みに出力方法だけ見せろって人はこの記事に飛んでね。Fields』と入力し「Enter」キーを押してインストールするか下記からファイルをダウンロードしてインストールしてください。Fieldsインストールしたら有効化してください。Fields』を有効化するとサイドバーに「カスタムフィールド」が追加されるのでクリックします!すると「フィールドグループ」ページが表示されます。ここに追加したカスタムフィールドの一覧が表示されます。新しくカスタムフィールドを作成する場合は「新規追加」をクリックします。「フィールドグループを新規追加」ページが表示されます。タイトルを入力しましょう。ここのタイトルはドコにも表示されないので分かりやすい名前を付けてください。タイトルを入力したら「+フィールドの追加」をクリックしてカスタムフィールドを追加していきます。フィールドラベル編集画面で表示される名前です。分かりやすい名前をつけましょうフィールド名フィールドの値を出力する時にコード上で使用します。半角英数で入力します。フィールドタイプカスタムフィールドの種類です。Fields』ならではのものまで沢山用意されてます。追加できるカスタムフィールドの種類それじゃ追加できるカスタムフィールドの種類を片っ端から説明していきたいと思います。お察しの通り長いので不要であれば読み飛ばして下さい。出力方法だけ見せろって人はこの記事に。Fields』で何ができるか色々試したんだけど柔軟性ハンパない!何ができるか全部把握していない人には必ず役に立つと思います。ことで見ていきましょう。項目の説明が書いている表は、全部合わせて一応全ての項目を網羅していると思います。(漏れがあったらゴメン)あっ「条件判定」は項目分けて説明してます。フィールドタイプ「基本」テキストフィールド系のカスタムフィールドです。基本的に以下の設定項目があります。テキスト普通のテキストフィールドです。フィールド記入のヒント作成者向けのヒント。した説明を入れれます。必須か?「はい」にしたフィールドが必須項目となり未入力の状態で公開できなくなります。Text入力欄に薄い灰色のテキストを表示できます。Prepend入力欄の前に文字列を表示します。Append入力欄の後ろに文字列を表示します。Limit文字数で制限を掛けることができます。tagsフィールドにHTMLタグを使用できます。formattingフィールドにHTMLタグを入力した場合、そのまま文字列として出力されます。テキストエリア普通のテキストエリアです。Rowsフィールドの高さです。tagsフィールドにHTMLタグを使用できます。tags改行がbrタグとして反映されます。formattingフィールドにHTMLタグを入力した場合、そのまま文字列として出力されます。数値専用のフィールドです。Value最小値を指定できます。Size例えば「5」とすると、5の倍数のみ入力できるようになります。メールメールアドレス専用のフィールドです。入力内容がメールアドレスの形式になっていなかったら警告を表示してくれます。パスワードパスワード専用のフィールドです。入力内容が「●」で表示されます。画像やファイル等のアップロード系のカスタムフィールドです。画像なんかは使用頻度高いんじゃないでしょうか。エディタ記事編集画面でいうところの本文入力フィールドのようなツールバー付のテキストエリアです。「Full」だと「ツールバーの切り替え」ボタンが表示されます。メディアアップロードボタンを表示するか?メディアアップロードボタンを表示するかどうかです。画像をアップロードできるフィールドです。返り値は画像を出力する時に利用します。ID」にしておけば間違いないでしょう。ID」にしとけば登録されてるメディアサイズにリサイズされた画像を扱うことが出来るからです。Fields』の出力】の画像の出力に書いてます。プレビューサイズ登録されてるメディアサイズの大きさで表示してくれます。因みに編集画面に表示されるサムネはレスポンシブなのでブラウザの大きさに合わせて可変します。ライブラリ「投稿にアップロードされる」を選択すると、その記事の編集画面でアップロードした画像しか使用できなくなります。ファイルPDF等のファイルをアップロードできるフィールドです。返り値ファイルの場合は基本的に直でリンクを張るので「ファイルURL」を選択します。フィールドタイプ「選択肢」チェックボックスやラジオボタン等の選択肢系のカスタムフィールドです。セレクトボックス普通のセレクトボックスです。選択しセレクトボックスの選択肢です。青のように記述すると、値とラベルの両方を制御することができます。選択しの「し」が平仮名になっちゃってるのが可愛いですね。4.3.8)無を許可するか?「はい」にすると選択肢の中に「-セレクトボックス-」というラベルが追加されます。ある「選択してください」的なやつです。複数の値を選択できるか?「はい」にすると複数選択できるようになります。複数選択ならチェックボックスでいいじゃんって感じもしますが笑また、これにチェックを入れると返り値が配列になります。チェックボックス普通のチェックボックスです。レイアウト編集画面で選択肢を縦並びで表示するか横並びで表示するかの指定です。ラジオボタン普通のラジオボタンです。選択し「選択肢「その他」を追加する」にチェックを入れると選択肢に「その他」が追加されます。「「その他」の値を選択肢に追加する」にチェックを入れたら「その他」の値を入力するテキストフィールドが表示されます。真/偽チェックを入れたら「1」、入れなかったら「0」が返ってくるチェックボックスです。メッセージチェックボックスのラベルを入力できます。フィールドタイプ「Relational」これは英語ラベルだったので今までスルーしてましたがちゃんと調べてみるとマジ便利です。「Relational」は直訳すると「関係のある」だそうです。因みにGoogleの翻訳に「Relational」といれても「リレーショナル」とカタカナが出てくるだけでした笑こんな横文字知らねーよ。ページリンク投稿や固定ページの記事を指定できるセレクトボックスを表示できます。出力すると指定した記事のパーマリンクが返ってきます。投稿タイプ編集画面で設定できるページのフィルタリングです。ここで指定した投稿タイプのみを編集画面に表示することができます。投稿オブジェクト基本は上の「ページリンク」と同じですが戻ってくる値が$postの様なオブジェクト型です。関連記事のタイトルだったり日時だったりを表示する時は「投稿オブジェクト」を使うのが良いです。タクソノミーでフィルタする編集画面に表示される記事をタクソノミーでフィルタリングできます。関連記事の設定ができます。他の記事の本文を対象にキーワード検索かけて関連記事を探せるという高性能ぶりこれはマジで早く知りたかった。因みに値は配列として格納されます。Format戻り値を$postのようなオブジェクト型にするか記事IDにするかの指定です。編集画面で関連記事を「キーワード検索」で探すかポストタイプでフィルタリングするかの指定です。何個まで登録できるようにするかの指定です。指定したタクソノミーのタームが選択肢として表示されるフィールドです。そもそもタクソノミーとして登録しているものをわざわざカスタムフィールドで表示する必要があるのか疑問ですが説明していきましょう。因みに値は配列として格納されます。タクソノミーここで指定したタクソノミーのタームが選択肢として表示されます。フィールドタイプ複数選択にするか単一選択にするかの指定です。チェックボックスやラジオボタン等の選択ができます。編集画面に普通に表示されるカテゴリー等のタクソノミーの値と、カスタムフィールドの値を連動させるかどうかです。カテゴリにチェックをいれると記事保存時に自動的にカスタムフィールドの値にも反映されます。返り値get_termのようなオブジェクト型を返すかタームIDを返すかの指定です。ユーザーWordPressに登録されているユーザーが選択肢として表示されるフィールドです。ここだけ複数選択か単一選択かで返り値の形式が変わります。ユーザーフィールド使う事もなさそうですが。ロールでフィルタするロール、つまり権限レベルで選択肢をフィルタリングできます。フィールドタイプ複数選択にするか単一選択にするかの指定です。どっちにするかで返り値の形式が変わるので出力の時は気を付けてください。フィールドタイプ「jQuery」この項目もプルダウンの最後だしスルーしがちですが使ってみると便利です。Mapから地図検索できます。返り値は住所と経度緯度の配列です。Centerマップの初期位置です。何も入力しないと初期値としてメルボルンが表示されます。Zoomマップのズームレベルの設定です。APIを使った事あるならピンとくるはずです。Heightマップの高さです。デイトピッカーカレンダーから日付を選択できるフィールドです。フォーマットを保存するここに入力されたフォーマットで値が返ってきます。日本で多い形式は「yy/mm/dd」とかですね。表示フォーマット編集画面上の表示フォーマットです。上の値と合わせてやればよいでしょう。週の開始カレンダーの左端を何曜日にするかの指定です。色を指定できるフィールドです。返り値は#から始まる16進数のカラーコードです。レイアウトカスタムフィールドの見た目を制御する項目です。フィールドとフィールドの間にメッセージを入れたり、複数のフィールドをまとめてタブ表示にしたりできます。メッセージメッセージを表示できます。メッセージここに入力されたテキストが編集画面に表示されます。タブフィールドをタブ形式でまとめることができます。まとめたいフィールドとフィールドの間に追加したタブ項目を置いてください。「はい」を選択すると特定の条件でのみ表示するフィールドを作れます。「選択肢」系フィールドの値を参照して条件分岐を作れます。作成したフィールドグループをどこに表示するかカスタムフィールドを追加できたら次は作成したフィールドグループをどこに表示するかを指定します。fields』のイイ所はカテゴリーでもタクソノミーでもどこでもカスタムフィールドを表示できることです。ANDやORで細かい条件分岐も可能です。マジ柔軟!良かったらこの記事も参考にしてください。カテゴリに画像のカスタムフィールドを追加する方法[WordPress]カスタムタクソノミーに画像のカスタムフィールドを追加する方法[WordPress]その他のオプション「オプション」項目で記事編集画面に関する設定ができます。順序番号フィールドグループの表示順です。title)タイトルの下に表示。content)本文入力フィールドの下に表示。これがデフォルトです。■Side記事編集画面右側に表示Styleフィールドグループの見た目の指定です。metabox)画面に表示しない記事編集画面に表示しない項目を指定できます。最後に「公開」ボタンをクリック入力が終わったら最後に「公開」ボタンをクリックしましょう。記事編集画面を開きましょう。そこには夢の世界が広がっているはずです。まとめ出力は別記事で詳しく解説してます。Fields』の出力くぅ~疲れました。fields』が柔軟すぎるせいで、この記事めっちゃ時間かかってます。一つ言わせてください。Blogをご覧いただきありがとうございます。Facebook、Twitterを通じて、皆様と交流していき色んな情報を共有していければな~と思ってます。@KoToRi_blog基本フォロー返します。RSSを登録するRSSはこちらから。Feedly使ってる人はこちらから。Hirano初めてサイトを拝見しました。新たに作った固定ページに投稿記事をサムネイル表示したくこのサイトにたどり着きました。投稿オブジェクトで出来るとの情報なのですが、あまり良く分かりません。Hiranoさんコメントありがとうございます。Takeshiさんが何をやりたいのかが文脈から読み取れないです。詳しく教えてください。因みに投稿オブジェクトの値を扱いたいのであればhttp://kotori-blog.com/wordpress/acf_output/上記の「投稿オブジェクト」の出力コードをテンプレートファイルに記述する必要があります。Mutaさんコメントありがとうございます!私はそのまま使う派ですが、時間に余裕があればカスタマイズガリガリしたいです。バージョンアップできなくなりますが。笑uuuたいへん勉強になりました。いつも助かっております。無料で貴重な情報をありがとうございます。kotoribloguuuさんコメントありがとうございます。言っていただけてうれしいです!!この記事書くのメチャクチャ時間かかりましたがプライスレスです笑ロズわかりやすい記事ありがとうございます。自身のグルメ・生活ブログにも取り入れていこうとおもいます。マルファン症候群を本物のマルファン症候群患者が徹底解説!マルファン症候群ブログはじめます。私はマルファン症候群です。