メインコンテンツにスキップ

ページ区切りセクションを編集する

横線を追加して、ページ上の異なるコンテンツセクションを視覚的に分離・整理します。

対応者:Brian
今日アップデートされました

ページ区切りセクションを編集する

横線を追加して、ページ上の異なるコンテンツセクションを視覚的に分離・整理します。

ページ区切りセクションは、ウェブサイトの異なるパートを区切る横線を追加します。シンプルですが、コンテンツを視覚的に整理するのに便利です。

ページ区切りでできること

視覚的な区切りを追加する — コンテンツセクションの間に。

ページの整理を助ける — 異なるトピックを明確に分離します。

コンテンツにゆとりを与える — 追加のテキストなしで。

ページ区切りセクションを追加する

  1. メインナビゲーションの ウェブサイト に移動します

  2. セクションを追加 をクリックします

  3. リストから ページ区切り を選択します

  4. 変更を保存 をクリックします

以上です。ページ区切りには入力項目はありません。ページに線として表示されるだけです。

ページ区切りを使うタイミング

主要セクション間: たとえば、ストーリーの後、タイムラインの前。

テキストの多いページを区切る: 視覚的な区切りを加えて、ページが圧迫感なく見えるようにします。

行動喚起の前: ボタンの前にページ区切りを置くと、ボタンがより目立ちます。

写真セクションの後: 画像からテキストへの移行に。

ページ区切りをカスタマイズする

ページ区切り自体はシンプルですが、次の項目をカスタマイズできます。

上下の余白: 余白を調整して、線の周りのスペースを制御します。

色: テーマによってはページ区切りの色を変更できます。

幅: ページ区切りは全幅です。

これらのオプションはセクション編集画面で表示されます。

ページ区切りを使うヒント

使いすぎに注意。 ページ区切りが多すぎると、ページが細切れに感じられます。すべてのセクションの後ではなく、主要な区切りにご利用ください。

余白と組み合わせましょう。 ページ区切りを追加するより、セクションの上下の余白を調整したほうが効果的なこともあります。

モバイルで確認しましょう。 スマートフォンでページ区切りが変な余白を作っていないかご確認ください。

ページ区切りはシンプルですが、サイトを整理して読みやすく保つのに効果的です。

こちらの回答で解決しましたか?