FAQ ページが「プレビュー」で見ると崩れている【ホームページシリーズ】

以下をご確認ください

本現象には、原因ごとに下記2つの症状に分けられます。
・画像や文字の位置がずれている場合
・文字の大きさ、文字間、行間が崩れてしまっている場合
それぞれ、該当する解決手順をお試しください。

■画像や文字の位置がずれている場合

【レイアウトエリアの調整】
レイアウトエリアの幅（余白含む）よりも表や画像などの
コンテンツが大きい事で、レイアウトが崩れている可能性があります。
レイアウトエリアよりもコンテンツを縮小するか、もしくはレイアウトエリアの幅を広げることで解決できます。
手順は以下をご確認ください。

1. [サイト編集]画面の[マイスタイル]タブから該当のスタイルを選択し、[スタイルの編集]ボタンをクリックします。
2. [レイアウトのエリア配置]を選択し、[エリアの設定]から該当のエリアを選択し、[幅]を入力します。
3. [OK]をクリックします。

【テキストボックスの変更】
テキストボックスを使用している場合、ウィンドウの表示幅によって表示位置が
変わる場合があります。文字や画像の位置を固定させるには、
「レイアウトユニット」をご利用ください。手順は以下をご確認ください。

1. ［ページ編集］画面で、文字や画像を挿入したい位置にカーソルを移動します。
2. ［オブジェクト］タブの［レイアウトユニット］をクリックします。
3. 設定したいレイアウトを選択し、［OK］ボタンをクリックします。
4. 各レイアウト内に文字や画像を挿入します１．［ページ編集］画面で、文字や画像を挿入したい位置にカーソルを移動します。


■文字の大きさ、文字間、行間が崩れてしまっている場合

【オリジナルタグの作成】
「プレビュー」すると設定されたスタイルがページに反映されるため、
「通常モード」で設定された文字の大きさや文字揃えなどが、崩れる場合があります。
「通常モード」の文字設定は標準に戻し、下記の手順で「オリジナルタグ」を作成する
ことで解決する可能性があります。手順は以下をご確認ください。

1. 「サイト編集」画面を開いてください。
2. 「マイスタイルより」該当のページに適用しているスタイルを選択してください。
3. 「スタイルの編集」ボタンをクリックしてください。
4. 「スタイルの編集」画面が表示されます。
　 「オリジナルタグの設定」タブを開いてください。
5. タグの右横にある「追加」ボタンをクリックしてください。
6. 「オリジナルタグの追加」画面が表示されます。
　 任意のタグ名を半角英数文字で入力し、[OK]ボタンをクリックてください。
7. タグに表示されている名称が手順6で設定したオリジナルタグ名に
　 なっていることをご確認ください。
8. 下記の設定をしてください。
　・「領域」タブ
　　すべてのチェックをはずしてください。
　・「背景」タブ
　　すべてのチェックをはずしてください。
　・「フォント」タブ
　　行間にチェックを入れ、100パーセント以上にしてください。
　　その他、希望にあわせ文字の設定をしてください。
　・「枠線」タブ
　　枠線の設定をなしに設定してください。
9. [OK]ボタンをクリックし、「スタイルの編集」画面を閉じてください。
10.「ページ編集」画面にて該当の場所を選択し、設定したオリジナルタグを選択してください。