MONO IDEA

サイト全体を1つのストーリーに構成して、スクロールするだけで、まるで1つの物語を読み進めるようにユーザーを惹きつけ、魅力的なコンテンツを仕上げることができます。

このようなスタイルは、2016年頃から増えてきた、「ストーリーテリング」と言われる、Webデザインのスタイルです。フル画面のコンテンツが、マウススクロールにより、縦横にスライドしながらページ遷移します。ページを多層化せずに、ファーストビューでユーザーの興味を引き、シンプルに、1ページのみで、1つの物語を展開し、ユーザーにスクロールさせる事でサイト滞在時間を伸ばす事の出来、サイトのブランディングに効果的です。

そんな魅力的でおしゃれなサイトが簡単に作れるのが、MONO IDEAテーマです。

ストーリー(物語)でユーザーの心を掴む

ただ良い商品を作ればそれだけで売れるわけではいように、Webサイトも、ただ商品やコンテンツを紹介するだけでは、他社との差別化が図られない時代になってきています。Webサイトだけでなく、ビジネス、コンテンツマーケティングにおいても、 ストーリーテリングの重要性が説かれてきています。

「ストーリーテリング」とは、伝えたい思いやコンセプトを、それを想起させる印象的な体験談やエピソードなどの“物語”を引用することによって、聞き手に強く印象付ける手法のことです。抽象的な単語や情報を羅列するよりも、相手の記憶に残りやすく、得られる理解や共感が深いことから、企業のリーダーが理念の浸透を図ったり、組織改革の求心力を高めたりする目的で活用するケースが増えています。

出典:http://qq2q.biz/BA5P

Webサイトを、1つのストーリー（物語）に見立て、ユーザーに情報を提供していくことで、ユーザーを飽きさせず離脱を減らし、コンバージョンを改善するなどの効果期待できます。また、この手法は最新のWebトレンドと相性が良く、ストーリーテリングよるWebデザインは、ブランディングに効果的です。


 

設定はきわめてシンプル。

MONO IDEAテーマは、サイトの構成も、その設定方法も、極めてシンプルです。

従来、数種類実装してきた各種ウィジェットを一掃して、「セクションスライダー」ウィジェットのみを搭載しています。「セクションスライダー」ウィジェットで、表示するページと背景画像をアップロードするだけです。もちろん、このウィジェットは複数設置でき、自由に並び替えできます。本来、このようなストーリーテリングのサイトを構築するには、予算と時間と知識が必要になりますが、MONO IDEAデマなら、そのような、予算と時間と知識のすべてをショートカットして、スピーディーに構築することがきます。

 

タイポグラフィーを極める

サイトの印象を大きく変えるのが、フォントです。
Google NotoSans、ゴシック(游ゴシック)、明朝(游明朝)の日本語フォントを、見出しタイトルと本文別々に設定できます。

さらに、テーマオプションから、要素別に、フォントサイズ、色、行間、文字間など仔細な設定を行うことができます。


 

カスタムCSS機能で、テーマを編集せずにオリジナルのスタイルシートを編集

デザインをカスタマイズしたい場合、カスタムCSS機能を使うと、テーマを編集せずにcssを追加、編集することができます。
ここで指定したcssはテーマのアップデート時にも上書きされませんので、テンプレートファイルを編集せずに独自のカスタマイズを行うことができます。

基本機能

搭載ウィジェット

1. セクションスライダーウィジェット

ウィジェットの設定オプション画面のキャプチャ画像をご覧いただけます。(クリックで拡大します。)

推奨プラグイン

インストールすると便利なプラグインを、一括でインストールすることができます。


 

■Contact Form 7
定番の、国産メールフォームプラグインです。

■Page Builder by SiteOrigin
シンプルなドラッグ・アンド・ドロップのページビルダーです。
カラムと行を自由に設定・追加することができ、ウィジェットをコンテンツ部分にも入れることが可能で、レスポンシブなページレイアウトをできます。
ライブエデイターにより、サイトをプレビューしながら、レイアウトを組むことができます。

■SiteOrigin CSS
cssの知識が無くても、サイトをプレビューしながらカスタムcssを自動で作成することができます。

■SiteOrigin Widgets Bundle 
「Page Builder by SiteOrigin」用の追加ウィジェットです。

■image-widget
画像をアップロードできるプラグインです。

【参考】
おすすめWordPressプラグイン
http://isotype.blue/recommend_plugins/

それぞれのプラグインの使用方法等についてはサポート外となります。