ウィジェット変更・追加・削除を解説！Cocoonをカスタマイズ！

WordPressのウィジェットは訪問者がサイトを閲覧しやすくするパーツ

ウィジェットとは

WordPressやITの中でウィジェットは、画面に表示される一つの機能を持ったアプリケーションのことを指します。

単語自体の意味

ウィジェット（widget）：英語で部品や機械装置という意味

一つの機能を持ったアプリケーション？となるかもしれません。

ですが、皆さんが普段から使用しているスマホにもウィジェットは設置されています。

例えば、カレンダーや時計、検索バーなどが当てはまります。

意識していなくてもウィジェットを配置して、使っています。

WordPressのウィジェットは導線作りに役立つ

画像の赤枠にある一つ一つがウィジェットにあたります

サイドメニューにあるウィジェットを主に紹介しました。

設置できるのは他にもヘッダーやフッター、投稿した記事の中などに設置できます。

閲覧しやすく、サイト内に導線を作ることがウィジェットの大きな役割の一つと言えます。

Cocoonテーマのウィジェット設定方法

Cocoonで使えるウィジェット一覧

無料テーマの代表「Cocoon」

無料とは思えないほど、ウィジェットも豊富です。

一覧から確認してみましょう。

「WordPress管理画面」→「Cocoon設定」→「ウィジェット」をクリック

「ウィジェット表示」画面でウィジェット名と用途が確認可能

多すぎてわからない！となるかもしれません。

最初は「ウィジェットってこんなに豊富なんだ」ぐらいの認識で問題ありません

上のウィジェット表示画面では、ウィジェットの除外が可能です。

使用することがないウィジェットを予め除外できます。

使うことがないウィジェットは「チェック」して「変更をまとめて保存」をクリック

ウィジェットのプレビュー設定画面

ウィジェットを設定していきます。

「WordPress管理画面」→「外観」→「カスタマイズ」をクリック

良く見ると下に「ウィジェット」の設定項目があります。

「ウィジェット」からでも設定できますが、今回はプレビュー画面を見ながらやりたいのでカスタマイズから実施します。

「カスタマイズ」→「ウィジェット」をクリック

「サイドバー」-「フッター(モバイル用)」とずらっとタブが並んでおり、ここでサイト上のどこにウィジェットを表示するか選択します

最初から表示されていたウィジェットは右側の「サイドバー」と呼ばれる場所のウィジェットです。

「サイドバー」にウィジェットを追加、削除していきます。

ウィジェットの詳細変更

「サイドバー」をクリックすると、サイドバーのウィジェットエリアに表示しているウィジェット一覧が出てきます。

「検索」「最近の投稿」と上から順番にサイドバーとリンクしています

各ウィジェットを開くと変更が可能です。

「検索」をクリックします。

「タイトル」欄に「サイト内検索」と入力してみます。

サイドバーの検索ウィジェットの上にタイトルが表示されました

「公開」をクリックして設定を保存できます。

ウィジェットの追加

新しいウィジェットを追加します。

一つ前、サイドバーのウィジェットエリアに戻ります。

「＋ウィジェットを追加」をクリック

新着記事ウィジェットを追加してみます。

「新着記事」ウィジェットをクリック

サイドバーに「新着記事」のリストが表示されました。アイキャッチに設定したサムネイル付きです。

詳細設定

同様に他のウィジェットもプレビューで確認しながら追加できます。

ウィジェットの削除

新着記事を追加しましたので役割が類似している「最近の投稿」ウィジェットを削除します。

やり方は削除したいウィジェットを開いて、「削除」をクリックするだけです

サイドバーから「サイト内検索」の下にあった「最近の投稿」が削除されました

ウィジェットの並べ替え

「新着記事」を「サイト内検索」の真下に持ってきたいので並べ替えを行います。

サイドバーのメニューから「並べ替え」をクリック

上下矢印マークが表示されます。移動したい方向の矢印をクリックして、移動

「完了」をクリックでウィジェットの並べ替えが完了です。

まとめ：ウィジェットでサイトの導線を作れる！設定方法は簡単！