使い始めたユーザーに書いていただきました。選ぶ理由とは...?本連載は6回シリーズでお送りする予定です。cmsのメリットWordPressユーザーの皆さんこんにちは。cmsの基礎を解説するこのシリーズ、前々回は「ユニット」、前回は「子ブログ」と「カテゴリー」について見てきました。今回取り上げるのは「カスタムフィールド」です。WordPressのカスタムフィールドまずはWordPressのカスタムフィールドについて見ていきましょう。WordPressのカスタムフィールドは、コアの機能だけでは、それほど扱いやすいとは言えません。投稿と固定ページにしか使えない「値」はテキストエリアだけプルダウンメニューからフィールドをいちいち選んで入力する必要があるといった弱点があります。カスタムフィールドに値を入力するには、まず「名前」セレクトメニューからカスタムフィールド名を選ぶ必要があります。カスタムフィールド関連のプラグインこういった弱点を補い、カスタムフィールドを扱いやすいものにするため、さまざまなプラグインが配布されています。Fields」はもっとも人気のあるプラグインです。使うと、次のような利点があります。カスタムフィールド追加画面と値の入力画面は直感的で簡単ですしかし、カスタムフィールド関連のプラグインを使うことには、下記のようなデメリットもあります。プラグインへの依存性が高くなり、将来的なバージョンアップ対応への不安がある管理画面の動作や表示画面のブラウジングが遅くなるプラグイン同士のコンフリクトが起こることがあるデータベースのテーブルの構造が独自になってしまうそれでもWordPressでカスタムフィールドを便利に使おうとすれば、プラグインに頼らざるを得ないのが実情です。cmsにはサードパーティ製のプラグインは基本的に存在しません。カスタムフィールドに限らず機能はすべて本体に搭載されていて、プラグイン同士のコンフリクトやバージョンアップ時の不具合に悩まされることはありません。cmsのカスタムフィールドは、WordPressのように管理画面から追加していくのではなく、管理画面用のテンプレートファイルにHTMLを書いて定義するという特徴があります。そのためHTMLの知識がある程度必要になりますが、ソースコードは「カスタムフィールドメーカー」で生成できるので、慣れればそれほど難しくはありません(「カスタムフィールドメーカー」については後の文章でくわしく説明します)。HTMLなので柔軟にレイアウトを変更したり、注意書きを追加したり、JavaScriptと組み合わせたりすることが可能です。WordPressのカスタムフィールドと異なりとくにカスタマイズをしなくても初期状態で検索にヒットします。cmsではカスタムフィールドはエントリー(投稿)だけでなく、ブログ、カテゴリー、ユーザー、モジュールに設定できます。エントリー(投稿)以外のカスタムフィールド入力フォームは、それぞれの設定画面の「カスタム設定」タブをクリックすると表示されます。デフォルトテーマの「site2018」テーマの場合、カテゴリーの「カスタム設定」では、SEOやOGP設定の他に、ページタイトルの背景画像や説明文を設定することができます。カテゴリーのカスタム設定WordPressではブログ全体に関する設定は、カスタマイザーで行います。リアルタイムで表示確認できるカスタマイザーはきちんと作りこめば更新者にとって操作しやすい機能ですが、カスタマイザーのカスタマイズは難易度が高く、制作者にとっては負担が大きいところです。cmsではブログのカスタムフィールドはエントリー(投稿)やカテゴリーのカスタムフィールドと同じ感覚で追加したり、編集できるようになっています。ブログのカスタム設定の一部です。デフォルトではこのほかにOGP設定、会社情報、SNSアカウントの情報などが用意されています。エントリー(投稿)のカスタムフィールドは、ユニットと同じエントリー(投稿)の編集画面に表示されます。テンプレートファイル名を「field.html」にするとユニットの前に表示され、「field_foot.html」にするとユニットの後に表示されます。site2018の物件情報のカスタムフィールドの定義は「テーマフォルダ/admin/entry/field.html」からインクルードされているため、エントリーの編集画面でカスタムフィールドはユニットの上に表示されていますカスタムフィールドのテンプレートファイルの場所は下図のようになっています。カスタムフィールドの作成方法カスタムフィールドのソースを生成するためには「カスタムフィールドメーカー」を使います。コンフィグ」の「ガイドライン・ツール」にあります。[^1]必須項目である「入力欄の種類」、「タイトル」、「フィールド」に入力し、必要に応じてツールチップやオプションを入力して「生成」ボタンをクリックすると、「入力用ソース」と「出力用ソース」に上から順にソースが追加されていきます。「プレビュー」をクリックすると実際の入力画面をプレビューできます。「履歴クリア」をクリックするとソースがクリアされます。「入力用ソース」は上図で示したテンプレートファイルにコピー&ペーストします。カスタムフィールドメーカーのオプションで検索の対象にするかどうか、テキストの変換、入力チェックなども指定できます。出力用ソースは、出力側のテンプレートファイルにコピー&ペーストします。「物件情報」カテゴリーのエントリーで、分かりやすくカスタマイズされたエントリー編集画面の例を見ることができます。cmsの管理画面用テンプレートはHTMLで書かれているので、直接編集すれば分かりやすくカスタマイズすることができます。site2018テーマの「物件情報」カテゴリーのエントリーには多くのカスタムフィールドが用意されていますが、表示画面と管理画面のレイアウトを一致させることによって、直感的に編集できるようになっています。Fieldsとはまた別のプラグインを追加する必要があります。cmsではカスタムフィールドの値はとくにカスタマイズをしなくても初期状態で検索にヒットします。逆に特定のカスタムフィールドをヒットさせたくない場合は、上記の「カスタムフィールドメーカー」のオプションで「カスタムフィールド検索の対象外にする」にチェックを入れてソースを生成します。カスタムフィールドの値を使った詳細なカスタムフィールド検索を作成することも可能です。Proの繰り返しフィールドに似た機能で、カスタムフィールドを任意の回数繰り返すことができます。カスタムフィールドグループも、「カスタムフィールドメーカー」を使ってソースコードを生成し、ソースコードをテンプレートにコピー&ペーストするという手順で作成できます。cmsではフォームもカスタムフィールドの一種です。あるテンプレートファイルを編集します。フォームには標準的な内容が最初から用意されています。郵便番号からの住所検索も備えられています。Fieldsの「関連」に似た機能として「関連エントリー機能」について触れておきます。Fieldsの「関連」と似ています。cmsのカスタムフィールドには次のような特徴があります。cmsのドキュメントを参照してください。柔軟なカスタムフィールド」は以上となります。第4回は「URLの階層と一致しているテーマ&テンプレート」です。cmsでこんなことってできるの?」などのお気軽なご相談をお待ちしています。開発元のスタッフとビデオチャットを使ってリアルタイムで疑問にお答えします。なにか気になっていることや疑問があればスッキリ解決できるはずです。Webサービスを使ってオンライン相談をおこないます。ソフトウェアの準備は必要なし。マイクとスピーカーのみご準備ください。亜貴子WordPress歴はかれこれ10年ほど。cmsは2017年の夏、勉強会で知りました。フリーランスでCMS構築、コーディングをやっています。美容師にそそのかされて前髪を短く切ってしまいました。体験してみませんか?必要なのはメールアドレスだけ。スマホからも登録可能。インストールされているあなただけの環境を30日の間提供する無料のサービスです。必要なのはメールアドレスだけ。登録だけならスマホでも始められるのでお手軽にお試し可能です。あなた専用の制作環境のため、記事の投稿はもちろん、SFTPでサーバーに接続して自由にカスタマイズできます。cms製Webサイトをご覧いただけます。