トップページのメインビジュアルにテキストやリード文を表示する

OneStepでトップページのメインビジュアルに表示できるカスタマイズをご紹介します。

メイン画像：テキスト・その他

あらかじめ、メイン画像の設定で、メインビジュアルの設定を済ませておいてください。

メインビジュアルの設定手順はこちらから確認できます。

外観＞カスタマイズ＞メイン画像：テキスト・その他 をクリックします。

リード文、テキスト文を追加する

メイン画像の上にリード文やテキスト文を載せることができます。

リード文と文字色を設定すると、このように表示されます。

文字を中央よせに設定することもできます。

中央よせにチェックすると文字がセンタリングされます。

リード文と同様、テキスト文も設置することができます。

リード文とテキスト文を表示、テキスト文のみ表示など、カスタマイズが可能です。

htmlを入力してメイン画像に表示する

htmlを入力して画像やボタンなどを設置することも可能です。

例えば、メイン画像の上に、任意のページへリンクするクリックボタンを設置したい場合、

このように表示されます。

文字に背景色を指定

文字部分を目立たせるために背景色を設定することができます。

リード文とテキスト文の位置は、左よせ・中央・右よせの3パターンから選べます。

 

追加したリード文、テキスト文のモバイル設定

モバイルのみの設定も行えます。

また、モバイル時には、リード文やテキスト文をメイン画像の下に表示することも可能です。

その場合、文字背景色を設定することができるため、パソコンとモバイルでサイトのイメージをがらりと変えられます。

カラーフィルターの設定

トップ画像に対して、カラーフィルターなどのデザイン設定をすることができます。

カラーフィルター（透明度を1～9で設定）
※透明度は1が一番高く、選択カラーの10％の透明度となります。

例えば、透明度8だと以下のようになります。

フィルターをすりガラス風にしたり、パターンをつけることもできます。