区切り線ウィジェットの使い方

① 「区切り」を選ぶ

1. 編集したいページを「Elementorで編集」で開きます。
2. すでに配置済みなら、右側のページで変更したい部品をクリックします。
3. 新しく追加する場合は、左上の「＋」を押し、検索欄に「区切り」と入力します。
4. 見つかった部品を、右側の入れたい場所までドラッグします。マウスを押したまま移動し、置きたい場所で離します。

開き方から確認したい場合：ページを作成・編集する

② 線の種類と長さを決める

123

1. 「コンテンツ」の「スタイル」で「単色」を選びます。これはまっすぐな1本線です。
2. 「幅」を100％にすると、入れ物の幅いっぱいに線が伸びます。短い線なら50％などにします。
3. 短くした線を中央へ置く場合、「配置」の中央を選びます。
4. 「要素を追加」は「なし」のままにします。文字やアイコンを線に添える場合に使う設定です。

成功の目印：右側に、設定した長さの線が表示されます。

③ 線を細く、控えめに整える

123

1. 上の「スタイル」タブへ切り替えます。
2. 「色」を背景より少し濃いグレーなどにします。
3. 「太字」はこの画面では線の太さを表します。まず1pxにします。
4. 「すき間」で線の上下の間隔を調整します。例：15。

成功の目印：線が本文より目立ちすぎず、区切りとして見える状態になります。

④ スマホで確認して保存する

上部のスマートフォン形のアイコンを押し、表示を確認します。問題がなければ右上の「公開」または「更新」を押し、保存後に実際のページを開き直します。

• 線が見えるが、太すぎない。
• 線と文章が近すぎない。
• スマホでも線の長さが自然。

スマホ表示の詳しい調整方法 ／ 下書き保存・公開・元に戻す手順