Emanon Proのインストール手順

Emanon Proは設定機能は項目数が多いため、このページでは、初期設定・集客設定・カスタマイズ設定の３つのテーマにそって、設定機能の概要を整理しました。Emanon Proのインストール後に行う設定のガイドラインとしてご利用ください。

インストール手順

株式会社イノ・コードから送付された受信メールからダウンロードしたEmanonテーマのzipファイルを、WordPress管理画面＞外観＞テーマ＞新規追加＞アップロードからアップロードし有効化してください。

ステップ１ テーマのアップロード

ステップ2 購入者IDまたはEmanon制作ライセンスIDの登録

WordPress管理画面のメニュー「Emanon設定」のサポート設定に進み、株式会社イノ・コードから送付された納品メールに記載の購入者IDを入力し保存してください。

受託制作でEmanonテーマを使用する場合は、株式会社イノ・コードから発行されたEmanon制作ライセンスID を入力し保存してください。

ステップ3 表示設定を確認する

WordPress管理画面＞設定＞表示設定に進み、ホームページの表示をご確認ください。

ホームページの表示が、固定ページ (以下で選択)に指定されている場合、ホームページ：に指定している固定ページの編集画面に移動してください。

ホームページ：に指定している固定ページの編集画面サイドバーにある、テンプレートをクリックし、フロントページ（記事一覧）に指定し更新（公開保存）してください。

記事一覧のメニュー（例 Blog)を設定した場合、ホームページの表示の固定ページ＞投稿ページにブログページ用（記事一覧）の固定ページを選択してください。

ステップ4 Emanon Proのカスタマイズ項目を確認する

Emanon Proのカスタマイズ項目は全部で10項目です。これらのカスタマイズ機能は、WordPress管理画面のメニューから「外観 ＞ カスタマイズ」から設定を行います。

1. 全般設定
2. ヘッダー設定
3. コンテンツ設定
4. フッター設定
5. フロントページ設定
6. テンプレート設定
7. CTA設定
8. ランディングページ設定
9. 広告設定
10. ページ表示速度設定

ステップ5 サイトの見た目を整える初期設定

Emanon Proのインストールが終わりましたら、まず最初にサイト全体の見た目を整える作業をはじめましょう。

【１】レイアウト設定

レイアウトとは、サイト名（ロゴ）やメニュー・投稿一覧・投稿ページ・固定ページなどの要素の配置を意味します。レイアウトを指定できる要素は、次の４項目です。

ヘッダーレイアウト

ロゴやキャッチコピー、グローバルメニューの配置位置を決める設定です。ヘッダーレイアウトは次の3種類から選べます。

・左レイアウト
ロゴマーク：左配置
グローバルメニュー：ロゴマークの下配置

・中央レイアウト
ロゴマーク：中央配置
グローバルメニュー：ロゴマークの下配置

・1行レイアウト
ロゴマーク：左配置
グローバルメニュー：ロゴマークの右配置

ファーストビュー

ファーストビューは、サイトのフロントページ（トップページ）のみに表示される要素で、サイトを閲覧したときに最初に見える範囲です。

サイドバーレイアウト

サイドバーは、右配置・左配置・表示なしの3つからレイアウトを設定できます。さらにサイドバーは、ページの種類ごとに設定が可能です。

具体的には、フロントページ（トップページ）、コンテンツページ(投稿ページ・固定ページ)、アーカイブページ(カテゴリーページ、タグページ、日付別ページなど)の３種類のサイドバーの配置を指定できます。

フッターレイアウト

サイト下部のエリアをフッターといいます。フッターにはウィジェットの他に、フッターメニューやSNSのリンク、トップへ戻るボタンなどの配置が可能です。

記事リストレイアウト

記事リストは、フロントページ（トップページ）の投稿記事や、カテゴリーページの投稿記事などの表示一覧です。

記事リストは、１列表示・カード型 2列表示・カード型 3列表示・ビックカード型からレイアウトを設定できます。

【２】配色設定・見出しデザイン設定

