パララックス効果が美しすぎるワードプレステーマ「Grazioso」とは?

パララックス効果が美しすぎるワードプレステーマ「Grazioso」とは?

 

ここあです。

 

ワードプレステーマは非常にたくさんの種類があります。

 

私もこのブログでいくつかのテーマを

ご紹介していますが

 

これまで扱ってきたテーマというのは

どちらかと言うと…

  • ブロガー向け
  • アフィリエイター向け

が中心でした。

 

しかし、今回あなたにご紹介する

Grazioso(グラツィオーソ)というテーマは…

  • コーポレートサイトや
  • ショップサイト

非常に高い訴求効果が期待できるテンプレート。

 

というのも「Grazioso(グラツィオーソ)」は

  • フラットデザイン
  • パララックス効果
  • jQueryアニメーション

が非常に美しい1カラムに特化したテーマだからです。

 

1カラムとは…
サイドバーがないシンプルなデザインレイアウトのこと。
1カラムにすることで読者の動きを特定しやすく、さらにコンテンツもじっくり読んでもらえるメリットがあります。

 

このテンプレートでサイトデザインを組めば…

シンプルな美しい写真で人々を魅了する

まるで、Appleのようなサイトを簡単に作ることができます。

 

2018年現在でも、ワンカラムで美しい訴求効果の高い

コーポレートサイトというのは非常に多く

今でも人気のあるサイト構成となっています。

 

なので、Graziosoはこんな方におすすめです。

こんな方におすすめ

  • ビジュアル重視で高い訴求効果を狙いたい方
  • 自社サービスをお持ちの個人経営の方
  • ファーストビューやTOPページをリッチにしたいという方
  • 訴求効果の高いLP(ランディングページ)を作りたい方 など

 

もしも、Appleのようなシンプルかつ、

写真を使った美しい世界観で人々を魅了する

 

コーポレートサイトやショップサイトを作りたい方は

ぜひ参考にしてみてください^^

 

ワードプレステーマ「Grazioso」とはどんなテンプレートなのか?

「Grazioso」とはどんなワードプレステーマなのか?

 

まず初めに「Grazioso(グラツィオーソ)」は

どんなワードプレステーマなのかを

簡単にご紹介したいと思います。

 

Graziosoは…

  • フラットデザインを採用
  • パララックスで絶大な視覚効果
  • 1カラムに特化したサイト構造
  • jQueryによるアニメーション

などが大きな特徴です。

 

これらから成り立つGraziosoを用いたサイトは

まさに「Grazioso!(優美)」と叫びたくなるような

非常に優雅で美しいサイトデザインに仕上がります。

 

フラットデザインとは?

フラットデザインとは?

 

フラットデザインとは…

 

デザインにおける余計な要素を排除して、立体感を生み出す

エンボスやグラデーションなどの細かい加工をする代わりに

 

対象物を抽象化してシンプルでダイナミックな

レイアウトや色使いで勝負するデザインの手法。

 

凹凸のない平面的なパーツから作られているのが大きな特徴です。

 

フラットデザインは2012年に

  • Windows 8のインターフェース
  • iPhoneのOS(システム)iOS 7

で採用され

 

瞬く間に…

  • フラットデザイン
  • フラットUI

という言葉が、Webサイトやアプリの

デザイン用語として広まりました。

 

2007年のiPhone登場以来、様々な端末が次々とリリースされ

Webサイトの閲覧はPC・スマートフォン・タブレットと

マルチデバイス化されました。

 

そんなマルチデバイス化した今の時代に

Webサイト閲覧者のユーザビリティを高めるため

  • より見やすく
  • より操作性の高い

フラットデザインが採用され

2018年の今もなおフラットデザインが主流となっています。

 

フラットデザインは単なるオシャレのトレンドではなく

様々なデバイスに対応しやすいという明確な理由

実はあるんですね…^^

 

実際、フラットデザインは今や海外だけでなく

国内大手企業のPRサイトなどでも主流となっています。

 

Graziosoはそんなユーザビリティにも配慮された

美しいフラットデザインを採用したテンプレートです。

 

