このテンプレート内の文末に、先ほど生成したHTMLソースをコピー&ペーストします。data-acms-tooltip="メールアドレスを入力します。</tr></table>作業後は、ブログ管理画面内[カスタム設定]からメールアドレスの入力欄が新設されていることを確認しましょう。現在はカスタムフィールドから生成したソースをそのまま使用しているので、幅などのスタイルが他の入力欄と異なっています。最後に仕上げとして、設置した入力欄のスタイルを既存のものに合わせて調節しましょう。生成したソースの変数を残しつつ、HTML属性を既存のものに習って差し替えていくと、最終的には以下のようになります。data-acms-tooltip="メールアドレスを入力します。<table>タグ内に移動させましょう。data-acms-tooltip="メールアドレスを入力します。/></td></tr></table>これで入力欄のスタイル調整が完了しました。入力された値をフッターに表示するここからは、下図のように設置した入力欄の値をフッターに表示していきます。事前準備として、先ほど新設したカスタムフィールドにメールアドレスを入力しておきます。最終的にはここで入力した値がサイトに表示されることで、システムが正常に動作しているかどうか判断します。フッターが表示されているファイルにインクルードされています。ファイル場所はインクルード文を確認しながら辿りましょう。開くと、2行目から30行目にかけてソースがBlog_Fieldモジュールで囲まれているのが確認できます。cmsはブログのカスタムフィールドで使用される変数を、このBlog_Fieldモジュールを使って読み取ります。したがって、新しい出力ソースはこの表記の内部に追記していきます。ブロックも使うことができます。次に現在フッターに表示されている会社情報のソースを確認します。ブロックが使用されています。ブロックで囲むことで、囲んだ部分に変数が入力されていない場合はブラウザ表示時にブロックごと要素を削除することができます。値が空になっている要素を読み込まないようにすることで表示内容の最適化に繋がります。今回はこの会社情報内の電話番号以下に、メールアドレスの出力ソースを追記していきます。-->」などをコピー&ペーストし、貼り付けたソースの値や変数をメールアドレスの値や変数に書きかえましょう。-->会社概要の出力ソースの全体像は以下のようになります。-->以上でテンプレートの作業は完了です。サイトのフッター部分に入力したメールアドレスが表示されていることを確認しましょう。