トップセクションの作り方

トップページ

今回は上の画像にあるようなトップセクションの作り方について解説していきます。

カスタマイザーを開く

管理画面の左側「外観」から「カスタマイズ」を開きましょう。

ここで開いた画面のことを「カスタマイザー」と言います。

カスタマイザーを開いたら一番上に「トップページのカスタマイズ」があります。

今回はここからトップセクションを編集していきます。

トップ画像

初期設定では青い服を着た男性が写った写真が表示されています。

このまま使っても構いませんが、違う画像を使うとオリジナリティが出てきますね。

オリジナル画像を使うなら1900px以上の”jpg”ファイルがおすすめです。小さい画像を使うとせっかくのトップページが粗くなってしまいます。

画像は常に真ん中が切り取られ、やや黒みかかって表示されます。

ちなみに、当サイトの元画像は左、実際のトップ画像は右です。

トップ画像の元画像
実際のトップ画像

Canva Proで画像を作ろう

気軽に画像編集するにはCanva Proが便利です。

Canva Proを使えば、画像のサイズ指定や背景透過が自由にできます。

通常なら月額1,500円ですが、最初の30日間は無料で使えるので、設定が終わったら解約してしまっても大丈夫です。>>Canva Proを使ってみる

トップ画像内の見出し

当サイトでは「プラットフォームから抜け出そう。」と書いてある部分です。

アピールしたいフレーズやキャッチコピーなどを表示するのがベストです。

改行したいところに<br>を入れると、改行できます。

トップ画像内のテキスト

当サイトでは「月額780円で始めるレッスン予約サイト作り。」と書いてある部分です。

トップ画像内の見出しだけでは説明しきれなかったことや補足事項を入れるといいでしょう。

こちらも改行したいところに<br>を入れると、改行できます。

トップボタンのリンク先

トップボタンのリンク先URLを入力するとリンクボタンが表示されます。

飛ばしたいリンクのURLを入力してください。

トップボタンのリンクテキスト

ボタンのテキストを変更できます。

長すぎると2列になってしまうので、短めの言葉を入れるのがおすすめです。

トップボタンのリンク色

ボタンのリンク色を変更できます。

WEB色見本 原色大辞典」を参考すると色コードが簡単に調べられます。

コメント

タイトルとURLをコピーしました