【SWELL】ウィジェットの使い方をサイドバーとフッターを例に解説

こういった悩みにお答えします。

デモ

本記事を読むことでサイドバーに以下のようにウィジェットを設置できるようになります。

また、フッターにも以下のようにウィジェットを設置できるようになります。

SWELLでのウィジェットの使い方をサイドバーを例に解説

サイドバーにウィジェットを設置

管理画面メニューから、「外観」＞「ウィジェット」を選択します。

利用できるウィジェットから、「ウィジェット」を「共通サイドバー」にドラッグ&ドロップします。

ウィジェットをカスタマイズ

ウィジェットをドラッグ&ドロップした場所からでもカスタマイズは行えますが、今から紹介する方法の方がリアルタイムで確認しながら行えるのでオススメです。

管理バーから、「カスタマイズ」を選択します。

サイドバーから、「ウィジェット」を選択します。

ウィジェットから、「共通サイドバー」を選択します。

先ほど共通サイドバーにドラッグ&ドロップしたウィジェットが表示されます。

[SWELL]プロフィールを開き、自分好みにカスタマイズします。

[SWELL]人気記事を開き、自分好みにカスタマイズします。

カテゴリーを開き、自分好みにカスタマイズします。

タグクラウドを開き、自分好みにカスタマイズします。

[SWELL]プロモーションバナーを開き、自分好みにカスタマイズします。

リンク先URL（href）が空の場合は、SWELLの公式サイトへのリンクが自動で貼られますが、アフィリエイトリンクを貼ることで収益化広告になります。

以上でウィジェットのカスタマイズは完了です。

SWELLでのウィジェットの使い方をフッターを例に解説

サイドバーで具体的な使い方は解説したので簡単に進めます。

フッターにウィジェットを設置

利用できるウィジェットから、「ウィジェット」を「フッター（PC）1」「フッター（PC）2」「フッター（PC）3」にドラッグ&ドロップします。

ウィジェットのカスタマイズ内容

以下の赤枠が設定を変更した箇所になります。

以上でウィジェットのカスタマイズは完了です。

デモの再掲

フッターにカスタマイズされたウィジェットが設置されています。

今回は以上です。