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

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

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

【Volar】独自の装飾機能・アニメーション系

キャプチャ画像

装飾機能の一つとして動きを伴うアニメーション効果があります。

 

【Volar】では単なる強調ではなくよりサイト訪問者の目を引かせるための方策の一つとして、アニメーション装飾機能をいくつか搭載してます。


左から右に伸びるマーカー下線

マーカーや下線等はそれだけでも目立つものですが、もっと目立たせたいときに使える”動きを伴った”マーカー下線をご用意しました。

デフォルトではアニメーションするマーカー機能はOFFになってます。

 

スクロールして視界に入ったらマーカーが左から右に動き出します。

 

※わかりにくかった場合はブラウザをリロードするか、一度画面外にスクロールして戻ってくることでも再確認できます。

PC上での表示と比べてiPhone(スマホ)では線の太さが若干細くなります。

 

アニメーションするマーカー(デフォルト)

 

アニメーションするマーカー(一定の速度)

 

アニメーションするマーカー(スピードゆっくりめ)

 

アニメーションするマーカー(太目)

 

アニメーションするマーカー(色違い)

キラリと光るボタンリンク

「公式サイトはコチラ」といったような画像リンクで”キラッと光る”パターンのモノをあなたも見たことがあるでしょう。

 

あれはボタン画像を目立たせることで少しでも多くボタンをクリックさせることを目的に搭載されてる機能なんですね。

 

【Volar】にもその機能を搭載してます。

 

ただしあまりひんぱんにキラキラさせてもウザがられるだけでしょうから、その辺は多少カスタマイズしてあります。

この機能はSIRIUS上位版の機能であるボタンリンクのみに適用可となってます。

 

コチラ↓のサンプル版はクリックしても何も起きませんよ。

 

通常のボタンリンク

 

キラリと光るボタンリンク(標準速度)

 

キラリと光るボタンリンク(ゆっくりめ)

 

キラリと光るボタンリンク(速め)

 

 

SIRIUSテンプレート【Volar】

キャプチャ画像

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

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