サイトの顔を作ろう – 鳴雷ユーザーズガイド

サイトの顔を作ろう。

ここではサイトに訪れたユーザーが最初に見ることになるサイトのヘッダーとヒーローヘッダーの作成方法を解説します。

サイトヘッダーはお店のロゴを設置して、オリジナリティを出しましょう。ヘッダーは追従設計になっており、LPページ以外は全て出現します。もちろん設定で非表示にすることも可能です。

ダッシュボード→鳴雷全体設定→鳴雷ヘッダー設定。

ヘッダー設定をクリック。

プレビュー下より設定を開始。

ヘッダーの表示、非表示を切り替えできます。

ヘッダーの高さ、店舗ロゴの大きさを調整できます。

ヘッダーの背景色を選択できます。

お店のロゴを設定する

お店のロゴがなければ店舗名と店舗のコンセプトを入力。

設定を保存で完了。

ヒーローヘッダーはサイトを訪れたユーザーが一目でそのサイトが信頼できるかどうかを判断する重要なセクション。鳴雷では３種類のヒーローセクションを用意しています。お好みのセクションを選択し、ユーザーの信頼を勝ち取りましょう。

スケール静止画

ダイナミックスライダー

オリジナル動画/YOUTUBE

ヒーローヘッダー設定→静止画をクリック

背景画像を選択し、センタータイトルを入力

センタータイトルの文字色とテキストの影色を選択し、保存で完成。

ヒーローヘッダー設定→スライダーをクリック。

各スライダーの文字を目立たせたい場合は「ヒーローヘッダースライダーの画像を暗くする」にチェックを入れて暗さをスライドで調整してください。

各スライダーの画像選択し、テキストを入力してください。

スライダーの数は好きなだけ増やす事ができます。「新規スライダーを追加」ボタンを押してアイテムを追加しましょう。

お好みのスライダーアイテムが完成したら「設定を保存」をクリックして設定完了。

ヒーローヘッダー設定→動画をクリック

「youtubeを使用する。」もしくは「自作動画を使用する。」お好みにチェックを入れてください。

タイトルを入力します。

文字を目立たせる為に、ヒーローヘッダーを暗くできます。「暗くする」または「装飾なし」を選択してください。

タイトルのテキスト色と影色を選択したら設定を保存して完成。

思い通りの素敵なデザインは完成しましたか?次は「サイトに動きをつけよう」です。アニメーションに関する設定を行います。各セクションは、最低でも３ステップ以内で完了するように設計されてますので、初心者の方でも簡単に作ることができます。