SWELLのサイドバーカスタマイズ方法|おすすめの設定を解説

※本記事はアフィリエイト広告を含む記事へのリンクを含みます。

ブログの横に表示されるサイドバーに、何を置けばいいのか迷っていませんか。私は以前、バナーやカレンダー、アーカイブをとにかく並べてしまい、ごちゃごちゃして何も目に入らないサイドバーになっていました。

この記事では、SWELLのサイドバーをカスタマイズする方法を初心者向けにわかりやすく解説します。実際にサイドバーを整理してきた体験も交えるので、読み終わるころには、記事を読んでもらいやすいサイドバーを作れるようになります。

※これからSWELLを導入する方へ:SWELLは買い切り型のWordPressテーマで、追加費用の心配がありません。この記事を見ながら進めれば、初心者でも迷わずおしゃれなブログを作れます。

➡️【公式】SWELLの公式サイトはこちら

デザインに悩む時間を減らして、記事作りに集中できます。

ニャフィ

サイドバーって、何を置けばいいのかにゃ?

たいがブログ

選択肢が多いので、迷ってしまいますよね。

ニャフィ

置きすぎてごちゃごちゃしたら困るにゃ…

たいがブログ

載せるべき内容と設定手順を、5つに分けて解説しますね。

あわせて読みたい
SWELLの評判は本当?初心者ブロガーが実際に使ってみた正直レビュー 本記事はアフィリエイト広告を含みます。 「SWELLって評判いいけど、17,600円を出す価値が本当にあるの?」と気になっていませんか。 この記事では実際にSWELLを使って...
目次

SWELLのサイドバーでできること

サイドバーは、記事を読んでいる読者にほかの情報を案内できる場所です。SWELLでは、ウィジェットを使って好きな内容を並べられます。

筆者はサイドバーを整理して、プロフィールと人気記事だけに絞りました。するとほかの記事も読んでもらえる機会が増えたと感じています。載せる内容を厳選することが、サイドバー作りのいちばんのコツです。

プロフィールや人気記事を表示できる

SWELLには、プロフィールや人気記事、新着記事を表示できる専用のウィジェットがあります。運営者の紹介や読まれている記事を並べると、読者に安心感と次の行動を与えられます。

追尾サイドバーで最後まで見てもらえる

SWELLの追尾サイドバーを使うと、スクロールしてもサイドバーの一部が画面についてきます。目次やおすすめ記事を置くと、記事を読み終えるまで案内し続けられます。

SWELLのサイドバーをカスタマイズする方法

サイドバーのカスタマイズは、ウィジェット画面とカスタマイザーの2か所で行います。順番に進めれば、初心者でも迷わず整えられます。

筆者はAFFINGER6でもウィジェットを設定しましたが、種類が多くてどれを使えばいいか迷いました。SWELLは必要なウィジェットが絞られていて選びやすいので、短時間で形にできました。

載せる内容を先に決めておく

作業を始める前に、サイドバーに置く内容を2〜3個に絞っておきましょう。プロフィール・人気記事・カテゴリーあたりから始めると、すっきりまとまります。

表示するページを選べる

SWELLでは、トップページや記事ページなど、ページごとにサイドバーの表示を切り替えられます。固定ページでは非表示にするなど、ページの役割に合わせて調整しましょう。

STEP
ウィジェット画面を開く

管理画面の「外観」→「ウィジェット」を開きます。共通サイドバーや追尾サイドバーなど、表示エリアごとにウィジェットを追加できます。

STEP
プロフィールを追加する

共通サイドバーにSWELLのプロフィールウィジェットを追加し、画像と紹介文を設定します。どんな人が書いているかが伝わると、読者の信頼につながります。

STEP
人気記事を追加する

人気記事のウィジェットを追加します。筆者は設置直後に記事が表示されず焦りましたが、アクセスのデータがたまると表示されるようになりました。

STEP
追尾サイドバーを設定する

