コンタクトコンポーネントは、メールフォームを設置でき、その他に住所や電話番号などの連絡先を掲載できるコンポーネントです。複数のメールフォームを作成する事が可能なので、例えば部署毎にメールフォームを設置したり、ユーザ毎にメールフォームを持つこともできます。
ではメールフォームコンポーネントの設定方法について見ていきましょう。
始めにメールフォームを登録するカテゴリを作成します。カテゴリを作成するには「コンポーネント」→「コンタクト」→「カテゴリ」を選択します。
カテゴリの管理画面が表示されたら、画面右上の「新規」をクリックします。
タイトルに「メールフォーム」、エイリアスに「mail form」と入力して保存します。
カテゴリが作成されたのを確認します。
次はメールフォームの作成に移ります。画面左のサブメニューにある「コンタクト」をクリックします。
ツールバーの「新規」ボタンをクリックします。名前に「お問い合わせ」、エイリアスに「contact」と入力し、「カテゴリ」から先ほど作成した「メールフォーム」カテゴリを選択します。
「コンタクト詳細」タブを開きます。メールの宛先アドレスを「メールアドレス」に入力して下さい。ほかに「住所」「郵便番号」「TEL」を入力して下さい。その他の項目は任意で入力して保存してください。
入力欄が「住所」「市町村」「都道府県」のように分かれていますが、この通りに入力してしまうと、住所が「住所」→「市町村」→「都道府県」の順番で表示されてしまいます。簡単な解決方法は、「住所」の欄に都道府県も市区町村も住所もすべて入力してしまうことです。
保存し、コンタクト管理に表示されている事を確認してください。
これでフォームの作成は終了です。次にこのメールフォームを表示するメニューアイテムを作成します。
「メニュー」→「音楽」→「メニューアイテムを追加」をクリックします。「メニューアイテムの種類」の「選択」ボタンをクリックし、「コンタクト」→「単一コンタクト」を選択します。このメニューアイテムは連絡先（メールフォーム）を直接表示するメニューアイテムです。
「コンタクトの選択」にある「選択」ボタンを押して、先ほど作成した「お問い合わせ」をクリックします。
メニュータイトルに「お問い合わせ」、エイリアスに「contact」と入力したら保存します。
フロントエンドに切り替え再読込し、「お問い合わせ」メニューアイテムが作成されていることを確認します。クリックするとまず連絡先情報（住所など）が表示されます。
「お問い合わせフォーム」をクリックすると、画面がスライドしてメールフォームが表示されます。このメールフォームからメールを送信し、ちゃんと届くか確認してください。
しかしこのままだと、「お問い合わせフォーム」をクリックしないとメールフォームが表示されないので、あらかじめ表示されるように設定を変更します。
「コンポーネント」→「コンタクト」をクリックし、ツールバーの「オプション」をクリックします。
「コンタクト」タブ内の「表示フォーマット」を「プレーン」に変更して保存します。
フロントエンド再読み込みすると、連絡先情報とメールフォームがまとめて表示されるはずです。
