メインコンテンツまでスキップ

下余白を合わせる

文字や写真がページの下にはみ出すと、ページが内容の分だけ自動で伸びます。下の余白を数値で決める方法、手で高さを調整する方法、機能をオフにする方法を案内します。

文字を増やしたり写真を追加して内容がページの下にはみ出すと、ページが内容の分だけ自動で伸びます。 ページの高さを手で合わせる必要はありません。

  • いつ動きますか? 要素をドラッグして置いたときや文字の編集を終えたときに、内容がページの底を越えていれば、その瞬間に伸びます。
  • どこで操作しますか? ページをクリックして下端にマウスを重ねると出る 自動 ㅣ 余白 [N] px コントロールと、[メニュー] › 便利機能 の 下余白を合わせる スイッチです。最初はオンになっています。

最初に伸びるとき案内が表示されます​

ページが最初に自動で伸びると、ページの底の右側に3段階の案内吹き出しが表示されます
ページが最初に自動で伸びると、底の右側に3段階の案内が表示されます

ページが最初に自動で伸びた瞬間、ページの底の右側に吹き出しが3段階で続けて表示されます。[次へ] で進み、最後に [確認] を押すと終わりで、再び表示されません。

ステップ案内
1 / 3[下余白を合わせる]がオンのためページが内容に合わせて広がりました。
2 / 3[余白]に数値を入力すると下の余白を変更できます。 — このステップではページの下に余白コントロールも表示されます
3 / 3不要な場合は[メニュー] › 便利機能からいつでもオフにできます。

ページはこのように伸びます​

文字を数行足して編集を終えると、ページがその分だけ下に伸びます
文字を足して編集を終えると、ページがその分だけ伸びます
  • ページのいちばん下の要素とページの底との間隔が、そのページの下余白です。内容が増えるとこの余白を保ったままページが伸び、内容が短くなれば縮むこともあります。たとえば文字を2行足すと、その2行の高さの分だけ伸びます。
  • 変わるタイミングは、要素を置いたときと、文字の編集を終えて外側をクリックしたときです。ドラッグ中や入力中は変わりません。意図せず伸びたら ⌘Z(Windowsは Ctrl+Z)1回で、文字とページの高さが一緒に戻ります。
  • 最初からページの外にはみ出させて切り取って使っている写真(背景のように全面に敷いた写真)は計算に含めません。 切り取られた見え方はそのまま保たれます。
  • 要素をページの底にぴったり付けて置くと、そのページの余白は0になり、下に白い帯が出ずに接します。
警告

背景のようにページ全面に敷いた写真は、ページが伸びても一緒には伸びません。 下に背景のない帯が見えたら、写真を広げるか、ページでページの背景色を合わせてください。


下の余白を数値で決めるには​

ページの下の 自動 ㅣ 余白 N px コントロール
ページの下の 自動 ㅣ 余白 [N] px コントロール。数値がそのページの下余白です
  1. ページをクリックして、下端にマウスを重ねます
    • ページの下に 自動 ㅣ 余白 [N] px が表示されます。数値は、そのページが今使っている下余白です。
  2. 余白 の数値を変えて Enter
    • すぐに合わせ直されます。入力した値はそのページだけに適用され、以後もその値が使われます。

高さを手で調整するには​

ページをクリックすると下端に表示されるハンドル
ページをクリックすると下端にハンドルが表示されます。ドラッグして高さを変えます
  • ページをクリックすると下端にハンドルが表示されます。ドラッグして高さを変えてください。矢印キー ↑ ↓ で1ピクセルずつ、Shift を押しながらだと10ピクセルずつ動きます。
  • 手で高さを変えたページは自動で伸びるのをやめます。 もう一度ページをクリックして下端にマウスを重ねると、コントロールが 下を合わせる ㅣ 余白 [N] px に変わっています。[下を合わせる] を押すと内容に合わせて高さが整い、再び自動に戻ります。
  • 複数のページに一度に適用する機能はありません。ページごとに個別に扱います。

機能をオフにするには​

[メニュー] › 便利機能 の 下余白を合わせる スイッチ
[メニュー] › 便利機能 の 下余白を合わせる スイッチ

[メニュー] › 便利機能 で 下余白を合わせる スイッチをオフにしてください。

  • オフにすると、ページはもう自動で伸びず、コントロールも表示されません。高さはハンドルだけで変えます。
  • 自分のアカウント全体に適用されます。ほかの商品詳細ページを開いてもオフのままで、再びオンにするまで維持されます。
  • 再びオンにしても、その瞬間に高さは変わりません。次の編集から追従します。
備考

この機能はページの高さだけを扱います。商品詳細ページの横幅は、上部の [サイズ調整] で変更します。