パララックス効果とは?

パララックス効果とは?

 

パララックスとは視差効果のこと。

 

Webデザインにおけるパララックスはスクロールなどの動作に応じて

複数のレイヤーにある要素を異なるスピードで動かすことで

立体感や奥行きなどを演出する手法です。

 

分かりやすく言うと…

ゲームをする人には多重スクロールの動きと言えば

伝わるのではないでしょうか?

 

他には、電車に乗って外の風景を見ていると…

手前のモノは早く動き、奥の風景になればなるほど

遅く動いて見える視覚効果と同じです^^

 

つまり、通常のwebサイトは…

画面をスクロールさせると全ての要素が同時に動きますが

パララックス効果のあるサイトというのは

 

手前にある要素と、背景の要素が

別々のタイミングで動くため、フラットな画面でありながら

奥行きを感じることができるのです。

 

「百聞は一見に如かず」

まずは実際にGraziosoのデモサイトをご覧ください^^

 

 

デバイス間との相性が良いレスポンシブな1カラム設計

レスポンシブ対応

 

私たちアフィリエイターやブロガーが使う

通常のテンプレートは2カラムや3カラムが主流です。

 

近年、どのテンプレートも

レスポンジブ対応になってきたとは言え

 

やはり、どのデバイスにも共通して見やすく

ユーザビリティが高いのは1カラムのサイトです。

 

1カラムであれば、このサイトのように

サイドバーにある情報に気を取られることもなく

 

サイト訪問者にはコンテンツを

上から下まで迷うことなく集中して見てもらうことができます。

 

また、2カラムや3カラムのサイトとは違い

PC以外のデバイスで見た時も、各パーツの位置が

さほど大きく動かないため

 

どのデバイスで見ても

サイトの印象がほとんど変わりません。

 

つまり、サイトイメージによるブランディングが

1カラム構成のGraziosoでは非常にやりやすい

というメリットがあります。

 

1カラムのサイトというのは

タブレットにもスマホにも非常に相性が良いんですね。

 

だからこそ、Appleのような写真を中心とした

イメージ戦略を行いたい企業やショップ

 

会社の特徴、製品やプロジェクトの概要などを

ストーリーテリング(物語形式)にて

伝えるサイトを作るには

 

Graziosoを使った1カラム構成の

視覚効果の高いサイトデザインは

非常に高い訴求効果を発揮します。

 

今現在、モバイル端末からのWEBサイトへのアクセス率は

50%を超えており、サイトのスマホ対応は必須となっています。

 

だからこそ、そんなレスポンシブや

マルチデバイスに対応している

Graziosoで作られたサイトであれば

 

今後どんなデバイスで閲覧されても

ユーザーにストレスを与えることはありません。

 

むしろ、1カラムなサイト構成であるからこそ

それがブランディングには非常に大きな強みとなります。

 

訪問者を魅了する美しいjQueryアニメーション

Jquery

 

Graziosoはアニメーションデザインがとても素晴らしいテーマ。

左右から次々とテキストや画像が表示されたり

浮き出るような画像設定も専用ウィジェットを使うだけ。

 

jQueryとは…
「JavaScript」と呼ばれる、いわゆるシステムエンジニアが扱う
プログラムをより扱いやすくしたファイルのこと。

 

jQueryを使えば…(以下は機能の一例です。Graziosoの機能というワケではありません。)

  • クリックしたら画像が入れ替わる
  • マウスオーバーした要素がアニメーションのように動く
  • フォームの中の要素を動的に変更する
  • スクロール量によって見た目や数値を変更する

など、Webサイトに非常に簡単に動きをつけることができます。

 

GraziosoはそんなjQueryの機能を備えた

専用ウィジェットを使うことで

 

Webプログラミングの知識がないあなたでも

まるでプロが作ったような動きのあるサイトを実現できます。

 

またjQueryによるアニメーション効果は

訪問者の注目を集め、サイトの滞在時間を伸ばすと共に

記事の精読率や成約率アップにも貢献します。

 

HTML5&CSS3に100%準拠

graziosoはHTML5&CSS3に100%準拠

 

