SWELLのウィジェット編集＆使い方を徹底解説！ 鉄板5パターンをご紹介

Swellのウィジェットをどう触ればいいのか分からなくて、サイドバーやフッターが初期設定のままになっていませんか？ただ、基本の考え方さえつかめば、Swellのウィジェットは特別な知識がなくてもスッキリしたレイアウトに整えられます。

Swellのウィジェットとは？基本の使い方をざっくり確認

ウィジェットって何？Swellでできること

ウィジェットは、サイトのサイドバーやフッターなどに入れる「小さな部品」のようなものです。Swellでは、このウィジェットを使ってプロフィールや新着記事、バナーなどを好きな場所に並べていくイメージになります。

代表的なウィジェットと役割をざっくり表にまとめると、こんな感じです。

ウィジェットの例	どこに出るか	役割
プロフィール	サイドバー	運営者の信頼感アップ
検索フォーム	サイドバー・ヘッダー	読みたい記事を探しやすくする
新着記事一覧	サイドバー・フッター	新しい記事に読者を誘導する
人気記事一覧	サイドバー・フッター	よく読まれている記事をアピールする
バナー・CTAボックス	サイドバー・記事下・フッター	サービスやメルマガに誘導する

「ウィジェット＝読者に見てほしいものを置く棚」とイメージすると分かりやすいと思います。Swellでウィジェットを編集するときは、この棚の中身と並び順を整えていく作業をしている、と考えてもらえればOKです。

Swellでウィジェットを編集する場所は2つだけ

Swellのウィジェットを編集する場所は、大きく分けて次の2カ所だけです。

• 管理画面「外観」→「ウィジェット」
• 管理画面「外観」→「カスタマイズ」→「ウィジェット」

ざっくりとした違いは、次のようなイメージです。

• 外観→ウィジェット：一覧でサクサク編集できる。慣れている人向け。
• カスタマイズ→ウィジェット：実際の表示を見ながら編集できる。初心者でも迷いにくい。

 

【深呼吸タイム】

稼ぐために必要な3つのポイントを知っていますか？

1. 稼げる広告
2. 稼げるキーワード
3. 稼げるライティング

これら全部を暴露します。

⇒まずはあっさり10万稼ぐためのメルマガ

 

Swell ウィジェット編集の前に押さえたい初期設定

子テーマとバックアップの考え方

ウィジェットの編集自体はテーマファイルを直接いじらないので、そこまで危険な作業ではありません。ただ、サイト全体のカスタマイズをいろいろ進めていくなら、子テーマとバックアップは頭の片隅に置いておきたいところです。

• Swellの子テーマを入れておくと、親テーマをアップデートしても設定が消えにくい
• 大きくレイアウトを変える前に、一度エクスポート機能やバックアップ系プラグインで控えを取っておくと安心

「怖くて触れない」という状態のままだと、いつまでたってもウィジェットの使い方に慣れません。最低限の守りだけ用意しておいて、そのうえでどんどん触ってみるのがおすすめです。

Swellのウィジェットエリアをざっくり把握しよう

Swellのウィジェットは、設置する場所ごとに「ウィジェットエリア」が分かれています。全部を暗記する必要はありませんが、「どのエリアを触ればどこに出るのか」だけざっくり掴んでおくと迷いにくいです。

代表的なウィジェットエリアは次のようなイメージです。

ウィジェットエリア	主な表示場所	おすすめ用途
共通サイドバー	記事や固定ページの右側	プロフィール・新着記事・人気記事
追尾サイドバー	スクロールしても追いかけてくる右側	目次・お問い合わせボタン・バナー
フッターウィジェット1〜3	ページ最下部	サイト情報・メニュー・SNSリンク
記事上ウィジェット	記事タイトルと本文の間	リード文下のバナーやお知らせ
記事下ウィジェット	本文のすぐ下	関連記事・CTA・メルマガ誘導
スマホ開閉メニュー下	スマホのメニュー内	プロフィール・簡易メニュー

どのエリアも、実際に一つウィジェットを入れてみて「ここに出るのか」を確認しながら覚えていくのが一番早いです。最初は共通サイドバーとフッターだけでも十分なので、少しずつ範囲を広げていきましょう。

 

【ちょっと一息♪】

私の妻がどうやって7日で初報酬を得て5万円の不労所得を得られるようになったか？
その全貌を知りたくありませんか？

⇒今すぐその秘密を見る

Swell ウィジェット使い方の基本ステップ【サイドバー編】

プロフィールウィジェットをサイドバーに設置する手順

サイドバーにプロフィールがあるだけで、一気に「ちゃんとしたブログ」に見えるようになります。Swellには専用のプロフィールウィジェットが用意されているので、これを使うのが一番手っ取り早いです。

