【第８回】トップページの作成
ここからは、具体的なページデザイン作業になります。
- [固定ページ]-[新規追加] から、下記情報に従いトップページを追加します。
タイトル：ホーム
URLスラッグ：home
※以降、固定ページを追加した時は [公開] をクリックし、更新した時は [更新] をクリックしてください。 - [設定]-[表示設定] から、[ホームページの表示] を "固定ページ" にチェックを入れ、[ホームページ] のリストから、 "ホーム" を選択します。
- [固定ページ一覧] から、「ホーム」を選択します。
- アイキャッチ画像に、メディアライブラリから「main_visual.jpg」を設定します。
- [タイトルを停止] にチェックを付けます。
- [ブロックの追加(+マーク)] をクリックし、カラムブロックを追加します。
- 「3カラム：均等割り」のレイアウトを選択します。
- ３つのカラムの +マークをそれぞれクリックし、見出しブロックを追加します。見出しレベルは [H3] にし、テキストの配置は [テキスト中央寄せ] を選択します。
３つのブロックにそれぞれ３つのアピールポイントを入力します。
- それぞれの見出しブロックの下に画像ブロックを追加し、画像ファイル（benefit-1.jpg / benefit-2.jpg / benefit-3.jpg）をメディアライブラリから挿入します。
配置は [中央揃え] にし、設定サイドバーで [画像サイズ：フルサイズ] にします。
- 画像ブロックの下に段落ブロックを追加し、それぞれのアピールポイントの説明文を入力します。
※文章の入力だけで段落ブロックになります。
- 更新ボタンをクリックし、ブラウザでトップページの表示を確認しましょう。
«次の連載記事» 【第９回】サブページの追加
«前の連載記事» 【第７回】コンテンツの作成
スポンサーリンク
