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

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

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

ビフォー&アフター比較画像をスライダーで切り替え表示機能

キャプチャ画像

アフィリエイトサイトを運営する際、ジャンルによっては使用前・使用後の画像を使う機会があるかと思います。

 

例えばリフォーム前・リフォーム後とか洗浄前・洗浄後とかメイク前・メイク後とか修正前・修正後とかいろいろあります。

 

こんなとき、画像を2枚並べて比較するのももちろんアリですが、2枚の画像を重ねて見較べると、どこがどのように変わったのかがよりわかりやすくなる場合があります。

 

SIRIUSテンプレート【Volar】にはこの画像比較が簡単にできる機能が搭載されています。


画像比較機能の実例

【Volar】では2枚の画像を用意するだけで簡単に実装可能になってます。

 

この機能の詳細についてはコチラ↓をご覧ください。

SIRIUSでビフォー&アフター画像をスライダーで比較表示

SIRIUSテンプレート【Volar】には2枚のビフォー&アフター画像をスライダーで比較表示できる機能が実装されてます。

 

コチラ↓のページでも実例がご覧になれます。

SIRIUSで横に長いテーブル(表)をスマホで見やすくする

スマホ表示時にできるだけ画面内で表の全体を見わたせるようフォントサイズを小さくするクラスを追加しました。

SIRIUSテンプレート【Volar】

キャプチャ画像

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

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