Graziosoのサイト構造は

HTML5、CSS3に100%準拠されています。

 

どういうことかと言うと…

今現在、Webサイトを構成するいわゆる構文と呼ばれる

文章構造はHTML5、CSS3が最新であり主流です。

 

つまり、GraziosoはHTML5、CSS3の文章構造により

アニメーションや装飾などがより簡単に

より豊かになっているだけでなく

 

SEOに適したサイト構造にもなっているということです。

 

だから、Graziosoを用いたサイトであれば

サイト構造によるSEO効果にも期待できます。

 

SNSの拡散機能もバッチリ装備

ソーシャル機能も連動

 

GraziosoはもちろんSNSの拡散機能も標準装備。

 

FacebookとTwitterに関しては

テーマオプションから設定を行うことで

現在のフォロワー数を表示させることも可能です。

 

スマホ経由のアクセスを集めながら

さらに拡散させる効果も十分期待できますので

 

Graziosoを使い、シンプルで美しい

インパクトのあるサイトを作り

SNSでガンガン拡散してもらいましょう!^^

 

ワードプレステーマ「Grazioso」を使うメリット

ワードプレステーマ「Grazioso」の機能は

何となくご理解いただけましたでしょうか?

 

Graziosoというテンプレートさえ手にすれば…

  • 1カラムのサイトデザインが簡単に作れる
  • 見られる・売れるサイトが作れる(パララックス効果、アニメーション効果)

というメリットが同時にあなたの手に入ります。

 

使い方は後述しますが…

Graziosoは基本的にウィジェットを並べるだけで

簡単にキレイなサイトを作ることができます。

 

なので…

  • サイトの素材となるクオリティの高い画像
  • 商品やサービスのポイントを押さえたコピー

さえ準備できれば…

 

あとはウィジェットを組み合わせ

読者のニーズに合わせた訴求方法が実現可能。

 

Graziosoを使用する場合は…

写真がかなり読者の目を引くことになるので

どんな素材写真を使用するかでサイトの印象が大きく変わってきます。

 

なので、クオリティの高い素材写真さえ用意できれば

そこにjQueryアニメーション

パララックス効果が加わりますので

 

訪問者に見られる・売れる

美しいサイトが作れるのは確実です。

 

逆に、注意点としては…

ビジュアル重視で読者の目を引く以上

素材写真に関しては決して手を抜いてはいけないということです。

 

むしろ、カメラマンにしっかりと

良い写真を撮影してもらうぐらいの勢いがなければ

Graziosoの魅力を最大限に活かすことはできないでしょう。

 

写真の印象とは恐ろしいもので

私が以前勤めていた会社では

 

ピザの写真がまるで「食品サンプルに見える」…と

売り上げが低迷しているお店があったのですが

 

専属のカメラマンを変え、写真を取り直すことで

売り上げが1.5倍以上に伸びたという例もありました。

 

今の時代は素材写真もいくらでもネットから

無料でダウンロードできますが…

 

写真ありきの注目されるサイトを作るのであれば

やはりオリジナリティの高い写真を使う方が

訴求効果はより高くなります。

 

ワードプレステーマ「Grazioso」はどんなサイトに向いてる?

それでは、そんなGraziosoのメリットを踏まえ

どんなサイトにGraziosoというテンプレートが

向いているのか考察したいと思います。

 

パララックスやアニメーション効果の高い

1カラムに特化したワードプレステーマ

Graziosoだからこそ

 

私はこんなサイトに最大限の効果を発揮

してくれると思います。

 

写真がメインのショップサイトなど

「Grazioso」どんなサイトに向いているか?

 

商品イメージを大事にするショップサイトなどは

やはり写真の魅力がより引き立つサイトへと

Graziosoが導いてくれます。

 

具体的には最初にお伝えしたAppleのようなサイト

ファッションイメージを中心としたアパレルショップ。

 

また、良質なイメージで高い訴求効果を狙う

飲食店やレストランなどにも効果抜群!

 

いずれにせよ…

イメージ写真で注目を引きたいサイトには

