※モバイル機器のみ作動→PC表示に切替 モバイル表示に切替

【Volar】に搭載されてるオリジナル機能に関してはデザインモードではなくデフォルトの編集画面でのご利用を前提としてます。

特に記載がない限り、ご紹介する機能は【Volar】及び【Volarデザイン】に共通搭載となります。

【Volar】のサイドメニューはアイコン違いで分類化

キャプチャ画像

微妙な違いなので気づかない方もいらっしゃるかもしれませんが、SIRIUSテンプレート【Volar】ではサイドメニューの見た目に若干の差を付けてます。


サイドメニューの”表示分け”

たとえばコチラ↓はSIRIUSのデフォルトテンプレートのサイドメニューです。

 

キャプチャ画像

 

第1階層にあるカテゴリーフォルダどのカテゴリーにも属さないエントリーページが全く同じレイアウトデザインで表示されてます。

 

しかもどちらにも右方向の矢印が付いているので、余計に両方とも「カテゴリーフォルダ?」と一瞬迷ってしまう可能性が出てきます。

 

これらはSIRIUSのサイドメニューの構造が一般的なサイドメニューの構造とは若干異なった仕様になってるためなんですが、【Volar】ではサイドメニューの階層構造をもう少し直感的な表示に変えてあります。

 

コチラ↓が【Volar】デフォルトテンプレートのキャプチャ画像です。

 

キャプチャ画像

 

”メニュー見出し”には矢印ではなく単なる飾りアイコンを。

 

カテゴリーフォルダにはそれっぽいアイコンを。

 

どのカテゴリーにも属さない第1階層のエントリーページアタマには虫ピンアイコンを付けて若干の差別化を図ってあります。

 

また後方にあった矢印アイコンはカテゴリーフォルダ以下のエントリーページにのみ表示させるよう変更してあります。

 

ちなみに【Volar】ビジネステンプレートのサイドメニューはこんな↓感じです。

 

キャプチャ画像

 

【Volar】角丸テンプレートのサイドメニューはこんな↓感じです。

 

キャプチャ画像

SIRIUSテンプレート【Volar】

キャプチャ画像

SIRIUS ver.1.5で大幅刷新された新テンプレートを元に、独自のカスタマイズを加えた改良型SIRIUSテンプレートが【Volar】です。

入手方法についてはコチラ↓をご覧ください。
 この記事をシェア 
キャプチャ画像