追尾サイドバーのエリアに、目次やおすすめ記事などを追加します。スクロールしても表示され続けるので、本当に見てほしい内容を置きましょう。

STEP
表示設定を確認する

カスタマイザーのサイドバーの設定で、どのページに表示するかを確認します。最後にパソコンとスマホの両方で見え方をチェックしておきましょう。

読まれるサイドバーにするコツ

サイドバーは、置く内容しだいで読者の回遊を大きく左右する場所です。大切なのは、読者にとって本当に役立つ情報だけを並べることです。

筆者はカレンダーやアーカイブを外し、プロフィール・人気記事・カテゴリーの3つに絞りました。それだけでサイドバーがすっきりし、読者の目線が人気記事に向きやすくなったと感じています。

載せすぎず役割を決める

サイドバーに置くものは、「信頼してもらう」「ほかの記事へ案内する」など役割を決めて選びましょう。目的のないウィジェットは思い切って外すのがおすすめです。

スマホでの表示も意識する

スマホでは、サイドバーは記事の下にまとめて表示されるのが一般的です。スマホで見たときも長くなりすぎないよう、内容の数を意識しておきましょう。

サイドバーにおすすめの内容

  • 運営者のプロフィール
  • 人気記事や新着記事
  • カテゴリー一覧

外しても問題ない内容

  • カレンダー
  • 月別アーカイブ
  • 目的のないバナーや画像
あわせて読みたい
SWELLvsAFFINGER6|初心者におすすめのWordPressテーマはどっち? 本記事はアフィリエイト広告を含みます。 「SWELLとAFFINGER6、結局どっちがいいの?」と迷っていませんか。どちらも人気の有料テーマで、調べるほど決められなくなるん...

よくある質問

特定のページだけサイドバーを非表示にできますか?

カスタマイザーの設定で、ページの種類ごとに表示・非表示を切り替えられます。固定ページなどは、1カラムにして本文を広く見せるのもおすすめです。

スマホではサイドバーはどこに表示されますか?

スマホでは、記事の本文の下にまとめて表示されるのが一般的です。スマホで見たときの長さも意識して、内容を絞り込みましょう。

サイドバーに広告を置いても大丈夫ですか?

問題ありませんが、広告ばかりになると読者の信頼を損ねるおそれがあります。プロフィールや人気記事とのバランスを意識して配置しましょう。

人気記事が表示されないときは?

ブログを始めたばかりだと、アクセスのデータがたまるまで表示されないことがあります。しばらく様子を見て、ウィジェットの設定も確認してみてください。

【ここまで読んでくださった方へ】:SWELLなら、ブロックエディターで直感的に記事を装飾でき、初心者でもすぐに見やすいブログが作れます。

➡️【公式】SWELLの公式サイトはこちら

買い切り型なので、一度購入すれば長く安心して使い続けられます。

まとめ

SWELLのサイドバーは、ウィジェット画面で内容を追加し、カスタマイザーで表示を調整するだけで整えられます。専用ウィジェットや追尾サイドバーを使えば、読者をほかの記事へ自然に案内できます。

サイドバーを詰め込みすぎて失敗した筆者のおすすめは、プロフィール・人気記事・カテゴリーの3つに絞ることです。まずは今のサイドバーを見直して、必要なものだけ残してみてください。

ニャフィ

サイドバーがすっきり見やすくなったにゃ!

たいがブログ

お疲れさまでした!記事を読んでもらいやすくなりましたね。

ニャフィ

ほかのテーマのサイドバーも気になるにゃ!

たいがブログ

おすすめテーマをまとめた記事もぜひどうぞ。

あわせて読みたい
おすすめWordPressテーマ3選|失敗しない選び方を解説 本記事はアフィリエイト広告を含みます。 「WordPressテーマって種類が多すぎて、どれを選べばいいかわからない」と迷っていませんか。テーマ選びはブログの見た目・速...

おすすめ記事

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次