ウィジェットとは「機能をもった小さなパーツ」のことで、主にサイトの内部リンクを増やす役割があります。
ある程度サイトが完成してきたら、ウィジェットを細かく設定して、PC・スマホで確認してみましょう。

下記箇所でウィジェットを表示できます。固定ページは「デフォルトテンプレート」が対応しています。
| 投稿ページ (サイドバー) |
PC時のサイドバーに表示 |
| お知らせページ (サイドバー) |
PC時のサイドバーに表示 |
| 固定ページ (サイドバー) |
PC時のサイドバーに表示 |
| 商品アーカイブページ (サイドバー) |
PC時のサイドバーに表示 |
| 投稿ページ下部 (モバイル専用) |
スマホ時のコメントとフッターの間に表示 |
| お知らせページ下部 (モバイル専用) |
スマホ時のフッターの上に表示 |
| 固定ページ下部 (モバイル専用) |
スマホ時のフッターの上に表示 |
| 商品アーカイブページ下部 (モバイル専用) |
スマホ時のフッターの上に表示 |
設定箇所
ウィジェットは、外観 > ウィジェットで設定します。

- 左側から設置したいウィジェットを右側の各エリアにドラッグ&ドロップする。
- 各ウィジェットをクリックして展開し、内容を設定する。
オリジナルウィジェット
SALONに同梱されているウィジェットをご紹介します。
| いいねされた投稿一覧 | 投稿記事をいいね数の多い順に表示。 |
| タブ記事一覧 | 最大2つのタブに投稿・お知らせ記事を表示。 |
| ランキング記事一覧 | 投稿記事を閲覧数の多い順で表示。 |
| 商品ランキング | 商品を売上個数や金額順で一覧表示。 |
| 投稿スライダー | 投稿記事をスライダー形式で表示。 |
たとえば、シンプルなバナーを設置したいときは「画像ウィジェット」が使えます。
>> WordPressのウィジェットの使い方
いいねされた記事一覧
投稿記事を「いいね数」が多い順に表示します。

以下の二項目を設定するだけで、評判のいい記事をリアルタイムで表示できます。
- タイトル
- 表示する記事の数
記事のいいね数が増えるたびに、自動反映されるので、常に人気記事が表示される仕組みです。
タブ記事一覧
投稿・お知らせの記事をタブ形式で表示できるウィジェットです。

- 表示する記事の数
- タブのタイトル
- コンテンツのタイプ(投稿・お知らせ)
- 記事のタイプ(↓で詳しく解説)
- 記事の並び順(新着順・ランダム)
を設定します。
片方の「タブのタイトル」を空欄にすると、シンプルな記事一覧としても使えます。

「記事のタイプ」は以下から選択します。
| すべて | 記事をすべて表示します。 |
| カテゴリー | カテゴリーを指定して表示します。 |
| ID指定 | 記事のIDを指定して表示します。 >> IDの確認方法 |
限られたスペースで「おすすめ投稿記事(ID指定)」と「新着お知らせ記事」のように二方向から記事を紹介できます。
ランキング記事一覧
閲覧数の多い順で投稿記事を一覧表示します。

実際にユーザーがアクセスした閲覧数が記録されるので、自動でランキングが作成される仕組みです。
集計範囲は以下から指定可能です。
- 閲覧数(日間)
- 閲覧数(週間)
- 閲覧数(月間)
- 閲覧数(年間)
- 閲覧数(無期限)
- いいね数
商品ランキング
WooCommerce有効化時に使えるウィジェットです。売上個数や金額順で商品ランキングを表示できます。

集計期間やカテゴリーを絞って表示することも可能です。
投稿スライダー
投稿記事をスライダー式で表示します。

投稿記事を任意の順番で表示できます(新着・ランダム・ID指定)。
設定が完了したら、PC・スマホそれぞれで以下のポイントを確認しておきましょう。
- 意図したウィジェットが表示されているか
- 表示されているウィジェットの数は適切か(多すぎor少なすぎではないか)
ウィジェットエリアが表示されないときは?
PC時にサイドバーが表示されない場合、以下の設定を確認してみてください。
| 投稿ページ | TCDテーマ > 投稿 > 投稿ページの「サイドバー」箇所 |
| お知らせページ | TCDテーマ > お知らせ > お知らせページの「サイドバー」箇所 |
| 固定ページ |
・テンプレート(ランディングページはサイドバー非表示です。) |