【手順で解説】強み・代表紹介・サービス・お問い合わせだけのミニマムなTOPページ

  • URLをコピーしました!

このページでは、下記サンプルページと同じようなページを作る手順を一つ一つまとめたページです。

初めてWordPressを触る方はぜひ手順に沿って作成してみてください!

目次

設定手順

不要なコンテンツを非表示にする

STEP
左側メニュー「外観」から「カスタマイズ」をクリック
STEP
ホームページ・コンテンツ設定をクリック
STEP
コンテンツの表示と順序をクリック

ミニマムなホームページでは、実績・ブログ・よくある質問はTOPページで非表示にするため、コンテンツを非表示にする手順を解説します。
※使用したい場合は非表示にしなくてOKです

STEP
下にスクロールし、「実績」「ブログ」「よくある質問」のチェックを外す
STEP
設定が完了したら「公開」ボタンをクリック

ファーストビューを設定する

TOPページを見た時に最初に表示されるファーストビューに表示する、キャッチコピーと背景画像を設定します。

表示イメージ

手順

STEP
ファーストビューをクリック
STEP
キャッチコピー・背景画像を設定する
サンプルサイトの設定

サンプルサイトでは、より簡単にするためにキャッチコピーと背景画像だけ設定し、他設定項目はデフォルトのままになっています。

ファーストビューに表示するキャッチコピー

文字数制限はありませんが、25文字程度を推奨します。ユーザーにパッと伝わる言葉を設定します。

スマホ表示でテキストの改行を調整したい場合は、「キャッチコピー(SP)」に入力するとスマホ表示のみを編集することができます。

ファーストビューに表示する画像

ビジネスのイメージが湧きやすい写真やイラストを推奨します。

サイトの表示を早くするために、パソコン表示用とスマホ表示用をそれぞれ用意します。

パソコン用背景画像の作り方

推奨サイズ:横:1920px×縦860px

STEP
画像編集ツールに画像をアップロードする
STEP
サイズを「幅:1920px 高さ:860px」に変更し、ダウンロードする
STEP
画像圧縮ツールにダウンロードした画像をアップロードして、圧縮する
圧縮した画像をダウンロードする
STEP
ダウンロードした画像を背景画像(PC)に画像を設定する
スマホ用背景画像の作り方

推奨サイズ:横:800px×縦960px

STEP
画像編集ツールに画像をアップロードする
STEP
サイズを「幅:800px 高さ:960px」に変更し、ダウンロードする
STEP
画像圧縮ツールにダウンロードした画像をアップロードして、圧縮する
圧縮した画像をダウンロードする
STEP
ダウンロードした画像を背景画像(SP)に画像を設定する
STEP
設定が完了したら「公開」ボタンをクリック

おすすめコンテンツを非表示にする

該当箇所

手順

STEP
おすすめコンテンツをクリック
STEP
ダミーで入っているテキストを全て削除します。

入力欄を空欄にすると、おすすめコンテンツが非表示になります。

STEP
設定が完了したら「公開」ボタンをクリック

独自の強みを設定する

表示イメージ

手順

STEP
独自の強みをクリック
STEP
見出し・強みを表すデータ・選ばれる理由のテキスト・ボタンのリンク先を入力します。

表示したくない項目があれば、空欄にすると非表示になります。

サンプルサイトの設定
TOPページに表示する見出し(最大32字以内を推奨)

独自の強みを表すセクションなので、強みを一言で見出しにしましょう。

スマホ表示でテキストの改行を調整したい場合は、「このセクションの見出し(SP)」に入力するとスマホ表示のみを編集することができます。

数字で強みを表すデータ4つ

数字・単位・実績名・補足をそれぞれ4つまで記入することができます。数字は4桁まで、実績名は長くても16字以内・補足は24字以内を推奨します。

選ばれる理由5つ

選ばれる理由のリード文と補足説明を5つまで記入することができます。リード文は25字程度・補足説明は48字程度を推奨します。

ボタンのテキスト・リンク先

固定ページで作成した会社概要&代表プロフィールのページをリンク先に設定します。

ボタンテキスト:選ばれる理由

リンク先のURL:選ばれる理由のページのURL

を設定します。

STEP
設定が完了したら「公開」ボタンをクリック

代表紹介を設定する

表示イメージ

手順

STEP
代表紹介をクリックする
STEP
TOPページで表示する見出し・メッセージ・画像・ボタンリンクを設定します。
サンプルサイトの設定

サンプルサイトでは、より簡単にするために見出し・メッセージ・画像・ボタンだけだけ設定し、他設定項目はデフォルトのままになっています。

TOPページに表示する見出し(最大32字以内を推奨)

代表者の理念に共感できるような内容や代表挨拶など見出しを設定します。

スマホ表示でテキストの改行を調整したい場合は、「このセクションの見出し(SP)」に入力するとスマホ表示のみを編集することができます。

メッセージのリード文・補足説明

リード文:伝えたいメッセージを最大40字程度にまとめます。 

補足説明:伝えたいメッセージを300字程度で記入します。

画像

代表のお人柄が伝わる様な写真を設定します。推奨サイズは横:760px×縦1000pxです。

ボタンのテキスト・リンク先

固定ページで作成した会社概要&代表プロフィールのページをリンク先に設定します。

ボタンテキスト:代表プロフィール

リンク先のURL:会社概要&代表プロフィールのページのURL

を設定します。

STEP
設定が完了したら「公開」ボタンをクリック

サービスの見出しと概要テキストを設定する

表示イメージ

手順

STEP
サービスをクリックする
STEP
TOPページに表示する見出しと概要説明にテキストを入力する
サンプルサイトの設定
STEP
設定が完了したら「公開」ボタンをクリック

お問い合わせのテキストを設定する

この設定項目では、お問い合わせを検討している見込み顧客へのお約束ごとやアピールポイントを設定できます。

表示イメージ

手順

STEP
お問い合わせをクリック
STEP
TOPページで表示する見出し・概要テキスト・お約束を入力します。
サンプルサイトの設定
TOPページに表示する見出し(最大32字以内を推奨)

TOPページに表示するセクションの見出しを記入します。

概要説明(最大115字程度を推奨)

見出しの下に表示する概要テキストを記入します。

お約束ごとのリード文と説明文それぞれ4つ

リード文:お約束を一言で最大32字程度にまとめます。

補足説明:伝えたいメッセージを80字程度で記入します。

STEP
設定が完了したら「公開」ボタンをクリック

完成イメージ

完成イメージはこんな感じです!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次