Graziosoが抜群の訴求効果を発揮してくれます。

 

イメージ戦略でブランディングしたいコーポレートサイト

イメージ戦略でブランディングしたいコーポレートサイト

 

最近は何かと商品の魅力だけでなく

その商品を手にした未来をイメージさせる

CMなども非常に多いですよね…。

 

具体的な商品を売るのではなく

企業ブランドを高めるブランディング

イメージ戦略を使った企業も増えてきています。

 

特に保険会社など、カタチある商品がない企業は

イメージ戦略により商品価値を高めるしかありません。

 

また、商品の特徴やこれから行うビッグプロジェクトなどを

ストーリーテリング(物語形式)

上から下まで一気に見せる場合も

 

GraziosoのJQueryを使ったアニメーション効果が

閲覧者をよりサイトの世界観へと引き込んでくれます。

 

自社の商品よりもまずは企業イメージだという

コーポレートサイトにもGraziosoは

最大限の訴求効果を発揮してくれるでしょう。

 

コンバージョン率が求められるLPにも最適

メインコンテンツに集中させやすい

1カラムのサイトはLP(ランディングページ)に向いています。

 

JQueryを使ったアニメーションが

商品の注目度を高め、読者をより商品の魅力へと

引き込むパララックス効果はLPに最適。

 

少し贅沢な使い方にはなりますが…

ランディングページからの販売が伸び悩んでいる企業などは

 

パララックスやアニメーション効果で

読者をより興味付けられるGraziosoを

本サイトとは別にLPとして採用してみてはいかがでしょうか?

 

ワードプレステーマ「Grazioso」が向いていないサイトとは?

逆に、ワードプレステーマ「Grazioso」の

高機能を活かし切れないサイトに関しても

少しお伝えしておこうと思います。

 

Graziosoで構成できるサイトというのは

基本的にダイナミックで動きのあるシンプルなサイトです。

 

だから、ブログやまとめ系といった

いわゆる、情報量の多いサイトにはあまり向きません。

 

もちろん、Graziosoでも

ブログページを作ることはできますが

 

長い記事を読ませたり、細かい情報を見せるための

テンプレートとは少し考えにくいです。

 

なので、もしもアフィリエイターが

Graziosoを使ってみたいと思うのであれば…

 

メインブログで集客し

Graziosoで作った訴求効果の高いLPに

読者を誘導するというのが最適な使い方になるかと思います。

 

↓ こんな感じ

「Grazioso」の使い方

 

 

ワードプレステーマ「Grazioso」の使い方

「Grazioso」の使い方

 

簡単にGraziosoの使い方もご紹介致しますね。

 

Graziosoというテンプレートは

1カラムに特化しているだけあって他のテーマとは

少しだけ使い方が違っています。

 

最初のうちは戸惑うかもしれませんが

慣れてくると直感的に操作できるので

初心者から中級者でも十分使いこなせると思います。

 

Grazioso」はウィジェットだけで簡単設定!

通常、私たちアフィリエイターやブロガーが

使用するテンプレートは、サイドバーやフッターに

ウィジェットを配置することが多いですよね。

 

しかし、Graziosoの場合は面白いことに

トップページのレイアウトもただブロックを積み重ねるように

使いたいウィジェットを並べていくだけ。

 

だからレイアウトの変更も超簡単。

ウィジェットの順番を入れ替えるだけなので

作業に無駄が無くストレスフリーです^^

 

graziosoウィジェット画面

 

Graziosoの専用パーツは特に

ダイナミックな動きのあるウィジェット。

 

Graziosoの専用ウィジェットを使えば…

たったそれだけで、パララックス効果も合わさり、

十分インパクトのあるキレイなトップページが作れます。

 

 

HTMLやCSSの知識はほとんど必要ない!

Graziosoは先にご紹介した通り

トップページにウィジェットを積んでいくだけ。

 

Grazioso専用ウィジェットを追加すれば

jQueryによるアニメーション機能により

画面横から画像が飛び出す動きが付いたり

grazioso専用ウィジェット

 

パララックス効果もウィジェットの

