登録ページ (項目編集・ヘッダ&フッタ編集・表示)

2021年7月20日

登録ページ

[登録ページ(項目編集・ヘッダ&フッタ編集・表示)]は、フォーム作成後に登録ページの項目内容やヘッダー・フッターを変更したい場合に使用します。

[フォーム設定]>[登録ページ ・ヘッダ&フッタ編集・表示)]

メニューは3つ、

  1. 項目編集
    登録フォームの項目の編集ができます。
  2. ヘッダ&フッタ編集
    登録ページ(フォーム)の上に表示するヘッダーと、下に表示するフッターを編集できます。
  3. 表示
    作成したフォームのプレビュー表示ができます。別窓で開きます。

 

項目編集

1. [フォーム設定]>[登録ページ (項目編集)]をクリックします。以下のように項目編集画面が表示となり、登録項目の編集ができます。編集が終了したら上下にあるどちらかの[更新]ボタンをクリックして変更を保存してください。

[フォーム設定]>[登録ページ (項目編集)]

 

ヘッダ&フッタ編集

1. [フォーム設定]>[登録ページ (ヘッダ&フッタ編集)]をクリックします。以下のように登録ページヘッダ&フッダ編集画面が表示となり、登録ページ(フォーム)の上に表示するヘッダーと、下に表示するフッターを編集できます。

 

ヘッダーとフッター欄では、一般的なHTMLタグが使用できます。
※使用可能なタグの一例
<center>~</center> で囲むと中央寄せになります。
<br> で改行されます。

初期設定では、ヘッダーとフッターに記入例が入っています。表示位置は以下となります。

ヘッダー&フッターサンプル

文字サイズ、色、リンクなどの変更
(かんたんなHTMLについて)

オレンジフォームのヘッダーやフッターにはかんたんなHTMLが使えるようになっています。

かんたんなリンクの方法、色、文字の大きさの変え方、youtubeの埋め込み、画像掲載、左寄せ、メールお問い合わせ先追記、利用規約へのリンク追記などを、参考例とともにご説明します。

 

HTMLソースを追記したフォームが意図どおりに表示されないときは?

「ヘッダ&フッタ編集」でソースコードを確認しましょう。

  • HTMLソースは、半角で記載します。全角で入力になっていませんか?
  • htmlタグや、styleから始まる指定に、英字の綴りの誤りはありませんか?
  • 「</ > 」こういう閉じタグが漏れていませんか?(画像のimgタグや、改行のbrには必要ありません)
  • htmlタグ内で装飾を指定する「style」の後の、
    「:」(コロン)、
    「;」(セミコロン)、
    「"」(ダブルクオート)、
    「 」(半角スペース) の不足はありませんか?

これらの入力間違いのために、プレビュー表示でうまくいかないことがあります。

表示

作成したフォームのプレビューを表示します。プレビューは実際に投稿者に表示される状態となり、ここからテスト投稿を行うことができます。設定した項目が正しく動作していることをご確認ください。

プレビューについて詳しくはフォーム表示 – 作成したフォームのプレビュー表示をご覧ください。

 

まとめ

登録ページ (項目編集・ヘッダ&フッタ編集・表示)メニューでは、簡単に項目やヘッダー&フッターを編集出来るようになっています。まずは、フォームの基本部分を完成させて、その後にもっと項目を盛り込みたい、既に作成しているフォームをコピーしてカスタマイズしたい場合などにご活用ください。

 


お問い合わせは、お問い合わせフォームよりお願いいたします。

記事はいかがだったでしょうか?
ご意見・ご感想をお聞かせください




Powered by このフォームは『オレンジフォーム』で作成しています