ウィジェットエリア一覧と使い方
ウィジェットエリア一覧と使い方
> 設定場所: 外観 → ウィジェット
> カスタマイザーで開く: ウィジェット設定を開く
> このページのURL: https://lite-word.com/manual/widgets/
LiteWordには9つのウィジェットエリアと3つのカスタムウィジェットが用意されている。サイドバー・記事下・フッターなど、各エリアにウィジェットを配置してコンテンツを追加できる。
設定手順
ウィジェットを追加する
- 外観 → ウィジェット を開く
- 追加したいウィジェットエリアを選択する
- 「+」ボタン をクリックしてウィジェット(ブロック)を追加する
- ウィジェットの内容を入力・設定する
- 「更新」 をクリックして保存
ウィジェットを並べ替える
- 外観 → ウィジェット を開く
- 対象のウィジェットエリア内で、ウィジェットをドラッグ&ドロップで並べ替える
- 「更新」 をクリックして保存
ウィジェットを削除する
- 外観 → ウィジェット を開く
- 削除したいウィジェットを選択する
- ツールバーの 「オプション(︙)」 → 「削除」 をクリック
- 「更新」 をクリックして保存
ウィジェットエリア一覧(9エリア)
| # | エリア名 | 表示場所 | 備考 |
|---|---|---|---|
| 1 | サイドバー(PC) | 2カラムレイアウト時の右サイドバー | PC表示のみ。1カラム設定時は非表示 |
| 2 | 固定ページ(下) | 固定ページ本文の下 | すべての固定ページに表示 |
| 3 | 投稿 本文の内側(下) | 投稿ページ本文コンテンツ内の最下部 | 記事本文のエリア内に表示される |
| 4 | 投稿 本文の外側(下) | 投稿ページ本文コンテンツの外側・下部 | 記事本文エリアの外に表示される |
| 5 | カテゴリー(下・全幅) | カテゴリーアーカイブページの下部 | 全幅(フルワイド)で表示 |
| 6 | フッター(上・全幅) | フッター上部・全幅エリア | 全幅で表示。フッターパターンのウィジェット設定がONの場合のみ |
| 7 | フッター(上・左) | フッター上部・左カラム | 3カラム構成の左列 |
| 8 | フッター(上・中央) | フッター上部・中央カラム | 3カラム構成の中央列 |
| 9 | フッター(上・右) | フッター上部・右カラム | 3カラム構成の右列 |
エリア配置のイメージ
┌─────────────────────────────────────┐
│ ヘッダー │
├──────────────────────┬──────────────┤
│ メインコンテンツ │ ① サイドバー │
│ │ (PC) │
│ ────────────────── │ │
│ ③ 投稿 本文の内側(下) │ │
│ ────────────────── │ │
├──────────────────────┤ │
│ ④ 投稿 本文の外側(下) │ │
│ ② 固定ページ(下) │ │
├─────────────────────────────────────┤
│ ⑤ カテゴリー(下・全幅) │
├─────────────────────────────────────┤
│ ⑥ フッター(上・全幅) │
├────────────┬────────────┬───────────┤
│ ⑦ 左カラム │ ⑧ 中央 │ ⑨ 右カラム │
├─────────────────────────────────────┤
│ フッター(コピーライト等) │
└─────────────────────────────────────┘
フッターウィジェットの注意点
フッターのウィジェットエリア(⑥⑦⑧⑨)は、フッターパターンの設定でウィジェット表示がONになっている場合のみ表示される。
フッターウィジェットを表示する手順
- 外観 → カスタマイズ → 「デザイン設定 - フッター」 を開く
- 使用しているフッターパターンのセクションを開く
- 「ウィジェットエリア部分」 を 「表示する」 に設定する
- 「公開」 で保存
- 外観 → ウィジェット でフッターエリアにウィジェットを追加する
> 補足: フッターパターンによって使えるウィジェットエリアが異なる場合がある。パターン選択後にプレビューで確認すること。
LiteWord カスタムウィジェット(3種)
LiteWordには独自のウィジェットが3つ用意されている。
1. 著者(Author)ウィジェット
投稿者のプロフィール情報を表示するウィジェット。サイドバーや記事下に配置し、執筆者の紹介に使用する。
| 設定項目 | 説明 |
|---|---|
| 著者名 | 表示する著者名 |
| プロフィール画像 | アバター画像 |
| 説明文 | 著者の紹介テキスト |
| SNSリンク | 各種SNSプロフィールへのリンク |
2. マイパーツ(My Parts)ウィジェット
LiteWordの「マイパーツ」機能で作成したパーツをウィジェットエリアに挿入できる。複雑なレイアウトやデザインをウィジェットとして配置したい場合に使用する。
| 設定項目 | 説明 |
|---|---|
| マイパーツ選択 | 登録済みのマイパーツから選択 |
> 関連: マイパーツの作成方法は マイパーツの使い方 を参照。
3. ショートコードウィジェット
任意のショートコードをウィジェットエリアに配置できる。プラグインのショートコードやLiteWord独自のショートコードを使いたい場合に便利。
| 設定項目 | 説明 |
|---|---|
| ショートコード | 実行するショートコードを入力 |
FAQ
Q. サイドバーが表示されない
A. ページのレイアウトが「1カラム」になっている可能性がある。投稿設定またはページ設定で「2カラム」レイアウトを選択すると、サイドバーウィジェットエリアが表示される。
Q. 投稿の「本文の内側」と「本文の外側」の違いは?
A. 「本文の内側(下)」は記事本文コンテンツのエリア内に含まれ、本文と同じ幅で表示される。「本文の外側(下)」は本文エリアの外に配置され、より広い幅で表示される場合がある。関連記事やCTAは「外側」、補足情報は「内側」に配置するのが一般的。
Q. フッターウィジェットにコンテンツを追加したのに表示されない
A. フッター設定(カスタマイザー)で「ウィジェットエリア部分」が「表示する」になっているか確認する。「表示しない」の場合、ウィジェットを追加しても画面に表示されない。
Q. マイパーツウィジェットに選択肢が出ない
A. マイパーツがまだ作成されていない。まず「マイパーツ」メニューからパーツを作成・公開してから、ウィジェットで選択する。
Q. カテゴリーページの下にだけウィジェットを表示したい
A. 「カテゴリー(下・全幅)」ウィジェットエリアを使用する。このエリアはカテゴリーアーカイブページにのみ表示される。
Q. スマホでサイドバーはどう表示される?
A. PC表示では右サイドバーとして表示されるが、スマホ(1080px以下)ではメインコンテンツの下にサイドバーの内容が移動して縦に表示される。
最終更新: 2026-03-15 10:00