アイコンウィジェットの使い方

① 「アイコン」を選ぶ

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

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

② アイコンを選ぶ

123

1. 星が表示されている大きな枠から「アイコンライブラリー」を開きます。
2. 目的に合うマークを検索して選び、挿入します。検索で見つからない場合は「phone」「envelope」「check」などの英語も試します。
3. 「表示」は、まず「デフォルト」のままにします。枠を付けたい場合は「フレームつき」を試します。
4. 移動先を付けるときだけ「リンク」にURLを入力します。装飾として使うなら空欄で構いません。

成功の目印：選んだマークが右側に表示されます。

③ 色と大きさを整える

123

1. 「スタイル」を開きます。
2. 「メインの色」で、背景と見分けられる色を選びます。
3. 「サイズ」を、まず32pxなどから調整します。
4. 「回転」は、向きを変える必要がなければそのままで構いません。
5. 「配置」で周りの見出しや本文と位置を揃えます。

成功の目印：周りの文章とバランスのよい大きさで表示されます。

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

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

• アイコンの意味が文字と一緒に伝わる。
• 細かすぎたり小さすぎたりしない。
• リンクを付けた場合は正しく移動する。

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