前回の主要固定ページとグローバルメニューの設定に引き続き、今回はフロントページの設定をおこないます。

Healer専用フロントページを表示しよう

基本的に、WordPressはブログ用のCMS(コンテンツマネジメントシステム)なので、デフォルトでトップページはブログの新着一覧ページとなっています。

そこをHealerでは特別なテンプレートを使い、トップページを1カラムのフロントページに変更してもらいます。

簡単にいうと、トップページに特別にカスタマイズした固定ページを表示させるということです。

まず、パーマリンクを[投稿名]に変更してください。

front-page-setting-16

次に、パーマリンクをhomeとした固定ページを作成します。このページがホームページを訪れた際に一番最初に表示されるページとなります。

front-page-setting-01

固定ページのタイトルは何でも構いませんが、フロントページとわかるようにサイトタイトルと同じにしておくのがいいでしょう。

ページ属性も忘れずに変更

右にあるページ属性のテンプレートをデフォルトからHomeに変更してください。これでこの固定ページがフロントページ用のテンプレートに設定されたことになります。

front-page-setting-02

記事ページと同様、固定ページのアイキャッチも必ず入れるようにしてください。TwitterやFacebookにシェアしたときに表示される画像になります。

デフォルトのアイキャッチの設定も可能

Ver.2から管理画面でデフォルトのアイキャッチが設定できるようになりました。

毎回のアイキャッチ設定が面倒という方はこちらの設定をおこなっておくと、最初からアイキャッチが設定された状態ですべての記事が書けます。

front-page-setting-03

[Healer管理]のデフォルトサムネイルの項目にメディアにアップロードした画像のIDを入力してください。

front-page-setting-04

IDは画像にマウスカーソルを乗せると画面下に表示されます。

アクセス・店舗ご案内の設定

そのまま画面を下にスクロールすると、アクセスという入力欄がありますのでこちらを全て記入してください。

front-page-setting-05

時間1が午前の営業時間、時間2が午後の営業時間となっています。

front-page-setting-06

スマホ閲覧時は、電話番号をタップするとそのまま電話をかけられます。

トップバナーの設定

トップバナーはフロントページの一番上に表示される画像です。こちらの設定をおこなわないと【初期設定②】でおこなったヘッダー画像1枚のみの表示となります。

front-page-setting-06

画像を設定する際は、メディアにアップロードして画像のURLをコピペしてください。

front-page-setting-08

ヘッダー画像以外の最大5枚を設定することで、合計6枚のスライドショーが自動で設定されます。

トラブル・メリットの設定

次にトラブルを設定します。

front-page-setting-09

WordPress管理画面の左メニューから[トラブル]を選択します。あとは通常の記事と同様に書いて公開を押してください。

トラブルはフロントページに同時に3つ表示できますので、できるだけ3つ以上作成してください。

3つ以上作成した場合は古い記事からアーカイブになり、トラブル一覧ページから閲覧可能です。

ウィジェットの設定

固定ページができたらウィジェットでフロントページに表示します。

front-page-setting-10

[外観] → [ウィジェット]と進み、トラブルの欄に[3セクション用ウィジェット]をドロップして中身を記入します。

ここで一緒にメリットも設定します。

front-page-setting-11

画像は、メディアにアップロードしたURLをコピーして使います。

front-page-setting-12

一番下のリンク先URLは先ほど作成した各固定ページのURLとなり、実際のページ上では”詳しくはコチラ”のリンクとなります。

front-page-setting-13

〇〇のメリットの部分は【初期設定①】で設定したページトップタイトルが自動で表示されます。

お客様の声の設定

Healerではお客様の声を簡単に目立たせて表示することができます。

front-page-setting-14

WordPressの管理画面の左メニューから、[お客様の声]を選択して記事を作ると、フロントページに新しいものから3つ掲載されます。

トラブルと同じく古い記事はアーカイブとなり、右下の”お客様の声をもっと読む”から一覧ページに移動します。

フロントページを固定ページに設定

front-page-setting-15

WordPress管理画面の[設定] → [表示設定]から、フロントページに今回作成した固定ページの[ホーム]を選択して保存します。

これで固定ページがフロントページとして表示されるようになります。

次回は「施術の流れ」ページの設定をおこないます。

Follow me

-Healerの初期設定
-

【初期設定④】フロントページの設定
この記事はいかがでしたでしょうか。
是非Healerの最新ニュース情報を、
いいねしてチェックしてください!

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。