TCDのWordPressテーマ「ORION」を導入しているサイトを探してみました。
公式デモサイトの使い方以外に、どのようにテーマが使われているのかを見ると参考になりますよ。
ORIONは、トップページにフルスクリーン動画を表示することができるテーマです。
動画は、MP4形式の動画の他に、YouTubeの動画も表示可能です。
でも、YouTubeでフルスクリーン動画って、画面が荒くならないかと思いませんか？
ところが、実はYouTubeって４K動画も視聴できるようになっています。解像度はなんと、4096×2304！
試しにその動画を観てみると、それはそれは美しく表示されます。
参考までに、超高解像度の４K動画はこちらにあります↓
動画真ん中の再生ボタンをクリックします。次に、右下の「YouTube」のボタンを押します。
YouTubeに行ったら、動画右下の「全画面表示」をクリックすると、美しい動画が全画面で流れます。
YouTubeに動画をアップロードして、トップページの動画として設定する方法が良さそうですね。そういうサイトは多いです。
では、公式デモサイトと一般導入サイトを見ていきたいと思います。
★企業サイトのおすすめテーマ↓
企業サイトにおすすめの高品質なWordPressテーマ12選【日本語対応】＞＞
公式サイトでテーマの使い方を確認
出典：TCD公式サイト「ORION」
ORIONのデモサイトは、リゾート地のサイトをイメージしています。
このテーマは、特別ページが用意されていて、そのデモサイトもあります。特別ページは、画像の美しいスライドショーを作成することができます。
★こちらが特別ページのデモ↓
公式サイトの特別ページデモ
こうした美しい画像や動画を表示するサイトに向いています。
ORIONの使用サイト事例
ORIONはフルスクリーン動画をどう使うかが問題です。
今回紹介するテーマ使用サイトは、いずれもトップページに動画を使用しています。
どういう使い方をしているのか、実際の素晴らしいサイトで見ていきたいと思います。
※キャプチャー画像とリンク先サイトのデザインが違う場合は、テーマが変わった可能性があるのでご注意ください。
トイプードル
出典：Calme Fluffy Toypoodle
トイプードル Calmeカルムの日々 様のサイトはこちらです。
ORIONのトップページは動画の他にも画像のスライドショーにもできます。
トイプードルの可愛さで、思わず掲載させていただきました。スライドショーは３枚まで設定することができます。
かわいいトイプードルの画像がフル画面で３枚切り替わります。
発達障害コミュニケーション指導者認定
出典：DDCLラーニング
DDCLラーニング様のサイトはこちらです。
発達障害の方を支援する人材を育成する講座のサイトです。
トップページは、講習会の様子を映した動画を用いています。こういう講習会の様子を映すという方法も、いろいろなサイトで使えそうですね。
自前で美しい風景動画などを用意するのはたいへんですが、講習会の様子であれば、比較的簡単に撮影することができます。
ウェブ、チラシデザイン制作
出典：J・PLANNING
DESIGN OFFICE J・PLANNING様のサイトはこちらです。
ウェブ制作、チラシデザインの制作のサイトです。
さすが、WEB制作をされているだけあって、センスのあるトップページ動画になっています。
何かを相談しているシーンを、センス良く動画にするって難しいんじゃないかと思います。
公式のデモサイトよりも、こちらのサイト様の方が画質が綺麗です。このくらい動画の画質が綺麗だと、サイト全体が美しく見えますね。
動きが重くならないように程度に、動画の解像度を上げることが重要だと思います。
鋼材販売店
出典：株式会社小林商店
株式会社小林商店様のサイトはこちらです。
静岡の老舗鋼材販売店のサイトです。
トップページは波打ち際の動画です。こうした波打ち際などの常に動いている動画って目を引きますね。
お酒とか売っている商店っていうイメージではなくって、鋼材の販売なんですね。サイトを見ると、どういう企業なのかよく分かります。
このテーマだと、最先端の企業っていうイメージを演出できますね。
WordPressテーマORIONのまとめ
ORIONはトップページに動画と画像が表示できますが、やはりこのテーマを使うのであれば動画を使いたいですね。
企業のイメージに合った動画を選ぶ（作る）ことが一番難しいところでしょう。
美しく流れる動画を作成したいですよね。
それから、このテーマは個人で使っているサイトは見つからなかったですが、上手く使えば個人でも使えるかもしれません。
アイデアしだいというところだと思います。
★おすすめテーマはこちら↓ WordPressのおすすめテーマベスト３を選びました＞＞
この記事へのコメントはありません。