今回は
サイドバーってどうやって設定するの？
そんな悩みを解決していきます。
- 有料テーマ「SWELL」を使用中の人
- サイドバーの基本設定がまだ済んでない人
- 「おすすめ記事」や「広告リンク」も配置したい人
「サイドバーの設定がうまくいかない💢」
「記事も書かなきゃいけないのに、サイドバーの設定まで…」
って感じでお困りですよね？
私も苦労したので、気持ちわかりますよ（笑）
一般的にサイドバーは、ブログの顔とも言われる部分なので、早い段階である程度整えておくことをおすすめします。
ただ、
ブログ初心者向けと言われるテーマ「SWELL」であっても、何も見ずに簡単にカスタマイズできるほど甘くくはありません。
そこで、本記事では、SWELL初心者でも機能的なサイドバーを設定できるよう詳しく解説してあります。
ぜひ一緒に、サイドバーの基本的な使い方について学んでいきましょう。
続きを読めば、あなたのブログもきっと次のレベルへと進化させることができるはずです。
それでは本題に参ります。
「SWELL」を使ったサイドバーの基本設定
最初に、当サイトのサイドバーにも設置している
- プロフィール
- 検索ボックス
- 新着記事
の基本設定３項目について解説していきますね。
では、
トムプロフィールからいきます。
プロフィール
- 名前
- 役職（肩書き）
- プロフィール文
- アイコン画像
- プロフィール背景画像 など
早速、プロフィールをサイドバーに設置していきます。
できれば、
トム別タグで自分のサイトを開いて一緒に作業しましょう。
＊入力内容の変更はいつでも可能です。
なので、
トムとりあえず名前だけでもOKです。
設定したら、
トム表示内容の確認をして完成です！
検索ボックス
続いて、検索ボックスを設置していきます。
検索ボックスは、サイト内の記事を検索できる便利な機能です。
サイトに訪問したユーザーに、
トムストレスなくサイト内を回遊してもらいましょう！
＊タイトルは任意なのでとりあえず無視してOKです。
新着記事
次は、
トム新着記事の設置をしていきます。
＊タイトルは未入力でもOKです。
サイドバーをカスタマイズする方法
広告リンクの設置
次は、よく見かける「SWELLの広告リンク」を設置していきます。
SWELLの広告を取り扱うASPは、「もしもアフィリエイト」です。
まだ登録されてない方は、下記の記事を参考に登録を済ませておきましょう。
登録が済んでる方は、
トム順番に進めていきましょう。
おすすめ記事の設置
SWELLのサイドバーに「おすすめ記事」を設置するには、ブログパーツを作成する必要があります。
ひと手間増えますが、
トム落ち着いて作業していきましょう。
＊投稿IDは、WordPress管理画面のダッシュボード「投稿」＞「投稿一覧」に記載されたIDの番号です。
記事毎に番号が割り振られているので、
トムサイドバーに表示したい記事のID番号を入力しましょう
追尾サイドバーの設置
ここからは、上↑の動画のように
トム「追尾サイドバーに目次を設置」する方法を紹介していきます。
＊タイトルは任意なので無しでもOK。
追尾サイドバーに目次を設定しておくと、読者が記事内で快適に過ごせるようになり、SEO効果も期待できます。
ぜひ、設定しておきましょう！
サイドバーを非表示にしたい場合
ここでは、サイドバーの表示・非表示の切り替え方法についてみていきましょう。
表示の切り替えは、
トム「ページの種類別」と「記事別」の２つの方法があります。
簡単なので安心してください。
ページの種類別に設定する
サイト内の「トップページにはサイドバーを表示したい」けど、「その他のページは非表示にしたい」場合など、簡単に切り替えが可能です。
トム簡単でしたよね。
記事別に設定する
次は、記事別にサイドバーの「表示/非表示」を切り替える方法について紹介します。
記事別で設定した方が優先順位が高いので、こちらで非表示にしておくと該当する記事ではサイドバーが表示されません。
まとめ：SWELLを使ったサイドバーのカスタマイズ
この記事を通じて、SWELLのサイドバー設定の基本から応用的なカスタマイズ方法について詳しく解説しました。
「プロフィール」の表示、「検索ボックス」、「新着記事」リストの設置は、ユーザーがブログの概要を把握しやすくするためにとても重要です。
一方で、
カスタムコンテンツとして「おすすめ記事」や「広告リンク」をサイドバーに取り入れることで、ユーザーの滞在時間を延ばし、ブログの収益化にもつながります。
また、「追尾サイドバー」機能は訪問者がスクロールしても常に表示される部分なので、記事の「目次」を設定することによりユーザビリティが向上するでしょう。
いずれにしても、サイドバーはブログに訪れる人々にとっては「目印」となるもの。
創意工夫して、
トムブログの魅力を最大限に引き出すよう工夫してみてください。
今回の情報が、副業としてブログを始めたばかりの方にとって一助となれば幸いです。
また、これからブログで「０→１」を目指している方は、下記の記事もご覧ください。
以上、お付き合いありがとうございました。
