ablogcms.ioメニューを開閉する公式サイト開発者向けサイトカスタムフィールドを作ってみよう難易度カスタムフィールドとはエントリーや、カテゴリー・ブログ・ユーザーに対して独自のデータを追加することができる機能です。追加したデータは表示や検索用のキーとして利用されます。ひとつの商品を紹介するエントリーに対して「値段・発売日・サイズ」などの情報をカスタムフィールドとして追加することで、商品情報のデータベースを作ることができます。カスタムフィールドのタグの基本カスタムフィールドはフォームタグのようにHTMLベースで書くことができます。値段を入れるカスタムフィールドを追加してみます。/>これでカスタムフィールドが1つできました。HTMLなので入力画面を入力しやすいレイアウトできます。カスタムフィールドでできることカスタムフィールドは以下のような入力フォームが追加できます。テキスト(テキスト、テキストエリア、チェックボックス、ラジオボタン、セレクトボックス)画像ファイル地図(GoogleMaps)今回作成するカスタムフィールドでは、site2015テーマを元に以下のようなカスタムフィールドを追加してみたいと思います。(site2015テーマでインストールした事を前提としています。以下のコードを追記します。</tr></table>保存できるか確認では実際にサイトにログインして、「エントリー作成」ボタンを押して記事編集画面を出してみます。以下の画像のように、商品価格と商品画像というフィールドが追加されていると思います。再度開くと保存されている事が確認できると思います。追加された独自フィールド独自フィールドが保存できたサイトに表示させる編集画面ができましたので、作ったカスタムフィールドをサイトに表示させます。エントリーのカスタムフィールドはEntry_Fieldモジュール、Category_EntryListやCategory_EntrySummary、Entry系モジュールのentry:loop内で使うことができます。40行目付近に追記します。class="acms-grid-r">独自フィールドのサイト表示カスタムフィールドの追加からサイトへの表示まで一通り行ってみました。HTMLのみで追加・表示できるので表現の幅が広がると思います。コードのみで追加できるので、バージョン管理ツールなどで管理しやすくなるのもメリットです。詳しいカスタムフィールドのドキュメントは以下よりご覧ください。cmsのインストーラが設置されています。cmsをインストールしてみましょう。提供するテストサーバ環境へは、SFTP接続できます。テーマ(テンプレート)をカスタマイズする場合には、サーバへファイルをアップロードする必要があります。cmsではカスタムフィールドをコード(HTML)で作成・管理します。HTMLなので入力画面を入力しやすいレイアウトできます。モジュールを使ってみよう動的コンテンツを表示するモジュールを使って、コンテンツを更新できるようにしてみましょう。cmsの環境のセットアップが完了した後、どのようにインストールしたテーマをカスタマイズしていけばよいでしょうか?ここでは各テンプレートの役割や基本的なテーマの考え方について説明します。