【ConoHa WING】当ブログ限定!5,000円割引あり!キャンペーンとの併用もOK!

SANGOでサイドバーを設定する方法を紹介

SANGOでサイドバーを設定する方法を紹介

※当記事内には、商品プロモーションを含む場合があります

今回は、SANGOでブログのサイドバーをカスタマイズする方法を紹介します。

WordPressをインストールしたデフォルトの状態のサイドバーがこちらです。
SANGOのサイドバー

このままでも問題はないのですが、WEBサイトの内容や好みによってサイドバーに設定したい項目は異なります。
そこで、WordPressをインストールしたら、サイドバーの設定も行うようにしましょう。

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

サイドバーのカスタマイズは、WordPressのウィジェット画面から行います。

MEMO

ウィジェットとは、WEBサイトの上部・下部やサイドバーなどにコンテンツを配置できる機能です。
人気記事やアーカイブ、広告、検索機能、プロフィールなどを配置することができ、WordPressの便利な機能の一つです。

ステップ1:クラシックウィジェットへ変更

WordPressのデフォルトだと、ウィジェットの設定画面は「ブロックウィジェット」になっており非常に使いにくいです。
そこで、クラシックウィジェットに変更して設定を行います。

まず、WordPress管理画面の左側に「SANGO設定」というメニューがあるので、そちらをクリックします。
その画面の「基本設定」の画面に「レガシーウィジェットを利用」という項目があります。
レガシーウィジェットの設定

その「レガシーウィジェットを利用」にチェックを入れ、設定を保存します。
レガシーウィジェットの設定

これで、クラシックウィジェットを利用できるようになりました。

それでは、サイドバーの設定を行います。
ウィジェットの設定は、管理画面の「外観」→「ウィジェット」から行うことができます。

そのウィジェット設定画面の中に「サイドバー」という項目があるので、そこからサイドバーの変更を行うことができます。
ウィジェットの設定画面

ステップ2:不要なウィジェットを削除

まず、デフォルトで設定されているウィジェットはすべて削除してしまいましょう。
不要なウィジェットを削除

該当ウィジェットを開いて「削除」をクリックすることで、不要なウィジェットを削除することができます。
不要なウィジェットを削除

ステップ3:サイドバーのカスタマイズ

サイドバーのウィジェットを全て削除したので、このように空の状態になっているはずです。
空のサイドバー

ここに検索ボックスを追加します。
画面左側のウィジェットから「検索」を探してクリックしてください。
検索ウィジェットを選択
ウィジェットの追加窓が出てくるので、「サイドバー」を選んで「ウィジェットを追加」をクリックします。
検索ウィジェットを追加
これで、サイドバーへの検索ウィジェットの追加が完了しました。
検索ウィジェットを追加完了

次に、「【SANGO】人気記事」を追加してみます。
【SANGO】人気記事ウィジェットを追加
【SANGO】人気記事のウィジェットの設定画面が開くので、各項目を設定して保存します。
【SANGO】人気記事ウィジェットの設定を保存

同様にして、他にもいくつのウィジェットを追加してみましょう。
ウィジェットの追加完了

因みに、頭に【SANGO】という文字が付いているのは、SANGOがオリジナルで用意しているウィジェットです。
それ以外は、WordPressにデフォルトで用意さ入れているウィジェットです。

これで、サイドバーへのウィジェットの追加が完了しました。

コケ太郎

もし、ウィジェットの表示順を変更した場合には、マウスを使ってドラッグで移動してコケ~

ウィジェットは、ドラッグするだけで位置を簡単に変えることができます。
ウィジェットの移動

ウィジェットの追加・削除もドラッグで行うことができるゴケ~

コケ次郎

左側のウィジェットをドラッグでサイドバーの中に移動させ、そこでドロップすると追加されます。
逆に、サイドバーの中のウィジェットをドラッグで左側に移動させ、そこでドロップすると削除されます。
ウィジェットの追加・削除

ステップ4:表示を確認

ウィジェットの設定が完了したら、ユーザー側の表示を確認してみましょう。
サイドバーの表示確認

まだ、記事を投稿していないので、寂しく感じますね。
ただ、記事を追加していくと見栄えも変わってくるので安心してください。

このような感じになっていきます。
サイドバーの表示確認

最後に

今回は、ウィジェットを利用してサイドバーをカスタマイズする方法を紹介しました。

ただ、WordPressデフォルトのウィジェット画面は非常に使いにくいです。
クラシックウィジェットに変更してからサイドバーの設定を行うのがおすすめです。

SANGOではオリジナルのウィジェットも用意されています。
サイドバーの設定方法をお探しの方は、ぜひ当記事を参考にしてください。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です