サイトの配色は、WordPress管理画面にログインし、 外観 ＞ カスタマイズ ＞ 全般設定 ＞ 色へ進み設定します。配色のパターンが設定されたカラースキームの指定や、個別の色指定が可能です。

見出しデザインは、投稿ページや固定ページの本文で使用するhタグの様式です。WordPress管理画面 ＞ 外観 ＞ カスタマイズ ＞ コンテンツ設定 ＞ hタグ設定から設定が可能です。

【３】グローバルナビ設定

グローバルナビは、ヘッダー部分に表示されるメニューリンクです。ヘッダーレイアウトの設定により配置場所が変わります。

【４】ページ内の表示項目　

WordPress管理画面にログインし、 外観 ＞ カスタマイズ ＞ コンテンツ設定で、投稿ページと固定ページで表示する項目を指定できます。

【５】ウィジェット設定

ウィジェットとは、サイドバーやフッターなどに配置できるパーツです。Emanon Proオリジナルのウィジェットが用意されています。

【６】各種タグ設定

WordPress管理画面にログインし、 外観 ＞ カスタマイズ ＞ 全般設定からmeta descriptionタグや、Facebook OPGタグ、Twitterカードタグ、Googleアナリティクスのトラッキングタグを設定します。

【7】WordPress本体の設定

【8】エディター設定

ブロックエディタの配色をカスタマイズできます。WordPress管理画面＞Emanon設定>エディタ設定をクリックし、カラーパレットからお好きな色を指定してください。

投稿ページまたは固定ページの編集画面にはEmanonテーマ専用のカスタムフィールドが表示されます。

これらのカスタムフィールドを非表示にしたい場合、カスタムフィールドの非表示から対象項目にチェックを入れてください。

ステップ6 収益化を図るための集客設定

サイトから収益を図るには、サイト訪問者からアクション（資料請求や問い合わせ、予約、広告クリックなどの行為）してもらう必要があります。

次に紹介するサイト訪問者にアクションを促す機能を使うことで、サイトの収益化を実現していきます。

【１】集客設定

Emanon Proには、CTA機能とランディングページ機能があります。

CTAは「Call To Action」の略語で、「行動喚起」という意味があります。Emanon ProのCTAは、投稿ページ本文の下、フッターエリア、ヘッダーエリアなどに配置可能です。また、Facebookメッセンジャーを配置することも可能です。

ランディングページは、サイト訪問者が最初にアクセスするページのことですですが、ここでは、見込み客の集客や商品の販売などを行うページとします。

Emanon Proでは、資料請求やメルマガ登録などの行為を促すランディングページ（リード）と商品やサービスの販売を目的としたランディングページ（セールス）の2つのランディングページ機能があります。目的に応じてランディングページを使い分けてください。

【２】広告設定

ウィジェット機能からGoogleアドセンスコードを配置することで、Googleアドセンス広告をサイト内に表示できます。

ステップ7 やや高度なカスタマイズ設定

必要に応じて利用を検討してもらいたい機能をご紹介します。

【１】WordPressの表示設定

WordPressの表示設定は、サイトのフロントページを固定ページに変更し、記事一覧ページのメニューを追加したい場合に使用する機能です。

【２】カテゴリーページのカスタマイズ

WordPressのカテゴリーページは、記事一覧の表示ページです。Emanon Proでは、固定ページ本文の情報をカテゴリーページに反映させることで、情報量を増やすことが可能です。

【３】ページ表示速度の設定

CSSの圧縮やHTMLを圧縮する機能です。もし、デザインが崩れる場合、ページ表示速度設定を無効に戻してください。

【４】C S Sによるカスタマズ

特定の要素（文字サイズなど）を装飾したい場合、CSSをカスタマイズします。カスタマイズしたいCSSをサイト全体で共通した要素に反映したい場合は、WordPress管理画面にログインし、 外観 ＞ カスタマイズ ＞ 追加CSSにCSSを入力し保存します。

特定のページのみにCSSを反映したい場合は、投稿ページまたは固定ページの編集画面にあるカスタムCSS設定（このページのみに適用）を使用します。