✅ まずはやり方から！ライブビューの使い方（3ステップ）
ライブビュー（ライブプレビュー）を使うと、
ウィジェットの変更が「実際の画面」でどう見えるか、
保存前に確認できます。
やり方はとてもシンプルで、次の3ステップだけです。
STEP1：ウィジェット画面を開く
- WordPress管理画面の左メニューから
「外観」→「ウィジェット」 をクリックします。 - 画面の上のほうにある
「ライブプレビューで管理」 ボタンを押します。
STEP2：ライブビュー画面で位置を選ぶ
ライブビュー画面が開くと、右側に ブログのプレビュー が表示され、
左側に 「ウィジェット」「サイドバー」「投稿本文下」 などのエリアが並びます。
- 左メニューから 「ウィジェット」 を選ぶ
- 変更したいエリア（例：投稿SNSボタン上）をクリック
- 「ウィジェットを追加」 から「テキスト」などを選び、内容を入力します
★ポイント
右側のプレビュー画面が、
入力するたびに リアルタイムで変化 するので、
見た目を確認しながら安心して作業できます。
STEP3：「公開」ボタンで本番反映
見た目がOKだと思ったら、
左上の 「公開」ボタン をクリックします。
これで、今見ている状態が 本番のブログにも反映 されます。
※ もし「やっぱりやめたい」と思ったら、
公開せずに画面を閉じれば、変更は反映されません。
🔍 ライブビューを使うと何がうれしいの？
① どこに表示されるか一目でわかる
- 「投稿SNSボタン上」
- 「投稿本文下」
- 「サイドバー」
など、ウィジェットの名前だけだとイメージしづらい場所も、
ライブビューなら 画面を見ながら確認しやすい です。
② 失敗しても安心
普通のウィジェット画面だと、
保存してから「表示が崩れた…」と気づくことがありますが、
ライブビューは 公開する前に見た目をチェック できます。
③ PCとスマホの見え方も切り替えて確認できる
ライブビューのプレビュー画面には、
PC・タブレット・スマホのアイコンがあり、
クリックすると それぞれの幅での見え方 を確認できます。
🌱 今回の使い方の例：投稿SNSボタン上に共通リンクを置くとき
このブログでは、
「投稿SNSボタン上」 というエリアに、
- Xserverのリンク
- もしもアフィリエイト
- A8.net
- バリューコマース
- 30記事以上で登録したいサービス
などの 共通リンク をまとめて設置しています。
ライブビューを使うと、
- どの位置に表示されるか
- 文章やテーブルのバランスはどうか
- スマホで見たときに読みにくくないか
を、実際の画面で確認しながら調整できます。
🌈 まとめ：ウィジェットを触るときは「ライブビュー」が安心
- ウィジェットの変更がその場で見える
- 失敗しても「公開」しなければ反映されない
- PCとスマホの見え方を切り替えられる
ウィジェットの設定に自信がない初心者さんほど、
ライブビューを使って作業するのがおすすめ です。
ブログのTOPページからは、
「ウィジェットの表示位置を確認しながら設定したい方はこちら」
→ 【WordPress初心者向け：ライブビューでウィジェットを確認する一番かんたんな方法】
という感じで、この記事にリンクを貼ってあげると、
読者さんも迷わず設定できると思います😊