背景画像や動画を設定するだけで簡単に機能します。

↓ ウィジェットの背景設定

graziosoウィジェット背景設定

 

↓ その他のウィジェットも入力するだけ…

graziosoウィジェット設定

 

Graziosoの操作は基本的に…

  1. ウィジェットを並べる
  2. ウィジェットにテキストを入力したり、画像を設定する

この2ステップだけでレイアウトが組めてしまいます。

 

だから、HTMLやCSS、PHPといった

難しいコードを打ち込む必要もありません。

 

逆に言うと、Graziosoを使いこなすためには

最低限ウィジェットの概念を理解している人にしか

おすすめはできないということです。

 

それさえ理解できていれば、初心者だろうと中級者だろうと

十分使いこなすことができます。

 

トップページ以外もページビルダーでレイアウト!

Graziosoのウィジェット設定は基本的に

トップページとフッターしかありません。

 

その他のページは一体どうすれば?と

正直、私は少し操作に悩みました^^;

 

しかし、よくよく見てみると、中ページのレイアウトも

Graziosoの推奨プラグインである

SiteOrigin Widgetsを使えば

 

トップページ同様、下層ページも

ウィジェットを組み合わせるだけでレイアウトできます。

 

具体的には…

まず、ページビルダーをクリックします。

「Grazioso」の使い方

 

続いてレイアウトの調整ができるので

自分で組みたいレイアウトを考えます。

 

以下の画像は2分割ですが

3分割にも4分割にも簡単に設定できます。

 

もちろん、レイアウトは左右に割るだけでなく

縦にいくつでも積むことができます。

「Grazioso」の使い方

 

レイアウトを決めたら、その中に

設定したいウィジェットを追加し

「Grazioso」の使い方

 

あとは、ウィジェットのそれぞれにテキストや

画像を設定すれば、レイアウトが完成します。

 

Graziosoの場合は…

 

下層ページをレイアウトする場合もこのようにして

ページビルダーとウィジェットを使って

自由自在に組むことができます。

 

さらに、ページビルダーの良いところは…

 

一度レイアウトを組んでしまえば

同じウィジェットをそのまま複製して

使い回すこともできてしまします^^

 

だから、ある程度使い慣れてくると

下層ページの量産もかなり簡単にできてしまう

というメリットもあります。

 

どのテーマを使っても同じことは言えますが…

やはり、そのテーマを使いこなせるようになるには

ある程度慣れるまでの時間が必要になります。

 

ただ、Graziosoには「Grazioso:使い方ガイド」という

テンプレートの使い方を説明した丁寧で非常に分かりやすい

特設サイトも用意されています。

 

なので、ワードプレス初心者のあなたであっても

少しずつ特設サイトを見ながら作業すれば

つまずくことなくサイトを組み立てることができるはずです。

 

実際に私も使い方ガイドを見ながら組んでみましたが

特に難しいコードをいじることなく、本当に設定1つで

簡単に動きのあるキレイなサイトが作れました^^

 

サイトを組んでいる最中は

写真が横から飛び出すアニメーションに驚き

思わず「おぉ〜」という声を連発しながら

 

楽しんで作ることができたのも

Graziosoならではの魅力だと思います。

 

Graziosoでサイトを作ってみると良く分かりますが…

アニメーション効果のあるサイトというのは

見る方も楽しいですが、作る方もかなり楽しいです^^

 

ワードプレステーマ「Grazioso」のその他の特徴

Graziosoはコーポレートサイトや

ショップサイトに向いているだけあって

 

そういったサイトに合わせた

オプション機能もたくさん備えています。

 

  • Googleマップを埋め込める
  • youtubeやライブラリ動画の設置が簡単
  • ポップアップギャラリー
  • チームメンバーズ
  • プライシングテーブル(価格表)

など…

 

これらの表示が簡単に設置できるのも

Graziosoならではの魅力です。

 

↓ Googleマップ

Googleマップ

 

↓ youtube動画

youtube動画

 

↓ チームメンバーズ

チームメンバーズ

 

↓ プライシングテーブル

プライシングテーブル

 

