SWELLでサイドバーを設定する方法【プロフィールとかいろいろ】

いろんなブログを見ていると、サイドバーにプロフィールを表示しているサイトが多いですよね。

とても見やすくていいなと思い、うちのブログもやりたい！と思ったのですが…

初心者のわたしは、WordPress管理画面の「ユーザー」にある「プロフィール」で設定すればサイドバーに表示されるものと思っていて、「設定したのに表示されない！」と大混乱しました。

そんなわけで、この記事では、SWELLのサイドバーにプロフィールを表示させる方法を説明します。

SWELLのサイドバーにプロフィールを表示する設定

サイドバーのプロフィールはこの赤枠部分のことです。

これから説明する共通サイドバーで設定をすると、パソコンだと画面のサイドに、スマホだと記事の下の方に表示されます。

プロフィール画像を用意する

設定前に、必要に応じて以下の画像を用意しておきましょう。

アイコン画像の作成方法が知りたい場合は、こちらを参照してみてください。

サイドバーにプロフィールを表示する設定をする

WordPress管理画面の「外観」から「ウィジェット」を開きます。

すると、ウィジェット設定画面が表示されます。

サイドバーに表示したい項目（今回は[SWELL]プロフィール）をクリック。

「共通サイドバー」を選択して「ウィジェットを追加」ボタンを押します。
※ドラッグして設定したいところに移動させてもOKです。

すると、共通サイドバーの中に、以下の[SWELL]プロフィールの項目が追加されます。

[SWELL]プロフィールの設定画面で、必要な項目を設定します。
このブログでは、シンプルに、名前・プロフィール文・アイコン画像だけ設定しました。

設定したら、右下に表示される「保存」を押し、左側の「完了」をクリックしましょう。
左にある「削除」を押すと、追加した項目（今回はプロフィール）自体を削除できます。

なお、ボタンリンク先とボタンテキストは、プロフィール文の下にボタン（押すと設定したURLに移動できる）を設置する項目です。

サイドバーに他に表示したい項目があれば、同様の方法で追加できます。

追加した項目が、共通サイドバーの中に表示されるので、ドラッグアンドドロップで表示順を変更することができます。

共通サイドバーにデフォルトで項目が入っている場合は、不要な項目をクリックして展開し、左下にある「削除」ボタンで削除しましょう。

今回は共通サイドバーの設定方法を説明しました。

なお、同じ画面にある「共通サイドバー【スマホ版】」を設定すると、スマホで見た時だけ共通サイドバー【スマホ版】で設定した項目が記事下に表示されます。

サイドバーを表示する画面を設定する

サイドバーを表示する画面は、設定で変更できます。

WordPress管理画面一番上の「カスタマイズ」をクリック（または、「外観」から「カスタマイズ」を選択）。

表示された項目の中から「サイドバー」を選択すると、表示させたい画面やサイドバーの位置を設定できます。

まとめ：サイドバーの編集は意外と簡単

設定する場所さえわかれば、サイドバーの設定は簡単にできました。

皆さんも、ぜひサイドバーのカスタマイズをしてみてください！

この記事が少しでも皆様のお役に立てると嬉しいです。

ブログに必用な画像とサイズを知りたい場合は、こちらを参照してみてください。