チェックマークなどを付けて、特徴・持ち物・連絡先を読みやすく並べます。
このページでできること
マーク付きの箇条書きを作る
マーク付きの箇条書きを作る
スクリーンショットの赤い番号と、手順の同じ番号を見比べて進めてください。画像に写っていない操作は、手順に記載した画面で行います。
① 「アイコンリスト」を追加する
- 編集したいページを「Elementorで編集」で開きます。
- 左上の「＋」（要素を追加）を押し、「アイコンリスト」で検索します。
- 該当するウィジェットをページの入れたい場所へドラッグします。配置済みなら、その部品をクリックします。
② リストの項目を作る
赤い番号は手順の番号に対応しています。
- 「アイテム」の「リスト項目1」を開きます。
- 「テキスト」に表示する文章を入力します。
- 「アイコン」でマークを選び、必要な項目だけ「リンク」を設定します。
- 「項目を追加」で増やします。横並びにする場合は「レイアウト」の「インライン」を選びます。
ここを確認：文章とマークが1行ずつ対応している。
③ 見た目と表示を確認する
赤い番号は手順の番号に対応しています。
- 「スタイル」→「リスト」の「スペースの間隔」で行間を整えます。
- 「配置」で左・中央・右の位置を決めます。
- 「アイコン」「テキスト」で色や大きさを合わせます。
入力・使い方の例
✓ 予約不要 ✓ 駐車場あり ✓ 個別相談に対応
④ スマホで確認して保存する
上部のスマートフォンのアイコンで表示を確認します。「公開」または「更新」で保存し、プレビューや実際のページで動作を確認します。作成途中の場合は下書き保存を使います。
完了チェック
- 文章とマークが1行ずつ対応している。
- リンク付き項目が正しく移動する。
うまくいかないとき
リンクを押せる範囲が広い
「リンクを適用する」の全幅・インラインを確認します。
画面は撮影時のバージョンです。同じ名前のAtomic版・Pro版・追加プラグインのウィジェットは設定が異なる場合があります。