さらに、テーマの機能以外にGraziosoは

10日間の返金保障もあったりと

購入後のサポートも充実しています。
10日間の返金保障はpaypalでの購入のみ対応しています。

 

通常はデジタルコンテンツのため

返金保障のあるテーマはほとんどありませんが

Graziosoは違います。

 

そんな返金保障もあるGraziosoだからこそ

購入後も安心して使うことができるのも

嬉しいポイントの1つです^^

 

WPテーマ「Grazioso」はフラットデザインを作りたいあなたにおすすめ!

Graziosoについていろいろとご紹介してきましたが

スマホやタブレット、PCに変わるデバイスが

これからの時代、まだまだ登場するかもしれません。

 

先にもお伝えしましたが、Graziosoは

そんなマルチデバイスにも十分対応可能な

ユーザビリティを追求した

 

フラットデザインに適したテンプレートです。

 

現在のWebサイトはそんなマルチデバイス化に伴って

シンプルでインパクトのあるサイトが

求められる時代になっています。

 

なので、画像やテキストといった素材さえ用意すれば

Graziosoのウィジェット機能を使うだけで

プロとのひけも取らない美しいサイトデザインを作ることができます。

 

今現在、様々なワードプレステンプレートが

リリースされていますが、Graziosoのように

  • フラットデザイン
  • アニメーション
  • パララックス効果

を取り入れた

 

シンプルなUIデザインで構築された

テンプレートは他に見たことがありません。

 

実際に私が一番驚いたのは、Graziosoを使えば

本当に自分でもAppleのような美しいサイトが

作れるんじゃないかと思ったことです。

 

それぐらいパララックス効果と

jQueryのアニメーションは衝撃的です。

 

もしも、これから企業ブランドを高める

訴求効果の高いブランディングを

Webサイトを通じて行うのであれば

 

日本よりも一歩先を行っている海外サイトのような…

  • シンプルでダイナミックな動きのある
  • 1カラムでユーザビリティの高い
  • フラットデザインを採用した

Graziosoでのサイト構築を検討してみてはいかがでしょうか?

 

ワードプレステーマ「Grazioso」の価格について

最後にワードプレステンプレートGraziosoの

販売価格についてです。

 

Graziosoの販売価格は19,800円

個人で使用するには少し割高に感じるかもしれません。

 

しかし、会社経費として考えてみると…

 

コーポレートサイトやショップサイトとして

Webサイト制作のプロダクションに

依頼してみるとよく分かりますが…

 

19,800円という価格でこれだけクオリティの高い

サイトを実現することはまず無理です。

 

安くて5万円〜作ってくれるところはありますが

そういうサービスというのは基本的に決まったテンプレートに

テキストや画像を貼り込んで終わりです。

 

Graziosoのようにパララックス効果や

jQueryアニメーションを導入しようとすると…

 

確実に別途費用が発生します…^^;

 

そういう面から見てもGraziosoというテンプレートは

これだけの機能を備えながらも19,800円という価格で

手に入るのですから、破格としか言いようがありません^^;

 

仮にGraziosoのライセンス版を手に入れたとしても

49,800円でサイトが作り放題です。

 

なので、これからインパクトのある

ビジュアルにこだわったサイト作りを目指す場合は

Graziosoというワードプレステンプレートは

 

むしろ、全然ありなんじゃないかと私は思います^^

最後までお読みいただきありがとうございました!

 

Graziosoにご興味を持たれた方はこちら…

 

 

パララックス効果が美しすぎるワードプレステーマ「Grazioso」とは?

「自分らしく」夢に向かって楽しい人生を生きるために


未来の自分を想像しよう
「副業であなたは変わる」

会社に縛られず
「自由な生き方を選べる」ように
副業で稼ぐ方法をご紹介します。


ABOUTこの記事をかいた人

ここあ

グラフィックデザイナー歴20年。2017年アフィリエイトを始めて独立。デザイナーのスキルも生かし、アフィリエイトでストレスフリーな生活を楽しみながら、ネットビジネスの素晴らしさを一人でも多くの方に伝えたくこのブログを立ち上げました。