ここあです。
ワードプレステーマは非常にたくさんの種類があります。
私もこのブログでいくつかのテーマを
ご紹介していますが
これまで扱ってきたテーマというのは
どちらかと言うと…
- ブロガー向け
- アフィリエイター向け
が中心でした。
しかし、今回あなたにご紹介する
「Grazioso（グラツィオーソ）」というテーマは…
- コーポレートサイトや
- ショップサイト
で非常に高い訴求効果が期待できるテンプレート。
というのも「Grazioso（グラツィオーソ）」は
- フラットデザイン
- パララックス効果
- jQueryアニメーション
が非常に美しい1カラムに特化したテーマだからです。
このテンプレートでサイトデザインを組めば…
シンプルな美しい写真で人々を魅了する
まるで、Appleのようなサイトを簡単に作ることができます。
2018年現在でも、ワンカラムで美しい訴求効果の高い
コーポレートサイトというのは非常に多く
今でも人気のあるサイト構成となっています。
なので、Graziosoはこんな方におすすめです。
こんな方におすすめ
- ビジュアル重視で高い訴求効果を狙いたい方
- 自社サービスをお持ちの個人経営の方
- ファーストビューやTOPページをリッチにしたいという方
- 訴求効果の高いLP（ランディングページ）を作りたい方 など
もしも、Appleのようなシンプルかつ、
写真を使った美しい世界観で人々を魅了する
コーポレートサイトやショップサイトを作りたい方は
ぜひ参考にしてみてください＾＾
ワードプレステーマ「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アニメーション
Graziosoはアニメーションデザインがとても素晴らしいテーマ。
左右から次々とテキストや画像が表示されたり
浮き出るような画像設定も専用ウィジェットを使うだけ。
jQueryを使えば…（以下は機能の一例です。Graziosoの機能というワケではありません。）
- クリックしたら画像が入れ替わる
- マウスオーバーした要素がアニメーションのように動く
- フォームの中の要素を動的に変更する
- スクロール量によって見た目や数値を変更する
など、Webサイトに非常に簡単に動きをつけることができます。
GraziosoはそんなjQueryの機能を備えた
専用ウィジェットを使うことで
Webプログラミングの知識がないあなたでも
まるでプロが作ったような動きのあるサイトを実現できます。
またjQueryによるアニメーション効果は
訪問者の注目を集め、サイトの滞在時間を伸ばすと共に
記事の精読率や成約率アップにも貢献します。
HTML5&CSS3に100%準拠
Graziosoのサイト構造は
HTML5、CSS3に100%準拠されています。
どういうことかと言うと…
今現在、Webサイトを構成するいわゆる構文と呼ばれる
文章構造はHTML5、CSS3が最新であり主流です。
つまり、GraziosoはHTML5、CSS3の文章構造により
アニメーションや装飾などがより簡単に
より豊かになっているだけでなく
SEOに適したサイト構造にもなっているということです。
だから、Graziosoを用いたサイトであれば
サイト構造によるSEO効果にも期待できます。
SNSの拡散機能もバッチリ装備
GraziosoはもちろんSNSの拡散機能も標準装備。
FacebookとTwitterに関しては
テーマオプションから設定を行うことで
現在のフォロワー数を表示させることも可能です。
スマホ経由のアクセスを集めながら
さらに拡散させる効果も十分期待できますので
Graziosoを使い、シンプルで美しい
インパクトのあるサイトを作り
SNSでガンガン拡散してもらいましょう！＾＾
ワードプレス テーマ「Graxioso」を使うメリット
ワードプレステーマ「Grazioso」の機能は
何となくご理解いただけましたでしょうか？
Graziosoというテンプレートさえ手にすれば…
- 1カラムのサイトデザインが簡単に作れる
- 見られる・売れるサイトが作れる（パララックス効果、アニメーション効果）
というメリットが同時にあなたの手に入ります。
使い方は後述しますが…
Graziosoは基本的にウィジェットを並べるだけで
簡単にキレイなサイトを作ることができます。
なので…
- サイトの素材となるクオリティの高い画像
- 商品やサービスのポイントを押さえたコピー
さえ準備できれば…
あとはウィジェットを組み合わせ
読者のニーズに合わせた訴求方法が実現可能。
Graziosoを使用する場合は…
写真がかなり読者の目を引くことになるので
どんな素材写真を使用するかでサイトの印象が大きく変わってきます。
なので、クオリティの高い素材写真さえ用意できれば
そこにjQueryアニメーションや
パララックス効果が加わりますので
訪問者に見られる・売れる
美しいサイトが作れるのは確実です。
逆に、注意点としては…
ビジュアル重視で読者の目を引く以上
素材写真に関しては決して手を抜いてはいけないということです。
むしろ、カメラマンにしっかりと
良い写真を撮影してもらうぐらいの勢いがなければ
Graziosoの魅力を最大限に活かすことはできないでしょう。
写真の印象とは恐ろしいもので
私が以前勤めていた会社では
ピザの写真がまるで「食品サンプルに見える」…と
売り上げが低迷しているお店があったのですが
専属のカメラマンを変え、写真を取り直すことで
売り上げが1.5倍以上に伸びたという例もありました。
今の時代は素材写真もいくらでもネットから
無料でダウンロードできますが…
写真ありきの注目されるサイトを作るのであれば
やはりオリジナリティの高い写真を使う方が
訴求効果はより高くなります。
ワードプレステーマ「Grazioso」はどんなサイトに向いている？
それでは、そんなGraziosoのメリットを踏まえ
どんなサイトにGraziosoというテンプレートが
向いているのか考察したいと思います。
パララックスやアニメーション効果の高い
1カラムに特化したワードプレステーマ
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というテンプレートは
1カラムに特化しているだけあって他のテーマとは
少しだけ使い方が違っています。
最初のうちは戸惑うかもしれませんが
慣れてくると直感的に操作できるので
初心者から中級者でも十分使いこなせると思います。
「Grazioso」はウィジェットだけで簡単設定！
通常、私たちアフィリエイターやブロガーが
使用するテンプレートは、サイドバーやフッターに
ウィジェットを配置することが多いですよね。
しかし、Graziosoの場合は面白いことに
トップページのレイアウトもただブロックを積み重ねるように
使いたいウィジェットを並べていくだけ。
だからレイアウトの変更も超簡単。
ウィジェットの順番を入れ替えるだけなので
作業に無駄が無くストレスフリーです＾＾
Graziosoの専用パーツは特に
ダイナミックな動きのあるウィジェット。
Graziosoの専用ウィジェットを使えば…
たったそれだけで、パララックス効果も合わさり、
十分インパクトのあるキレイなトップページが作れます。
HTMLやCSSの知識はほとんど必要ない！
Graziosoは先にご紹介した通り
トップページにウィジェットを積んでいくだけ。
Grazioso専用ウィジェットを追加すれば
jQueryによるアニメーション機能により
画面横から画像が飛び出す動きが付いたり
パララックス効果もウィジェットの
背景画像や動画を設定するだけで簡単に機能します。
↓ ウィジェットの背景設定
↓ その他のウィジェットも入力するだけ…
Graziosoの操作は基本的に…
- ウィジェットを並べる
- ウィジェットにテキストを入力したり、画像を設定する
この2ステップだけでレイアウトが組めてしまいます。
だから、HTMLやCSS、PHPといった
難しいコードを打ち込む必要もありません。
逆に言うと、Graziosoを使いこなすためには
最低限ウィジェットの概念を理解している人にしか
おすすめはできないということです。
それさえ理解できていれば、初心者だろうと中級者だろうと
十分使いこなすことができます。
トップページ以外もページビルダーでレイアウト！
Graziosoのウィジェット設定は基本的に
トップページとフッターしかありません。
その他のページは一体どうすれば？と
正直、私は少し操作に悩みました＾＾；
しかし、よくよく見てみると、中ページのレイアウトも
Graziosoの推奨プラグインである
SiteOrigin Widgetsを使えば
トップページ同様、下層ページも
ウィジェットを組み合わせるだけでレイアウトできます。
具体的には…
まず、ページビルダーをクリックします。
続いてレイアウトの調整ができるので
自分で組みたいレイアウトを考えます。
以下の画像は2分割ですが
3分割にも4分割にも簡単に設定できます。
もちろん、レイアウトは左右に割るだけでなく
縦にいくつでも積むことができます。
レイアウトを決めたら、その中に
設定したいウィジェットを追加し
あとは、ウィジェットのそれぞれにテキストや
画像を設定すれば、レイアウトが完成します。
Graziosoの場合は…
下層ページをレイアウトする場合もこのようにして
ページビルダーとウィジェットを使って
自由自在に組むことができます。
さらに、ページビルダーの良いところは…
一度レイアウトを組んでしまえば
同じウィジェットをそのまま複製して
使い回すこともできてしまします＾＾
だから、ある程度使い慣れてくると
下層ページの量産もかなり簡単にできてしまう
というメリットもあります。
どのテーマを使っても同じことは言えますが…
やはり、そのテーマを使いこなせるようになるには
ある程度慣れるまでの時間が必要になります。
ただ、Graziosoには「Grazioso：使い方ガイド」という
テンプレートの使い方を説明した丁寧で非常に分かりやすい
特設サイトも用意されています。
なので、ワードプレス初心者のあなたであっても
少しずつ特設サイトを見ながら作業すれば
つまずくことなくサイトを組み立てることができるはずです。
実際に私も使い方ガイドを見ながら組んでみましたが
特に難しいコードをいじることなく、本当に設定1つで
簡単に動きのあるキレイなサイトが作れました＾＾
サイトを組んでいる最中は
写真が横から飛び出すアニメーションに驚き
思わず「おぉ〜」という声を連発しながら
楽しんで作ることができたのも
Graziosoならではの魅力だと思います。
Graziosoでサイトを作ってみると良く分かりますが…
アニメーション効果のあるサイトというのは
見る方も楽しいですが、作る方もかなり楽しいです＾＾
ワードプレステーマ「Grazioso」のその他の特徴
Graziosoはコーポレートサイトや
ショップサイトに向いているだけあって
そういったサイトに合わせた
オプション機能もたくさん備えています。
- Googleマップを埋め込める
- youtubeやライブラリ動画の設置が簡単
- ポップアップギャラリー
- チームメンバーズ
- プライシングテーブル（価格表）
など…
これらの表示が簡単に設置できるのも
Graziosoならではの魅力です。
↓ Googleマップ
↓ 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にご興味を持たれた方はこちら…
ちなみに私がこのブログで使っているテーマは「THE THOR」ですが
こちらのテーマに興味があるあなたは、以下の記事もご確認ください。
WordPressテーマ「THE THOR（ザ・トール）」を思わず買ってしまった理由とは？
最後までお読みいただきありがとうございました！
