【第8回】トップページの作成

連載講座:WordPressで作る簡単Webサイト

ここからは、具体的なページデザイン作業になります。

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

«次の連載記事»
«前の連載記事»

スポンサーリンク

オンライン講座

Webの基礎マスター講座ページへのリンク


連載講座:WordPressで作る簡単Webサイトページへのリンク

提供しているサービス

WordPressサイト制作出張講座ページへのリンク

WordPress を利用した Webサイト制作の方法を、
あなたのオフィスにうかがいご説明いたします。
料金:¥28,000

サービス詳細ページ >>

申し込みフォーム >>


Webサイト1日公開サービスページへのリンク

一刻も早く Webサイトが必要な方のために、
一緒に作業し1日で公開までもっていきます。
料金:¥28,000

サービス詳細ページ >>

申し込みフォーム >>

スポンサーリンク

ページの先頭へ