Emanon Premiumのウィジェットは、セクションエリアに配置を想定した[Es]の名称から始まるウィジェットと、サイドバーやフッターの配置を想定した[E]の名称から始まるウィジェットの2種類があります。

デモページのフロントページ設定

当サイト(デモページ)のフロントページがどのような手順で設定されているか解説します。手順に記載の詳細マニュアルへのリンクも合わせてご確認ください。

ファーストビュー設定

ファーストビューとは、フロントページの最初に表示される箇所です。下記画像に記載の番号に沿って設定手順をご案内します。

(1)電話番号・アクセス・SNSフォローボタンの設置

電話番号と営業時間、アクセスの表示手順です。WordPress管理画面>Emanon設定>タブ「CTA」に移動します。

  1. 電話番号[ヘッダー]の表示を有効にする
  2. アクセス[ヘッダー]の表示を有効にする
  3. アクセス[ラベル]に文言を入力する
  4. アクセス[URL]に店舗住所や会社住所の記載がある固定ページのURLを入力する。
  5. レイアウトをヘッダー[右]にする

電話番号や営業時間は、タブ「CTA」のコンタクト設定から設定します。

詳細は、Emanon設定 CTAをご確認ください。

次にSNSフォローボタンの表示手順です。WordPress管理画面>「Emanon設定」>タブ「SNS」に移動します。

  1. SNSプロフィールURL設定にて各SNSアカウントのURLを入力
  2. SNSフォロー設定のSNSフォローボタンで表示したいSNSにチェックをいれる
  3. SNSフォローボタン[ヘッダー]の表示をヘッダー[右]に設定

詳細は、Emanon設定 SNSをご確認ください

(2)検索ボタン[ヘッダー]の表示・コンタクトボタン[ヘッダー]の表示

WordPress管理画面>Emanon設定>タブ「検索」に移動し、検索ボタン[ヘッダー]の表示を有効にします。

詳細は、Emanon設定 検索をご確認ください。

次にWordPress管理画面>Emanon設定>タブ「CTA」で設定に移動し、コンタクトボタン[ヘッダー]の表示を有効化してください。コンタクトボタンをクリックした際に表示されるレイアウトについては、コンタクトボタン[スタイル]で指定します。

詳細は、Emanon設定 CTAをご確認ください。

(3)ハンバーガーメニュー設定

ハンバーガーメニューを表示する場合、ドロワーメニューの指定必須です。外観>メニューの「メニューの位置」でドロワーメニュー[PC](パソコンで表示) またはドロワーメニュー[SP](スマホで表示)を有効にしてください。

上記の設定が終わりましたら、下記の手順でハンバーガーメニューの表示をおこないます。

  1. 外観 >カスタマイズ > デザイン設定 >「ハンバーガーメニュー設定」に移動
  2. ハンバーガーメニュー[PC]の表示にチェックを入れる
  3. ハンバーガーメニュー[SP]の表示にチェックを入れる
  4. ハンバーガーメニュー[追従型]の表示にチェックを入れる

詳細は、デザイン設定をご確認ください。

(4)ヘッダーレイアウト設定

ロゴマーク(サイト名)の表示位置とヘッダーメニューの表示位置を指定します。WordPress管理画面>Emanon設定>タブ「レイアウト」に移動しヘッダーレイアウトを中央に指定します。

次に外観 >カスタマイズ >「サイト基本情報」をクリックし、ロゴマークの画像をアップロードします。

詳細は、WordPress サイト基本情報の設定をご覧ください。

(5)ファーストビュー設定

デモサイトのファーストビューは、ヘッダーアイキャッチを使用しています。

  1. 外観>カスタマイズ>ファーストビュー設定>表示設定に移動
  2. 表示設定のレイアウトをヘッダーアイキャッチに指定
  3. ヘッダーアイキャッチ設定のレイアウトをタイトルに指定
    1. タイトルや背景画像などを配置
    2. パーティクル背景の表示を有効化
    3. 区切りデサインを左斜めに指定
    4. 区切り線の配色を白#fffに指定

詳細は、ヘッダーアイキャッチの設定をご確認ください。

(6)CTA追従型設定

WordPress管理画面>Emanon設定>「CTA設定[追従型]追加」でCTAを追加します。
当デモサイトでは、長方形レイアウトに指定しています。

詳細は、 CTA設定[追従型]をご確認ください。

フロントページセクション

デモサイトの「このようなお悩みはございませんか」から「新着記事」までは、専用ウィジェットを使用しています。

フロントページ専用のウィジェット

[Es]の名称から始まる専用ウィジェットは、フロントページセクション・フッターセクション・コピーライトセクションのみで使用できます。

下記図は、当デモサイトのウィジェット配置のキャプチャーです。

外観>ウィジェト>フロントページセクション[上部]
  1. [Es]リンクボックス:アイコンと説明文付きのボックスを表示。
  2. [Es]区切り:右斜めを指定
  3. [Es]コンテンツボックス:画像と文章を配置。
  4. [Es]バナー:ページのリンク付きのバナーボタンを表示
  5. [Es]リンクボックス:アイコンと説明文付きのボックスを表示。
  6. [Es]区切り:左斜めを指定
  7. [Es]料金:料金表示を3つ表示。スライダー[SP]を有効。
  8. [Es]お客様の声:お客様の顔写真や評価点、コメントを表示。
  9. [Es]区切り:右斜めを指定
  10. [Es]FAQ:よくある質問と回答を開閉式で表示。
  11. [Es]記事スライダー:カテゴリー未選択。スライダー[SP]を有効。

フロントページ専用のウィジェットを使用する場合、フロントページ用の固定ページを作成・公開し、表示設定ホームページの表示を固定ページに指定してください。

詳細は、 フロントページの表示設定とウィジェット配置をご確認ください。