今回は、SANGOでブログのサイドバーをカスタマイズする方法を紹介します。
WordPressをインストールしたデフォルトの状態のサイドバーがこちらです。
このままでも問題はないのですが、WEBサイトの内容や好みによってサイドバーに設定したい項目は異なります。
そこで、WordPressをインストールしたら、サイドバーの設定も行うようにしましょう。
SANGOのサイドバーをカスタマイズする方法
サイドバーのカスタマイズは、WordPressのウィジェット画面から行います。
ウィジェットとは、WEBサイトの上部・下部やサイドバーなどにコンテンツを配置できる機能です。
人気記事やアーカイブ、広告、検索機能、プロフィールなどを配置することができ、WordPressの便利な機能の一つです。
ステップ1:クラシックウィジェットへ変更
WordPressのデフォルトだと、ウィジェットの設定画面は「ブロックウィジェット」になっており非常に使いにくいです。
そこで、クラシックウィジェットに変更して設定を行います。
まず、WordPress管理画面の左側に「SANGO設定」というメニューがあるので、そちらをクリックします。
その画面の「基本設定」の画面に「レガシーウィジェットを利用」という項目があります。
その「レガシーウィジェットを利用」にチェックを入れ、設定を保存します。
これで、クラシックウィジェットを利用できるようになりました。
それでは、サイドバーの設定を行います。
ウィジェットの設定は、管理画面の「外観」→「ウィジェット」から行うことができます。
そのウィジェット設定画面の中に「サイドバー」という項目があるので、そこからサイドバーの変更を行うことができます。
ステップ2:不要なウィジェットを削除
まず、デフォルトで設定されているウィジェットはすべて削除してしまいましょう。
該当ウィジェットを開いて「削除」をクリックすることで、不要なウィジェットを削除することができます。
ステップ3:サイドバーのカスタマイズ
サイドバーのウィジェットを全て削除したので、このように空の状態になっているはずです。
ここに検索ボックスを追加します。
画面左側のウィジェットから「検索」を探してクリックしてください。
ウィジェットの追加窓が出てくるので、「サイドバー」を選んで「ウィジェットを追加」をクリックします。
これで、サイドバーへの検索ウィジェットの追加が完了しました。
次に、「【SANGO】人気記事」を追加してみます。
【SANGO】人気記事のウィジェットの設定画面が開くので、各項目を設定して保存します。
同様にして、他にもいくつのウィジェットを追加してみましょう。
因みに、頭に【SANGO】という文字が付いているのは、SANGOがオリジナルで用意しているウィジェットです。
それ以外は、WordPressにデフォルトで用意さ入れているウィジェットです。
これで、サイドバーへのウィジェットの追加が完了しました。
コケ太郎
ウィジェットは、ドラッグするだけで位置を簡単に変えることができます。
コケ次郎
左側のウィジェットをドラッグでサイドバーの中に移動させ、そこでドロップすると追加されます。
逆に、サイドバーの中のウィジェットをドラッグで左側に移動させ、そこでドロップすると削除されます。
ステップ4:表示を確認
ウィジェットの設定が完了したら、ユーザー側の表示を確認してみましょう。
まだ、記事を投稿していないので、寂しく感じますね。
ただ、記事を追加していくと見栄えも変わってくるので安心してください。
このような感じになっていきます。
最後に
今回は、ウィジェットを利用してサイドバーをカスタマイズする方法を紹介しました。
ただ、WordPressデフォルトのウィジェット画面は非常に使いにくいです。
クラシックウィジェットに変更してからサイドバーの設定を行うのがおすすめです。
SANGOではオリジナルのウィジェットも用意されています。
サイドバーの設定方法をお探しの方は、ぜひ当記事を参考にしてください。