テーマのレビュー

modeトップ画面

isotypeの「MODE」は動画スライダーや記事のフィルタリング可能なテーマ

isotypeから、動画の連続再生可能なヘッダースライダーと記事のフィルタリング機能を搭載したテーマが発表されました。

isotypeのヘッダースライダーは画像と動画を混在させることができます。

これはTCDの「SKIN」に搭載されているのと同等の機能ですね。

★TCDのSKINはこちらをどうぞ↓
サロンの高級さと上品さを演出するテーマ「SKIN」>>

また、トップページの記事は、特定のカテゴリーで絞り込んで表示させることができるようになっています。

この機能は、isotypeの「MAVERICK」と「MODE」くらいしか見当たりません。

それから、無限スクロールと、スクロール時のアニメーションも特徴的です。

MODEは、新しい機能を多く盛り込んだテーマとなっています。

★isotypeの他のテーマはこちら↓
美しい日本語にこだわった「isotype」のWordPressテーマを5段階評価してみた>>

自動再生する動画ヘッダー

mode動画ヘッダー

MODEのヘッダースライダーは、かなり横長になっていますね。

動画のサイズを横長で作るのか、中央寄せにしてあまった部分は余白にしておくのか…

動画のサイズはちょっと迷いますね。

ヘッダースライダーは、動画がアクティブになると自動再生し、アクティブでなくなると自動停止するようになっています。

★動画が使えるテーマはこちらをどうぞ↓
トップページに動画が使えるWordPressテーマを集めてみました!>>

カテゴリーのフィルタリング

modeフィルタリング

MODEのトップページは、カテゴリーでフィルタリングすることができます。

上の画像で言うと、一番上の「Article List」下にあるカテゴリーをクリックすると、そのカテゴリーだけ表示されます。

このときのアニメーションが滑らかでサクッと動くので気持ちいいですね^^

このアニメーションは、MAVERICKとMODEにしか無いものなので、気に入った方は購入の候補に挙げてはいかがでしょう。

無限スクロールとアニメーション

WordPressのテーマのほとんどは、一番下までスクロールしたら、クリックして次のページへ進みます。

ところが、無限スクロールでは、一番下までスクロールしたら自動で次のページが表示されます。

ちょっとしたことですが、便利なことに違いはありません。

MODEは、その無限スクロールに対応しているテーマです。

また、MODEはスクロールしていくと、途中で面白いアニメーションが発生します。

そのアニメーションはですね…

画面をスクロールしていくと、画面の上の方から何かが落ちてくるんです、

何かが…

あまりに落ちるスピードが早すぎて、肉眼では捉えきれません^^;

そこで、何かが落ちてきた瞬間にスクリーンショットを撮ってみました。それが下の画像です。

まずは落ちる前↓
modeアニメーション

落ちてきた瞬間を撮ったのがこちら↓
modeアニメーション2

どうやら、スクロールして上に消えたコンテンツの画像がまとまって落ちてきているようです。(赤枠の中)

PCの性能によって、落下速度は変わるかもしれませんね。

アニメーションは、オプションで無しに設定できるようですが、速度の調整ができれば使ってみたくなる効果です。

最後に

MODEは、人気のテーマMAVERICKを多機能にし、さらに動画と静止画混在のスライダーや無限スクロールを加えたテーマです。

isotypeならではのアニメーションも健在で、面白いサイトを作ることができそうです。

また、それ以外にも、isotypeの美しいタイポグラフィーや多機能なカルーセルスライダーも装備しているので、

満足度の高いテーマになっていると思います。

MODEの詳細はこちら>>

 

関連記事

  1. TCDのNANO

    TCDの「NANO」は、誠実な企業を連想させるコーポレートサイト用テー…

  2. TCDのBloom

    TCDの「Bloom」は女性向けブログに最適な美しいテーマ!

  3. GENSEN小

    TCDの「GENSEN」は高度な検索機能がついたポータルサイト作成テー…

  4. DIVA

    TCDの「DIVA」は、簡単にギャラリーやスケジュールを作成できるテー…

  5. DigiPressの「Luminous」は上品な華やかと機能が満載のテ…

  6. TCDのTOKI

    TCDの「TOKI」は、訪日観光客向けのマルチ言語サイトが作れるテーマ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


PAGE TOP

ブログの作り方

Diverのヘッダー部分を設定。ピックアップスライダーを拡大表示しよう

Diverでヘッダースライダー作成

ブログの作り方

Bloomでブログを作る手順1。記事スライダーとウィジェットを設置

Bloomでブログを作る

ブログの作り方

TCDの「Switch」で企業サイトを作る手順1。設定の仕方を説明

TCDのSwitchでサイト作成

ブログの作り方

「SANGO」のテーマでメニューボックスを設置してみよう

SANGOメニューボックス

ブログの作り方

スワローでブログを作る手順1。基本設定と人気記事を作成

スワローでブログ作成1

ブログの作り方

TCDの「ONE」でブログを作る手順。トップ画面と記事の設定をします

ONEでブログを作る