いつも（株）ヒニアラタのホームページをご覧いただき、誠にありがとうございます。
Topics
トピックス
[baserCMS]新「プチ・カスタムフィールドプラグイン」の使い方
2015/01/08
前回の記事でプチ・ブログ用カスタムフィールドプラグインについてご紹介しましたが、その直後にGitHub上にて新しいプラグインが公開されました。 作者は前回同様にarataさんですが、バージョンが1.0.0から振り直しとなり、現在はベータ版として公開されています。 （この記事の執筆段階では、baserMarket上には公開されていません。GitHubからダウンロードしてください。）
そこで今回は、この新しいプラグインの使い方についてご紹介していきたいと思います。
作業環境
・baserCMS ver.3.0.6.1
・プチ・カスタムフィールドプラグイン ver.1.0.0-beta
カスタムフィールドプラグインとは？
カスタムフィールドプラグインは、baserCMSのブログ投稿時に「カスタムフィールド」を使用できるようにするものです （カスタムフィールドについては、前回の記事をご覧ください）。 多くのbaserCMSユーザーに待ち望まれている機能で、今回（ベータ版ではありますが）プラグインが公開されました。
このプラグインによって、任意の入力欄をブログの投稿フォームに設置できるようになり、 各欄に入力された情報を表示側で取得＆表示することで、 「入力→保存→表示」という簡易な管理機能を特別なカスタマイズなしに実現します。
プラグインのダウンロード
GitHubよりZIP形式のファイルをダウンロードします。
ZIPファイル「PetitCustomField-master.zip」を解凍すると、フォルダ「PetitCustomField-master」が出現しますので、フォルダ名をリネームして「PetitCustomField」とします （GitHubからZIPファイルをダウンロードすると、ブランチ名がくっついてしまいます。不要ですのでリネームして消しています）。
baserCMSにインストールする
フォルダのリネームが終わったら、フォルダを規定の場所に設置します。FTP等を使ってアップロードし、以下のような配置になるようにしてください。
/app/Plugin/PetitCustomField/
設置が完了したら、管理画面にログインし「プラグイン管理」からプラグインをインストールします。 プラグインのインストールについては、公式Wikiを参考にして下さい。
上図のような画面が表示されますので、そのままインストールを実行します。 注意書きの通り、インストール直後はカスタムフィールドの利用設定が無効状態になりますので、後述の手順で有効化してください。
カスタムフィールドの設定と入力
インストールが終了するとプラグインが利用できるようになっています。「プラグイン管理」から設定することも出来ますが、システムナビ（下図）の方が分かりやすいかも知れません。
図中にある「設定一覧」をクリックすると、設定一覧画面が表示されます（ブログごとの設定が一覧になっています）。初期状態では下図のようになっていると思います。
公開アイコン（再生ボタンのような画像）をクリックすると、そのブログでカスタムフィールドを使用できるようになります。
テキストフィールドの作成
フィールドを新規追加するには、緑色の文字で書かれている「＋新規追加」をクリックするか、 管理アイコン（ディスプレイのような絵のアイコン）をクリックした先にある「フィールド一覧画面」（もちろん、最初はなにもない状態）から行うことができます。
フィールドの新規追加を行うと、上図のような登録画面が表示されます。
- カスタムフィールド名
- このフィールドの名前をわかりやすく設定します。日本語が使えます。
- ラベル名
- このフィールドのラベル名を設定します。日本語が使えます。ラベル名はフロント側で表示される名前になります。
- フィールド名
- 半角英数でフィールド名を設定します。ここで指定されたラベル名をテンプレート内で使用します。
- フィールドタイプ
- 幾つかの種類を選択できます。
- 利用状態
- このフィールドを使うかどうかを設定できます。
- 必須設定
- このフィールドを必須入力にするかどうかを設定できます。
- 初期値
- フォームに初期値を与えることが出来ます。
- 入力欄チェック
- 必須以外のバリデーション（半角チェック、数字チェック）について設定できます。
- テキスト
- フィールドタイプにテキストを選択した場合、ここで入力欄のサイズ、最大文字数を設定できます。
- テキストエリア
- フィールドタイプにテキストアリアを選択した場合、ここで入力欄のサイズを設定できます。
- 選択肢
- フィールドタイプにセレクトボックス、ラジオボタンなどを選択した場合、ここで選択肢を設定します（設定方法は後述）。
- 区切り文字
- フィールドタイプでラジオボタンを選択した場合、選択肢と選択肢との間に表示する区切り文字を設定できます（空白文字などを入れて選択肢間の幅を調整するなど出来ます）。
- プレースホルダー
- 入力欄内に薄く説明書きなどを入れておく事ができます。
- 入力テキスト自動変換
- 全角を半角に自動変換する機能を設定できます。
- 入力欄前に表示
- 入力欄の前に表示するテキスト等を設定できます。
- 入力欄後に表示
- 入力欄の後に表示するテキスト等を設定できます。
- このフィールドの説明文
- 説明文を入力できます。
今回はサンプルとして、不動産関連のサイトを想定して作ってみます。 まずはテキスト入力形式で「不動産名」を入力できるフィールドを作ります。
フィールドを登録すると、フィールド一覧に登録内容が表示されるようになります（下図）。
フィールドが設定できたら、ブログの投稿画面を開いてみて下さい。カスタムフィールド欄が追加されていると思います（下図）。
今回は、試しに不動産名を「テストビル」として入力、保存しておきます（保存した内容をフロント側で表示する方法は後述しています）。
セレクトボックスを設定する
テキスト入力欄につづいて、セレクトボックスを用意したいと思います。今回は不動産の種類を「建物」「土地」から選べるようにします。
先ほどテキスト入力欄を作った時には出ていなかった項目、「選択肢」という入力欄が表示されていると思います。 ここに選択肢を入力できます。選択肢毎に改行することで複数の選択肢を設定できます。 通常は改行するだけで構いませんが、詳細にラベルと配列キーを指定したい場合は、コロン（:）で区切って記入します（上図）。
登録が終わると、フィールド一覧ページに表示されていると思います。これで「不動産の名前」と「種類」という２つのカスタムフィールドが出来上がりました。
さっそくブログの投稿画面を開いて下さい。下図のようにフィールドが増えていれば成功です。
カスタムフィールドの値を表示する
入力されたフィールドの値をブログ記事にて表示させます。具体的にはブログテンプレートを編集し、フィールドに入っている内容が出力されるようにします。 今回は記事を個別表示した際に出力されれば良いので、以下のテンプレートを編集したいと思います。
/app/webroot/theme/お使いのテーマ/Blog/default/single.php
もしも「default」以外のテンプレートを使っている時は、上のURLを読み替えて下さい。 （「default」かどうかに限らず、記事の個別表示は「single.php」が担っています）
それでは早速、出力部分を追記していきます。フィールドの値を出力させるには、このプラグインの専用ヘルパーを利用します。 プラグインをインストールした時点で利用できるようになっていますので、テンプレート内でいきなり使って構いません。 使用するヘルパーは以下の２つです。
- $this->PetitCustomField->getPdcfDataField('フィールド名')
- ラベル名を取得します。取得だけですので、出力するにはechoを使用します。
- $this->PetitCustomField->getPdcfData($post, 'フィールド名')
- フィールドに入力された値を取得します。取得だけですので、出力するにはechoを使用します。
この２つのヘルパーを使って、以下のようにテンプレート中に追記を行いました。
<?php if (!empty($post['PetitCustomField'])): ?>
<div>
<?php echo $this->PetitCustomField->getPdcfDataField('real_estate') ?>：
<?php echo $this->PetitCustomField->getPdcfData($post, 'real_estate') ?>
</div>
<div>
<?php echo $this->PetitCustomField->getPdcfDataField('estate_type') ?>：
<?php echo $this->PetitCustomField->getPdcfData($post, 'estate_type') ?>
</div>
<?php endif ?>
追記が終わったら表示を確認します。下図のようにフィールドに登録した内容が出力されていれば成功です。
その他
デフォルトでは、ブログ投稿画面に表示されるカスタムフィールド入力欄は、ブログ本文入力欄の下になっています。 これを下図のように設定しなおせば、表示場所を変更する事ができます。設定画面は「カスタムフィールド設定一覧」の中から設定変更したいブログを選び、 編集アイコン（ノートの絵のアイコン）をクリックして開きます。
下図のようにカスタムフィールドの表示場所が、投稿画面の上の方に表示されるようになります。
これから発展が期待されるプラグインです
冒頭でご紹介させて頂いた通り、多くのユーザーが待ち望んでいたプラグインです。現在、ベータ版ですが正式公開される日も近いと思います。
また、同封されているREADMEファイルを開きTODOの所を見てみると、幾つかの機能追加予定があることが分かります。 これらの機能が追加されていくと、ますます素晴らしいプラグインになっていくと思います。新しい情報等あれば、当ブログでも随時追記していきたいと思います。
よくある質問
ここでは「ホームページを制作するのにどのくらいの期間が必要？」「島根県以外の遠方からでも依頼できる？」などお客様から寄せられる質問に回答しています。
下記の一覧からご覧になりたい質問内容をクリックしてください。
制作について
どのくらいの制作期間が必要ですか？
2ヶ月半〜3ヶ月程度を目処にお考え下さい。実際の作業自体はそれほどかかりませんが、お客様側でご準備いただくものや、新たに用意するもの（写真など）を考慮すると、結果的にそのくらいの期間がかかってしまうのが実情です。
法人ではなく個人事業主なのですが、制作を依頼できますか？
もちろん可能です。ただし、基本的には法人のお客様を想定したサービスとなっておりますので、気になる点などがございましたら、一度お問い合わせ頂ければと思います。
文章の校正はしてもらえますか？
本格的な校正または文章ライティングは、プロのライターに依頼することで可能です（有料）。なお、お客様からお預かりした原稿の誤字脱字等は、可能な限り確認・修正させていただいておりますが、お客様から弊社に完成原稿として提供いただくものにつきましては、なるべくお客様側にて一度チェックしていただきますよう、お願いいたします。
知り合いのデザイナーにデザインをお願いしたいのですが・・・。
事前にご相談いただければ、社外のデザイナーにデザインをお願いすることも可能です。ただし、その方に対して弊社からWeb構築に関する技術・仕様などの指導は出来ませんので、予めWebデザインが可能かどうかをデザイナーにご確認ください。
他社で作った既にあるホームページを修正したいのですが出来ますか？
他社様が制作したホームページでも修正を承っております。ご相談ください。
スマートフォン対応のホームページを作成してもらえますか？
もちろん可能です。現在主流のレスポンシブデザインという制作手法で構築できます。これはユーザーが利用している端末の画面幅に応じてレイアウトを自動で変更するもので、パソコン用のサイトとスマートフォン用のサイトを別で作る必要がないのが特徴です。
現在ホームページを持っていますが、リニューアルをお願いできますか？
もちろん可能です。リニューアルの仕方にもいろいろとあります。CMS（管理システム）やデザインの入れ替え、URLの変更など目的やご要望に応じた手法をご案内しています。
ホームページと一緒にブログも作りたいのですが、可能ですか？
多くのお客様がホームページの制作と同時にブログ機能（お知らせ、新着情報、トピックスなど呼び方は様々）を利用しています。
ホームページに掲載する内容は、一緒に考えてもらえますか？
はい。打ち合わせの際にスタッフへご相談ください。必要であればプロのライターさんに依頼することも出来ます。（有料）。
制作を依頼した場合、何を用意すれば良いですか？
打ち合わせの中で必要なものを確認して進めていきます。一般的には、会社パンフレットなどお客様の事業内容がわかる資料、ロゴマークなどのデータ、ホームページに載せたい写真・画像、
遠方（島根県以外）からホームページ制作の依頼はしてもらえますか？
リモート会議などで対応可能です。弊社では東京・大阪をはじめ、全国のお客様からのご依頼を承っております。ご相談ください。
WordPressを使ったサイト構築は可能ですか？
対応可能です。また、WordPress以外でも対応できますので、その目的・条件にあったCMSをご提案しております。
デザインのみ、コーディングのみなど、制作の一部の依頼は可能ですか？
対応可能です。弊社ではデザイン会社様、広告代理店様、システム開発会社様、ウェブ制作会社様などからの下請け案件も承っております。ご相談くださいませ。
制作会社、広告代理店からの依頼は可能ですか？
はい、対応可能です。ご相談ください。
写真撮影も行ってもらえますか？
対応可能です。弊社の関連会社もしくはパートナー企業が対応いたします。ご相談ください。
動画を使ったホームページを作成したいのですがお願いできますか？
対応可能です。動画は弊社の得意分野の一つです。撮影・編集は弊社の関連会社で映像制作専門の株式会社モットが対応いたします。
ホームページの更新を簡単にできる方法はありますか？
はい、CMS（コンテンツ・マネジメント・システム）の導入をお勧めします。CMSはホームページの管理システムのことで、IDとパスワードを使って管理画面にログインし、ホームページのデータを更新・変更します。
依頼してから完成まではどのような流れですか？
通常、以下のような流れで進んでいきます。
１．コンテンツの確定
ホームページの内容を決めていきます。どんなページがどこにあるか、というのを確定します。
２．デザインの確定
ホームページのデザインを決めていきます。色や雰囲気など最初にご相談させていただき、叩き台となるデザイン案をご用意します。
３．テストサイト構築
確認用のテストサイトをご用意します。
４．公開（納品）
テストサイトで問題なければ、本番環境へホームページを構築し公開します。
ドメイン、URLアドレスについて
現在持っているドメインを引き継ぐことは可能ですか？
可能です。場合によってはドメインの管理者権限を移す手続きが必要になることがあります。ご相談ください。
新しいドメインを取りたいのですが、取得の手配してもらえますか？
もちろん対応可能です。ドメインは「早いものがち」なので、必ずしもご希望のドメインが取得できるとは限りませんが、
サーバーについて
レンタルサーバーは用意してもらえますか？
もちろん対応可能です。弊社は「CPIサーバー（KDDIウェブコミュニケーションズ社）」「Zenlogic（ソフトバンクグループ
見積・費用・契約について
ホームページ制作に費用はどのくらいかかりますか？
ホームページはオーダーメイドになりますので、お客様のご要望の内容によって金額が変わります。
見積りを依頼するには、どのようにして問い合わせすれば良いですか？
弊社ホームページの「お問い合わせ」か、お電話にてご連絡ください。
分割払いはできますか？
原則一括払いでお願いをしておりますが、提携するクレジット会社を利用して分割することができます。ご相談くださいませ。
契約後のキャンセルはできますか？
契約後のキャンセルにつきましては、既に発生した作業の内容に応じて、キャンセル料を頂くことがあります。ご了承ください。
見積りに料金はかかりますか？
お見積りは無料です。お気軽にお問い合わせください。
制作後・メンテナンスについて
納品後のサポートはできますか？
はい可能です。更新頻度の高いサイトをお持ちのお客様や、Webサービスを運用しているお客様には、保守契約をおすすめ致しますが、保守契約の無いお客様や、他社でホームページを制作して運用中のお客様であっても、都度見積もりで対応させて頂いています。
運用は自分で行いたいのですが可能ですか？
はい、可能です。特に更新頻度が高い部分など、予めわかっていれば更新しやすいように管理機能をカスタマイズすることも出来ます。ご相談ください。
他社が作ったホームページを更新だけしてもらうことはできますか？
はい、可能です。ご相談ください。
アクセス解析・広告運用
アクセス解析はお願いできますか？
はい、可能です。レポート作成からコンサルタントによる毎月の報告会まで対応しています（有料）。ご相談くださいませ。
インターネット広告の運用代行をしてもらえますか？
はい、可能です。出稿先、予算、ターゲットなどをご相談し、最適なプランをご提案します。ご相談くださいませ。