ざっくりした手順は次の通りです。

手順	やること
1	管理画面の「外観」→「ウィジェット」を開く
2	「共通サイドバー」エリアを選ぶ
3	「[SWELL]プロフィール」ウィジェットを追加する
4	名前・肩書き・紹介文・アイコン画像を入力する
5	必要ならボタンリンクやSNSリンクも設定する
6	「保存」→「完了」を押してサイトを確認する

ポイントは「完璧なプロフィール文をいきなり書こうとしないこと」です。最初はざっくり自己紹介を書いておいて、あとから何度か読み返しながら少しずつ整えていけば十分です。

• 誰に向けたブログなのか
• どんなテーマを書いているのか
• 自分の簡単な経歴や経験

このあたりが1〜3行で伝わっていれば、最初はOKです。

新着記事・人気記事ウィジェットの使い方

次に、読者を記事に回遊させるための「新着記事」「人気記事」ウィジェットを設置していきます。Swellにはこれらも専用のウィジェットがあるので、基本的な流れはプロフィールとほぼ同じです。

• 「[SWELL]新着記事」「[SWELL]人気記事」などのウィジェットを共通サイドバーに追加する
• 表示件数やサムネイルの有無、表示順などを好みに合わせて調整する
• 「プロフィールのすぐ下」や「サイドバーの上半分」に置くとクリックされやすい

新着記事は「最近書いた記事を知ってもらう入口」、人気記事は「サイトのおすすめ記事をまとめて見せるショーケース」と考えて配置すると分かりやすいです。

読まれるサイドバー構成のSwellウィジェット例

サイドバーに何をどんな順番で置くかで、読者の動きはかなり変わります。「とりあえず全部載せる」よりも、目的に合わせて優先順位を決めてあげた方が親切です。

よくあるサイトタイプ別のサイドバー例をまとめると、次のようなイメージになります。

サイトタイプ	サイドバー上からの配置例
雑記ブログ	プロフィール → 検索 → 新着記事 → カテゴリー → 人気記事
特化ブログ	プロフィール → おすすめ記事 → 人気記事 → カテゴリー → バナー
アフィリエイト寄り	プロフィール → ランキングボックス → 実績・レビュー → メルマガバナー

もちろん正解は一つではありませんが、「上の方ほど重要なウィジェットを置く」という考え方を覚えておくだけでも、Swellでのウィジェット編集が一気にやりやすくなります。

 

★ちょっとだけ宣伝させてください★

「ブログで10万」と聞くと、

1. センスが必要
2. 文章力が要る

と思われがちですが、実は「勝ちパターン」を知っているかどうかだけなんです。

⇒ブログで10万稼ぐ勝ちパターンとは

Swell ウィジェット編集でフッターや追尾エリアも整える

フッターウィジェットで「サイトの締め」を作る

フッターは、ページの一番下まで読んでくれた人だけが見る特別な場所です。Swellのフッターウィジェットを使って、軽い自己紹介やメニュー、SNSリンクなどを置いておくと、サイト全体がグッとしまります。

三つのカラム構成にする場合の例を表にしてみます。

カラム	おすすめ配置
左	サイトロゴ・一言キャッチコピー・簡単な説明文
中央	グローバルメニューの一部（人気カテゴリ・お問い合わせ）
右	SNSアイコン・バナー・コピーライト補足など

フッターはそこまでじっくり読まれる場所ではないので、長文よりも「パッと見て分かるリンク」やアイコン中心にまとめるのがおすすめです。こうしておくと、編集もしやすく、見た目もスマートになります。

追尾サイドバーに目次やボタンを置く使い方

追尾サイドバーは、スクロールしても画面の横に付いてくるエリアです。ここには「常に目に入っていてほしいもの」を置くのがコツです。

• 記事の目次（[SWELL]目次ウィジェット）
• お問い合わせボタンやお申し込みボタン
• キャンペーンバナーやメール講座の誘導

こういったものを追尾サイドバーに配置しておくと、読者が「あ、そういえば申し込もう」と思ったタイミングでボタンを押しやすくなります。逆に、情報量が多い一覧やバナーを詰め込みすぎると鬱陶しく感じられやすいので、「1〜2個だけ」に絞るのがおすすめです。

スマホ表示でのSwell ウィジェット使い方のポイント

PCだけを見ながらウィジェットを編集していると、スマホで見たときに「なんか長い」「どこに何があるか分からない」となりがちです。PCとスマホの違いをざっくり表にしておきます。

