アフィンガー6(AFFINGER6)

【AFFINGER6】"ボックスメニュー"機能の紹介:アイコンが主役のメニュー。視覚的に読者を誘導!

AFFINGERでできるおしゃれなメニューの表示方法、"ボックスメニュー"についてご紹介します。"ボックスメニュー"とはアイコンが主役のメニュー機能です。アイコンってパッと見ただけでイメージが伝わるので読者をスムーズに案内できますね。画像やFont Awesomeを使ってアイコンを表示できます。オリジナル画像を使ってこだわりのメニュー表を作ってもよし、Font Awesomeでシンプルなメニュー表を作ってもよしです。

こんな感じです。

ボックスメニューのサンプル

ボックスメニューのいろんなパターン

アイコンの種類

アイコンは.jpgや.pngなどの画像Font Awesomeがどちらも使えます。

ボックスメニュー(画像)
画像の場合
ボックスメニュー(FontAwesome)
FontAwesomeの場合

縦並びも可

上のようなブロック型の他に縦並びのボックスも作成可能。

縦長のボックスメニュー
縦長のボックスメニュー

どこにでも挿入可能

ショートコードだからショートコードを挿入できる場所ならどこにでも挿入可能!

記事内にボックスメニューを挿入
記事内に挿入したとき
サイドバーにボックスメニューを挿入
サイドバーに挿入した時

-アフィンガー6(AFFINGER6)