テキストエディターウィジェットの使い方

① 「テキストエディター」を選ぶ

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

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

② 白い入力欄に文章を書く

12

1. 「ビジュアル」を選びます。「コード」はHTMLを編集するときの表示なので、通常の文章入力には使いません。
2. 左側の白い本文欄をクリックし、最初から入っている文章を選んで消します。
3. 例として「私たちは、お客様のホームページづくりをお手伝いします。」と入力します。
4. Enterキーで次の段落へ移り、「初めての方も、お気軽にご相談ください。」と入力します。

画面例では、初期状態のサンプル文章が入っています。ご自身の紹介文に置き換えてください。

成功の目印：右側に入力した2つの段落が表示されればOKです。

③ 読みやすく整える

1. 強調したい文字だけをマウスでなぞって選択し、太字を設定します。ボタンが見当たらない場合は「フォーマット」メニューを確認します。
2. 箇条書きにしたい項目は、1項目ずつ改行して選択し、箇条書きの書式を設定します。
3. 文字全体の大きさや色は「スタイル」で整えます。まず本文16pxを目安に、右側で読みやすさを確認します。

章のタイトルを付けたい場合は「見出し」

文字にリンクを付ける

1. 「お問い合わせ」のように、移動先が分かる文字を入力して選択します。
2. リンクの挿入を選び、移動先ページのURLを貼り付けます。見当たらない場合は「挿入」メニューを確認します。
3. 設定を確定し、保存後の実際のページでその文字を押して移動先を確かめます。

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

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

• 変な場所で改行されていない。
• 文章が小さすぎず、行を追いやすい。
• リンクが意図したページを開く。

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