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

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

Healerでは特別なテンプレートを使い、トップページを1カラムの固定ページに変更します。

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

front-page-setting-16

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

front-page-setting-01

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

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

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

front-page-setting-02

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

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

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

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

front-page-setting-03

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

front-page-setting-04

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

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

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

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

front-page-setting-05

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

front-page-setting-06

トップバナーの設定

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

front-page-setting-07

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

front-page-setting-08

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

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

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

front-page-setting-09

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

ウィジェットの設定

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

[外観] ⇒ [ウィジェット]と進み、トラブルの欄に[Healer]トラブルウィジェットを入れて中身を記入します。

合わせて、[Healer]メリットウィジェットもメリットの欄に入れておきましょう。

front-page-setting-10

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

front-page-setting-11

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

front-page-setting-12

お客様の声の設定

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

front-page-setting-14

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

古い記事はアーカイブとなり、”もっと読む”から一覧ページに移動します。

Healer管理でお客様の声の見出しと表示数を変更することも可能です。

front-page-setting-13

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

front-page-setting-15

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

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

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

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

コメントを残す

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

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