ソリューションセクションの設定

ソリューションセクションでは、サイト訪問者のニーズを炙りだし、悩みのポイントを整理することで、「そうそう、こんな悩みがあるんだ！」とサイト訪問者に共感してもらうことを目指しています。

ソリューションセクションで表示する情報は、サイト訪問者の注意を引きつけ、サイト全体のコンテンツに興味を抱かせる重要な要素となります。

設定方法

WordPress管理画面＞外観＞カスタマイズ＞フロントページ設定＞ソリューションセクション設定をクリックすると下記画面が表示されます。

ソリューションセクションのタイトルと説明文の作成は、あなたがターゲットとしている顧客をイメージすることから考えます。あなたのお客様がかかえる悩みや欲求はズバリなんでしょうか？この質問に答えることで、タイトルと説明文を整理していきます。

一般的に悩みは１）健康　２）お金　３）仕事　４）人間関係　以上４つに分類されます。　欲求は、１）原因を知りたい　２）現状を改善したい　３）願望を実現したい　以上３つに分類します。悩みと欲求を組み合わせるとタイトルと説明文の作成が楽になります。

お客様が持つ、悩みと欲求をあなたのビジネスで解決できる範囲に絞り込み、タイトルと説明文を作り上げてください。

ターゲット顧客の悩み、欲求を視覚的に表現するために、アイキャッチとして、アイコンまたは画像のどちらかを表示できます。

アイコンは、https://fontawesome.com/v4.7.0/icons/から選び、タグを入力することで表示することができます。

例えば、下記アイコンの場合、fa fa-jpyがタグとなります。

アイコンの欄に、fa fa-jpy を入力することで表示が可能です。

また、固定ページを作成しURLを入力することで、リンク付きにすることも可能です。

タイトルと説明文の下には、３つのポイントを表記することができます。３つのバランスを見ながら、文章量をできるだけ揃えることで見栄えが良くなります。

WordPress管理画面＞外観＞カスタマイズ＞追記CSSに下記CSSを挿入し公開保存してください。

.solution-box-detail p {text-align: left;}

ソリューションセクション全体の背景色からタイトルと説明文、アイコンまで個別に色を設定することが可能です。

デモサイトの配色は次の通りです。