フォームタイトルを改行したい!

2022年9月8日

 

フォームを作成後、プレビューを確認したら、タイトルが長すぎてイメージとは違った場所で改行されていた…という経験はないでしょうか?

フォームタイトルを改行するには、2つの方法があります。

HTMLがあまりわからないという方は「1.フォーム名公開用に<br>タグを記入する」
多少、HTMLの知識がある方は「2.登録ページのヘッダ・フッタ編集でHTMLを変更する」方法をお試しください。

 

1.公開用フォーム名に<br>タグを記入する

簡単に改行、センター寄せにタイトルを変更できます。

  1. [フォーム設定]>[基本設定(編集)]>[フォーム名(公開用)]に記載のタイトルの、改行したい場所に<br>を記入します。



  2. 記入が終わったら更新して設定を保存します。    
  3. [フォーム表示]、または[登録ページ(表示)]を選択して表示を確認します。


  4. タイトルが改行されていることを確認します。

ただし、このやり方ですと、ブラウザーのタブには<br>が表示されてしまいます。
その点はご理解いただけますと幸いです。

    

2.登録ページのヘッダ・フッタ編集でHTMLを変更する

一般的なHTMLコードにご有識の方であれば、ヘッダーとフッター欄をご利用いただきますと細かい変更が可能です。

  1. [フォーム設定]>[登録ページ(ヘッダ&フッタ編集)]をクリックして開きます。


  2. ヘッダーにデフォルトで入っている、<h1 id=’default’>%%title%%</h1>の部分が、タイトルに該当します。


  3. この部分の、%%title%%を削除し、以下のように<h1>が二つある構成に変更します。

    <center>
    <h1 id='default'>テスト</h1>
    <h1 id='default'>フォーム</h1>
    <br>
    必要事項をご記入の上、%%btnname%%ボタンをクリックしてください。<br>
    <br>
    </center>



  4. 変更が完了したら[更新]ボタンクリックして設定を保存します。
  5. [フォーム表示]、または[登録ページ(表示)]を選択してプレビューで表示を確認します。

※このやり方のみですと、上記の画像のように、フォームの枠内にあるタイトルは改行されません。

※詳しいHTMLコードの内容につきましては、
本サービスに限らない一般的なコーディングの知識の範囲となりますため、
弊社の方ではご案内、サポートできないものとなっております。
大変お手数をおかけしてしまいますが、ご有識者の方にご確認いただくなど、ご自身でカスタマイズをお願いいたします。

 

【まとめ】

フォームのタイトルが長く、イメージ通りにタイトルが改行となっていない時には、
このようなやり方で簡単なタグを追加、編集してみてください!


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

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




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

本フォームに入力いただいた内容に対する個別の返答はできかねます。
返答が必要な場合は、お問い合わせフォームよりお願いいたします。