ワードプレスのサイドバー(ウィジェット)のコンテンツを追加・編集する方法

スポンサードリンク

「読み手に安心感を与える!アフィリエイトサイトのデザインの秘訣」という記事でも解説しているように、デザイン次第で、ブログの集客力は大きく変わります!

ちなみに、サイドバーやフッターは「ウィジェット」呼ばれる機能を使って、簡単に編集することができます。

今回の記事ではウィジェット機能を使って、とくに、サイドバーの編集をする方法をお伝えしていきます。

また、サイドバーに装飾を施すためのプラグインもこの記事の中で紹介しますので、ぜひ最後までお読みくださいね!

ウィジェットとは?

「ウィジェット」とは、パズルのようにサイドバーに追加したいピースを埋め合わせていく機能のこと。
パズルを手で埋めていくように、「カテゴリ」や「新着記事」、「画像リンク」をサイドバーに表示させることができます。

ウィジェット機能を使ったビフォーアフター

他にも、あなたが以下のような情報をサイドバーに追加したい場合、簡単に追加することができます。

  • 写真
  • 動画
  • リンク
  • メルマガ登録フォーム
  • ランディングページへの導線
  • 記事の紹介

もし、あなたが、サイドバーに満足のいくコンテンツを表示させられていないのであれば、次の章でお伝えしている、ウィジェットの活用法をご確認ください。

スポンサードリンク

ウィジェットの編集をする画面はどこ?

では、早速ウィジェットの編集画面に移ってみましょう。
ウィジェットの編集画面は「外観」「ウィジェット」をクリックすると開きます。

ウィジェットの編集画面を選択する

以下の画面でサイドバーの編集を行なっていきます。

サイドバーの編集画面

ウィジェットを追加する方法

コンテンツの追加方法をお伝えします。

以下の図における「利用できるウィジェット」から「サイドバー」という欄に、ドラッグ&ドロップでウィジェットを動かします。

ウィジェット機能を使ってみよう

必要なウィジェットを動かします。

ドラッグ&ドロップ

これが基本的なウィジェトの追加方法となります。

ウィジェットの機能や役割については、「利用できるウィジェット」の各ウィジェットの下に記載されているので、そちらを確認してみてください。

タブが閉じている場合

もし、以下の図のように、ウィジェットを追加するためのタブが閉じている場合は「▼」をクリックし、タブを開いてから、ウィジェットの追加を行いましょう。

タブが閉じているときのウィジェット追加方法 タブを開く

ドラッグ&ドロップできない場合

また、何かしらのエラーやバグで、ドラッグ&ドロップできない場合は、各ウィジェットをクリックします。
すると、以下の画面になるので、ウィジェットの追加先を選択し「ウィジェットを追加」をクリックしましょう。

ドラッグ&ドロップできない時のウィジェットの追加方法

ウィジェットを編集する方法

次に追加したウィジェットのうち、特に汎用性の高い、「最近の投稿」「検索」「カテゴリー」の編集方法、またサイドバーに自由自在に装飾できるプラグインの使い方もお伝えします。

追加したウィジェットは、それぞれの項目をクリックすると編集できます。

ウィジェットの編集方法

カテゴリーの編集方法

カテゴリーの編集では、記事カテゴリーの表示方法を編集することができます。
タイトルにはカテゴリーと記載し、表示したい項目にチェックを入れます。

カテゴリーの編集方法

「保存」を押せば編集完了となります。

カテゴリーの編集方法については、以下の記事で解説していますので、ご確認ください。

最近の投稿の編集方法

  • 表示する投稿記事数
  • 投稿日の表示/非表示

上記の2点を決めたら、「保存」をクリックして、編集完了となります。

最近の投稿の編集

検索の編集方法

検索ボックスは、特別な設定はありません。
必要であれば、タイトルの欄に「検索」と入力しておきましょう。

検索の編集方法

自由自在にデザインしたいときは

最後に、自由自在な装飾をサイドバーにほどこす方法です。
一般的には、初期から入っている「テキスト」を活用するのですが、htmlを記述できないと「テキスト」は扱えません。

テキストの編集はオススメしません

そこで当サイトでは、サイドバーに自由なデザインをするために以下のプラグインをインストールすることをお勧めしています。

Black Studio TinyMCE Widget

「Black Studio TinyMCE Widget」というプラグインです。
このプラグインを使うと、簡単にサイドバーに自由なデザインをすることができます。

以下の記事でインストール方法と使用方法をお伝えしているので読んでみてください。

スポンサードリンク

ウィジェットを削除する方法

次に、ウィジェットを削除する方法です。
不要なウィジェットを削除するには、以下のように、適用中の各ウィジェットをクリックし、「削除」を押すだけです。

ウィジェットの削除方法

ウィジェットを一時停止にする方法

今は不要でも、今後また使うかもしれないウィジェットがあれば、削除することはできないですよね。
そこで、ウィジェットを削除せずに一時停止する方法を使いましょう。

「サイドバー」のウィジェットをページ最下部の「使用停止中のウィジェット」にドラッグ&ドロップするだけです。

ウィジェットの一時停止方法

再利用したいときは、ここからウィジェットを追加してください。


いかがでしたか?

サイドバーの編集や装飾の方法はたくさんありますが、今回の記事では特に基本的なことをお伝えしました。
もちろん、もっと高度なことをしようと思えば、やり方は無数にありますすが、まずは、この記事の内容をできるようになってみてください。

以下の記事ではサイドバーの中に、より高度な装飾をするための方法を紹介しています。ぜひご覧ください。

スポンサードリンク