ウェブサイトに動きを出したいけど、おしゃれにできないかな？
そんな風に思っていませんか？
できますよ。
パララックス効果を使えば、訪問した人に新鮮な印象を与えることができます。
パララックス効果ってなに？
パララックス効果とは、簡単に言うと、画面をスクロールするたびに、背景の画像がゆっくりと動いて、奥行きが生まれるような視覚効果のこと。
まるで絵本の中に迷い込んだみたいな、ワクワクする体験をサイトに訪れた皆さんに楽しんでもらえます。
パララックスが使えるテーマを制作しているメーカーを調べたところ、それほど多くありませんでした。
今回は、私が実際に使ってみて良かったパララックス効果のWordPressテーマを紹介します。
パララックス効果でサイトをさらに魅力的に！おすすめのWordPressテーマを厳選紹介
今回は、私が実際に使ってみて感動した、パララックス効果が面白いWordPressテーマを紹介します。
テーマによって編集箇所は異なりますが、ダッシュボードの「ウィジェット」やカスタマイズ画面など、直感的に操作できると感じました。
DigiPress
WordPressテーマDigiPressは「株式会社デジステイト」という会社が制作・販売されているWordPressテーマ「DigiPress」シリーズ名です。
https://digipress.digi-state.com
「DigiPress」のテーマMacchiato
| ① | アニメーションの動きとスクロールの気持ちよさ | 5 |
| ② | 完成したサイトの分かりやすさ | 4 |
| ③ | 作りやすさはどうか | 4 |
| ④ | わかりやすいマニュアルがあるか | 3 |
| ⑤ | デザイン会社のサポートの充実度合 | 3 |
デモ：https://demo.dptheme.net/dp14/
「DigiPress」のテーマfresco
DigiPressで最新のテーマをつかってみました。
| ① | アニメーションの動きとスクロールの気持ちよさ | 4 |
| ② | 完成したサイトの分かりやすさ | 3 |
| ③ | 作りやすさはどうか | 4 |
| ④ | わかりやすいマニュアルがあるか | 3 |
| ⑤ | デザイン会社のサポートの充実度合 | ３ |
出典：公式サイト DigiPress一覧より
デモ：https://demo.dptheme.net/dp18/
TCD
WordPressテーマTCDは「株式会社デザインプラス」という会社が制作・販売されているWordPressの有料テーマのシリーズ名です。
http://design-plus1.com/tcd-w/
AMORE (tcd028)
| ① | アニメーションの動きとスクロールの気持ちよさ | 5 |
| ② | 完成したサイトの分かりやすさ | 4 |
| ③ | 作りやすさはどうか | 4 |
| ④ | わかりやすいマニュアルがあるか | 4 |
| ⑤ | デザイン会社のサポートの充実度合 | 4 |
出典：公式サイト TCDのテーマ一覧より
Wix
専門技術や知識なしでホームページを作成できるサービスです。
Wix パララックス・エフェクトを手軽に追加できます。
| ① | アニメーションの動きとスクロールの気持ちよさ | 5 |
| ② | 完成したサイトの分かりやすさ | 4 |
| ③ | 作りやすさはどうか | 5 |
| ④ | わかりやすいマニュアルがあるか | 3 |
| ⑤ | デザイン会社のサポートの充実度合 | 3 |
無料のテーマでここまでできるのには、感服です。
無料の場合は、広告が入ります。
Wixブランド広告をサイト上で削除するには、サイトを「 コンボ」「無制限」「eコマース」の「月額プラン」もしくは「年額プラン」にアップグレードが必要です。
Wixに決めきれないのは、バックアップ機能がないのと、テーマを自由に変えれないこと。
購入したけれど挫折したテーマ
isotypeのMONOpolyは、購入してしばらくカスタマイズしてみましたが、このテーマは、品質が期待外れでした。
一時期、WordPress サポートが追い付かない 金額を上げて購入をストップする対策
私が購入したときは、10,800円だったと思います。今は27,000円になっています。
MONOpolyは、見出しの色、大きさ、タイトルの色、サイズなどとても細かな設定ができるようでしたが、
マニュアルどうりに動かないのと、設定通り表記できなかったので諦めました。サポートも返信がほとんどありませんでした。
サポート対応の評価
使いやすさや、自分の描きたい構成になるかどうかは、購入してからでないとわからない部分が多いと思います。
購入するデザイン会社によって様式がかわるので、マニュアルの作り方がミソですね。
その点でいえばTDCが分かりやすい。
しかし、パララックスの自由度は、DigiPressに軍配が上がると思います。
サポートの丁寧差は、TDCの方が良いですね。DigiPressは、サポート対応にバラツキがあるように感じました。
パララックスを使う注意する点
パララックスのテーマを使う時に、注意するがあります。
かっこよくって、評価が良くとも、それを稼働させるサーバーが弱ければ意味がありません。
パララックスのテーマを使う場合、サイトが重くなりがちなので、サーバーの性能が重要です。
格安サーバーでは表示が遅くなる可能性があるため、私は安定性とスピードに優れたエックスサーバーをおすすめします。
パララックス効果の取り入れ方が秀逸なWebサイト
クオリティの高いデザインのリンクを貼っています。
porscheポルシェ
ポルシェ車の歴史をうまく表現したWEBデザインです。
はじめは古い型式の車が表示されており、スクロールすると次々と新しい年代の車へと移り変わっていきます。
http://porschevolution.com/#1920s
なぜパララックス効果が人気なの？
- 誰からも注目されるデザイン: 静止画だけのウェブサイトとは違って、思わず目を奪われるような、個性的なサイトを作れます。
- 飽きさせない工夫: スクロールするたびに景色が変わるから、ユーザーは最後まで楽しめちゃいます。
- あなただけのオリジナルサイト: 数えきれないほどのウェブサイトの中から、あなたのサイトをひときわ輝かせます。
パララックス効果のあるWordPressテーマを選ぶポイント
- デザイン: あなたのサイトのイメージにぴったり合うデザインか？
- 機能: ブログを書きたい？ ポートフォリオを作りたい？ 必要な機能が揃っているかチェックしましょう。
- スマホでも大丈夫？: スマートフォンで見ても美しく表示されるか確認しましょう。
- 自由自在にカスタマイズできる？ あなたの好きなようにデザインを調整できるか調べておきましょう。