項目	PC	スマホ
サイドバー	記事の横に表示される	記事の下に回り込むことが多い
追尾サイドバー	画面右側に固定表示	テーマ設定によっては非表示になる
フッター	3カラムでも見やすい	縦に長く並ぶのでスクロールが増える
優先したいウィジェット	情報量多めでもOK	必要なものだけ厳選したほうが良い

Swell ウィジェット編集のよくある失敗と対処法

ウィジェットが表示されない・崩れるときのチェックリスト

ウィジェットが思った通りに出ないときは、原因を一つずつ潰していきましょう。よくある症状とチェックポイントをまとめます。

症状	チェックするポイント
サイドバーが出ない	投稿や固定ページのレイアウトが「1カラム」になっていないか
特定ページだけサイドバーが違う	ページ個別の設定でサイドバーを非表示にしていないか
フッターが真っ白	フッターウィジェットエリアに何も入れていないだけではないか
スマホだけウィジェットが見えない	スマホ用ウィジェットエリアを使っているか、表示条件を絞りすぎていないか
ウィジェット画面が真っ白になる	最近入れたプラグインと競合していないか、キャッシュを削除してみたか

多くの場合、「表示される場所を間違えている」「レイアウト設定との組み合わせ」が原因です。焦ってテーマやWordPress自体を疑う前に、上から順番にチェックしていくと落ち着いて原因を見つけられます。

ごちゃごちゃしたSwellウィジェットを整理するコツ

長く運営していると、気付けばサイドバーやフッターが「なんとなく増えたウィジェット」でパンパンになりがちです。そんなときに試してほしい整理のコツは、次の三つです。

• まず「今絶対に見てほしいもの」を3つだけ書き出す
• それ以外のウィジェットはいったん「使用停止中」や別エリアに退避させる
• プロフィール、検索、記事への導線、CTAという順番で復活させていく

 

---

★ブログでは公開できない裏情報★

私の発行するメルマガではブログでは公開できない秘匿性が高い特別な情報を発信しております。

例えば、

1. 実際に10万稼いだキーワード
2. 今やるべきおススメ広告

などをこっそり暴露しています。ぜひ公開停止する前に受け取ってください。

⇒あっさり10万稼ぐためのメルマガ

---

 

Swellウィジェット編集・使い方のよくある質問

Q1. Swellのウィジェット編集は「外観→ウィジェット」と「カスタマイズ」どちらからやるのがいいですか？

どちらからでも編集自体はできますが、最初はカスタマイズ画面からがおすすめです。カスタマイズ→ウィジェットなら、右側に実際の画面を表示しながら編集できるので、「ここに入れたらこう表示されるんだ」と直感的に覚えられます。

慣れてくれば、外観→ウィジェットでまとめて編集したほうが作業は早いです。

Q2. Swellのウィジェットの使い方が分からないとき、サイドバーには最低限何を入れておけばいいですか？

迷ったら、次の4つだけをサイドバーに入れておけば大丈夫です。

• プロフィール
• 検索フォーム
• 新着記事または人気記事一覧
• カテゴリー一覧

これだけで、「誰が書いているか」「何を書いているか」「どこから読めばいいか」が分かるようになります。余裕が出てきたら、ランキングボックスやお問い合わせバナーなどを一つずつ増やしていくと、ウィジェットの使い方の幅も自然と広がっていきます。

Q3. ウィジェットを入れすぎると、Swellの表示速度やSEOに悪影響はありますか？

ウィジェットが多すぎると、読み込みが重くなったり、読者の視線が分散したりする可能性はあります。特に、外部サービスの埋め込みや画像の多いバナーを詰め込みすぎると、体感速度が遅く感じられやすいです。

とはいえ、必要なウィジェットを整理して使っている範囲なら、そこまで神経質になる必要はありません。

• サイドバーの上半分は本当に見てほしいものだけに絞る
• フッターには軽めのリンクやテキスト中心で置く
• 動きのあるパーツや重いパーツは最小限にする

このあたりを意識してウィジェットの配置を調整していけば、SEO的にもユーザー体験的にもバランスのいいサイトになっていきます。

Swell ウィジェット編集・使い方のまとめ

ここまで解説してきたポイントをまとめます

最初の一歩としては、まず共通サイドバーのウィジェット設定を開いてみてください。そして、プロフィール、新着記事（または人気記事）、カテゴリーの3つだけを上から順に並べて、スマホとPCの両方で表示を確認してみましょう。

 

---

★初心者さん必見★

「あと3ヶ月早くこの情報を知りたかった…」

そうならないために、今すぐ実践したいノウハウをギュッと一つのメルマガに詰め込みました。

無料で読めるうちに受け取っておいてください。

⇒あっさり10万稼ぐためのメルマガ