isotypeから、動画の連続再生可能なヘッダースライダーと記事のフィルタリング機能を搭載したテーマが発表されました。
isotypeのヘッダースライダーは画像と動画を混在させることができます。
これはTCDの「SKIN」に搭載されているのと同等の機能ですね。
また、トップページの記事は、特定のカテゴリーで絞り込んで表示させることができるようになっています。
この機能は、isotypeの「MAVERICK」と「MODE」くらいしか見当たりません。
それから、無限スクロールと、スクロール時のアニメーションも特徴的です。
MODEは、新しい機能を多く盛り込んだテーマとなっています。
★WEBマガジンのおすすめです↓
WEBマガジンにおすすめのWordPressテーマ>>
自動再生する動画ヘッダー
MODEのヘッダースライダーは、かなり横長になっていますね。
動画のサイズを横長で作るのか、中央寄せにしてあまった部分は余白にしておくのか…
動画のサイズはちょっと迷いますね。
ヘッダースライダーは、動画がアクティブになると自動再生し、アクティブでなくなると自動停止するようになっています。
★動画が使えるテーマはこちらをどうぞ↓
トップページに動画が使えるWordPressテーマを集めてみました!>>
カテゴリーのフィルタリング
MODEのトップページは、カテゴリーでフィルタリングすることができます。
上の画像で言うと、一番上の「Article List」下にあるカテゴリーをクリックすると、そのカテゴリーだけ表示されます。
このときのアニメーションが滑らかでサクッと動くので気持ちいいですね^^
このアニメーションは、MAVERICKとMODEにしか無いものなので、気に入った方は購入の候補に挙げてはいかがでしょう。
無限スクロールとアニメーション
WordPressのテーマのほとんどは、一番下までスクロールしたら、クリックして次のページへ進みます。
ところが、無限スクロールでは、一番下までスクロールしたら自動で次のページが表示されます。
ちょっとしたことですが、便利なことに違いはありません。
MODEは、その無限スクロールに対応しているテーマです。
また、MODEはスクロールしていくと、途中で面白いアニメーションが発生します。
そのアニメーションはですね…
画面をスクロールしていくと、画面の上の方から何かが落ちてくるんです、
何かが…
あまりに落ちるスピードが早すぎて、肉眼では捉えきれません^^;
そこで、何かが落ちてきた瞬間にスクリーンショットを撮ってみました。それが下の画像です。
まずは落ちる前↓
落ちてきた瞬間を撮ったのがこちら↓
どうやら、スクロールして上に消えたコンテンツの画像がまとまって落ちてきているようです。(赤枠の中)
PCの性能によって、落下速度は変わるかもしれませんね。
アニメーションは、オプションで無しに設定できるようですが、速度の調整ができれば使ってみたくなる効果です。
最後に
MODEは、人気のテーマMAVERICKを多機能にし、さらに動画と静止画混在のスライダーや無限スクロールを加えたテーマです。
isotypeならではのアニメーションも健在で、面白いサイトを作ることができそうです。
また、それ以外にも、isotypeの美しいタイポグラフィーや多機能なカルーセルスライダーも装備しているので、
満足度の高いテーマになっていると思います。
★おすすめテーマはこちら↓ WordPressのおすすめテーマベスト3を選びました>>
この記事へのコメントはありません。