ウィジェット

ウィジェット紹介:【フッター】部分に挿入できるウィジェット4つ

2021年1月25日

サイドバー部分に挿入できるウィジェット4つサンプル

AFIINGER6のウィジェット紹介です。今回はフッターに挿入できるウィジェットをご紹介します。AFFINGER6ではフッターに挿入できるウィジェットは4つ用意されています。"フッター一括ウィジェット"、"フッター右用ウィジェット(2列目)"、"フッター右用ウィジェット(3列目)"、"ヘッダー右(フッター)ウィジェット"です。

実際にデモサイトを使って見てみましょう。デモサイトのトップページに来ました。ウィジェットを全部出した状態で一望するとこんな感じになります。

AFFINGER6(アフィンガー6)ウィジェットの場所紹介:フッター(全体図)

そして拡大するとこんな感じ。

AFFINGER6(アフィンガー6)ウィジェットの場所紹介:フッター(拡大)

フッター一括ウィジェット

body部分の真下にワイドに取られたエリアです。

ヘッダー右(フッター)ウィジェット

3列になっているフッターの1列目になります。ロゴの下のスペースに挿入されます。

ちょっと特殊なウィジェットで、ヘッダーの右側にも同じ内容が挿入されます。なので名称は"ヘッダー右(フッター)ウィジェットになっています。

フッター右側ウィジェット(2列目)、フッター右側ウィジェット(3列目)

3列あるうちの2列目と3列目に挿入されるウィジェットです。

スマホで見る

スマホで見るとこんな感じです。

AFFINGER6(アフィンガー6)ウィジェットの場所紹介:フッター(スマホで見たとき)

"フッター一括ウィジェット"がそのままの大きさで陣取ってます。

その下に小さくなった"フッター右用ウィジェット(2列目)"、"フッター右用ウィジェット(3列目)"が。

ロゴを挟んで一番下に"ヘッダー右(フッター)ウィジェット"がきています。

\ デモサイトはこちら /

-ウィジェット