❓ Q: 記事が増えたら、お知らせ一覧のページで、フッターが記事の上に重なってしまいました。
👉 A: コンテンツリストを置いたセクションの高さが固定されていることが原因です。セクションの高さを「auto」にすると直ります。
この記事では、重なる理由と、直し方を説明しています。
目次
❶ こんなふうになります
記事の一覧(コンテンツリスト)の途中にフッターが入り込み、その下に残りの記事がはみ出して表示されます。
AIエディターでも、同じように重なって見えます。
ページを作った直後は記事が少ないので、起きません。記事が増えてから、またはコンテンツリストの表示件数を増やしてから起きるので、しばらくたってから気づくことがあります。
❷ 重なる理由
テンプレートやプリセットのセクションには、高さが決まった値(例:1000px)になっているものがあります。
コンテンツリストは、記事の数だけ縦に伸びます。セクションの高さが決まっていると、セクションは伸びないので、コンテンツリストだけがセクションの外にはみ出します。次のセクション(フッターなど)は、元のセクションの高さの位置から始まるため、はみ出した記事の上に重なります。
| セクションの高さ | 記事が増えたとき |
| 決まった値(px) | セクションは伸びない。コンテンツリストがはみ出して、下のセクションと重なる |
| auto | 記事の数に合わせてセクションも伸びる。重ならない |
❸ 直し方
1⃣ AIエディターで、コンテンツリストのあるページを開きます。
🔻
2⃣ コンテンツリストを押して選び、左上に出る名前(ラベル)にマウスを乗せます。表示される「セクション」を押して、コンテンツリストが入っているセクションを選びます。
🔻
3⃣ 右側の「デザイン」の「サイズ」で、「高さ」を確認します。「1000 px」のように数字が入っていたら、単位の欄で「auto」を選びます。
「auto」にすると、セクションが記事の数に合わせて伸び、フッターが一覧の下に下がります。
🔻
4⃣ 保存して、ページを公開します。公開したページを一番下まで見て、重なっていなければOKです。
ポイント
✔ 重なるのは、コンテンツリストを置いたセクションの高さが決まった値になっているときです。
✔ コンテンツリストを置くセクションは、高さを「auto」にしておくと、記事が増えても崩れません。
✔ コンテンツリストの表示件数を増やしたときも、公開したページを一番下まで確認してください。