WordPressテーマ Emanon Proのインストールおよび各種設定に関するマニュアルガイドです。
初期設定
株式会社イノ・コードから送付された受信メールからダウンロードしたEmanonテーマのzipファイルを、WordPress管理画面＞外観＞テーマ＞新規追加＞アップロードからアップロードし有効化してください。
テーマのアップロードと有効化
テーマのアップロード後にテーマを有効化すると初期設定のデザインになります。
プラグインのアップロードと有効化
WordPressテーマEmanonは、ブロックエディタ対応テーマです。別売のプラグインEmanon Blocksをインストールすることで、WordPress本体のブロック機能拡張や、オリジナルのカスタムブロックが利用できるようになります。
プラグインEmanon Blocksの詳細は下記ページからご購入ください。
下記プラグインは非推奨です。
・Classic Editor
・Gutenberg
・キャッシュ系・圧縮系のプラグイン（WP Super CacheやAutoptimizeなど）
購入者IDまたはEmanon受託制作サポートライセンスIDの登録
WordPress管理画面のメニュー「Emanon設定」のサポート設定に進み、株式会社イノ・コードから送付された納品メールに記載の購入者IDを入力し保存してください。
受託制作でEmanonテーマを使用する場合は、購入者IDは入力せずに株式会社イノ・コードから発行されたEmanon受託制作サポートライセンスID を入力してください。
購入者IDは第三者に配布できません。そのためEmanonテーマを購入したユーザーが受託制作でEmanonテーマを使用する場合は、購入者IDを設定しないでください。
ユーザーサポートの仕組みを把握する
WordPressテーマEmanonの固有機能に限定されますが、無料でユーザーサポートを利用できます。ただし、利用規約およびガイドラインを遵守せずにユーザーサポートを申請した場合、利用規約に従いユーザーサポートの申請権限が停止されますのでご注意ください。
ユーザーサポートの申請手順をご案内します。以下の内容を十分にご確認ください。
Emanon販売サイトのユーザーサポート申請ページにアクセスします。ユーザーサポートを申請する場合、ユーザーご本人が運営するサイトであることを確認するため、テーマ使用環境と有効化プラグインの情報を改変せずに反映します。
使用環境と有効化プラグインの情報は、Emanon設定＞サポートの環境情報に表示されていますので、コピーしてユーザーサポート申請フォームに反映し申請ください。ガイドライン・利用規約を遵守した内容のみ無料で２営業日以内に返信が届きます。
表示設定を行う
WordPress管理画面＞設定＞表示設定に進み、ホームページの表示をご確認ください。
ホームページの表示を、固定ページ (以下で選択)に指定します。ホームページ：では、フロントページ用の固定ページを選択します。投稿ページ：は、投稿ページを一覧表示するための固定ページを選択します。
ホームページの表示に使用する固定ページは、あらかじめ２つ作成し公開状態にしてください。
・例 フロントページ用タイトル： Home
・例 投稿ページ用タイトル：Blog
フロントページ用に指定した固定ページの本文を表示したい場合、ページ編集画面のテンプレートからフロントページ［固定ページ］非対応：記事一覧を選択してください。
記事一覧に表示する投稿ページの数は、WordPress管理画面＞設定＞表示設定の１ページに表示する最大投稿数で指定してください。
固定ページのテンプレートを理解する
固定ページ専用のテンプレートを編集画面から指定できます。右サイドバーから用途にあったテンプレートを選択してください。
固定ページ専用のテンプレートの種類と用途は次の通りです。
- 投稿者一覧：投稿ページの作成者を一覧で表示
- フロントページ［固定ページ］非対応：記事一覧：固定ページ本文のみを表示
- フロントページ［固定ページ］対応：記事一覧：固定ページ本文＋記事一覧を表示
- ランディングページ［リード］：資料請求用のランディングページを作成
- ランディングページ［セールス］：販売用のランディングページを作成
Emanon設定の機能を理解する
Emanon設定は、サポートの他に、配色を追加できるカスタムカラー・ブロックカードや目次を設定できる投稿ページ・固定ページ、編集ページ：カスタムフィールドの非表示設定とWordPress機能を停止できる管理画面のタブがあります。
Emanon設定 タグ
HTMLに出力されるタイトルタグや、metaタグ、indexタグの制御が行う機能です。Googleトラッキングタグの指定や、コードの挿入指定もできます。
Emanon設定 OGP
SNSで投稿ページがシェアされた際に表示する画像の指定を行う機能です。
Emanon設定 カスタムカラー
カスタムカラーは、利用頻度の高い色を自由に設定できる機能です。お好みの色を6色まで設定できます。カスタムカラーで設定した配色は、ブロックエディターの各ブロックにある色設定に反映されます。
Emanon設定 投稿ページ・固定ページ：広告ラベル表示
アフィリエイト広告を掲載する場合に使用する機能です。ページのタイトル付近にPRや広告などの文言を一括表示できます。投稿ページ・固定ページの編集画面から個別の表示・非表示の設定も可能です。
Emanon設定 投稿ページ・固定ページ：ブログカード
ページ編集画面にURLを直接貼り付けると、Emanon独自のブログカードに表示を切り替える機能です。外部リンクのブログカードは読み込みの負荷を避けるため、キャッシュ期間を指定できる機能があります。キャッシュ期間の日数を変更することも可能です。
下記はブログカードの表示例です。参考用に画像キャプチャーを配置しており実際のブログカードではありません。
Emanon設定 投稿ページ・固定ページ：目次
見出しブロックh2からh4までを目次として表示する機能です。目次のデザインと配色は、外観＞カスタマイズ＞コンテンツ設定＞目次設定で指定できます。
Emanon設定 投稿ページ・固定ページ：リンク設定
リンク設定はブロックエディタ専用の機能です。段落ブロック・リストブロック・引用ブロック・各ブロックキャプチャーのリンクに適用します。
Emanon設定 投稿ページ・固定ページ：コメント欄設定
コメント欄の表示指定や、各種文言の変更ができる機能です。WordPress管理画面のディスカッションで新しい投稿へのコメントを許可が有効になっている場合のみ適用されます。
Emanon設定 CTA計測
CTAの表示回数やクリック数、CTA経由のCV数などを計測する機能です。計測期間の絞り込み機能はありませんが、CTAの効果を判断するために最低限のKPIとして活用いただけます。
Emanon設定 管理画面：カスタムフィールド
使用しないカスタムフィールドを非表示にする機能です。各カスタムフィールドの機能は次の通りです。
- サブタイトル：ページタイトルの下に表示できる補助タイトルです。
- カスタムCSS設定：ページ内の表示をCSSを使ってカスタマイズしたい時に使用します。
- カスタムJavaScript設定：JavaScriptを設定できます。（例：コンバージョン測定タグ）
- ランディングページ（リード）：資料請求やメルマガに誘導できるLP用の設定機能です。
- SEO設定：ページのmeta descriptionを指定できる機能です。
Emanon設定 管理画面：WordPress機能の停止設定
WordPress本体の機能を停止する設定です。例えば、プラグインを使ってサイトマップを形成する場合、wp-sitemapを機能停止に切り替えるなど、利用環境に応じて機能を停止してください。
WordPress導入後の本体設定
WordPressをインストールした直後は、初期設定の状態となっていますので、ディスカッションやパーマリンクなどを設定内容を確認し必要に応じて設定を変更してください。（特に投稿ページのURLに影響するパーマリンクの設定は重要項目です。）
デザイン
Webサイト全体のレイアウトデザイン設定は、WordPress管理画面＞外観 ＞ カスタマイズから指定します。下記のように設定箇所ごとに項目わけされています。
外観＞ウィジェットにはブロックエディタに対応したEmanon Pro独自のウィジェットエリアがあります。しています。サイドバーやフッター、広告表示などを設定できます。
Emanon Businessの設定
Emanon Businessは、Emanon Proの子テーマです。Emanon Proの機能にセクションと呼ばれるフロントページ用のデザイン機能が追加されます。詳細は下記からご確認ください。
Emanon Proを購入済みでEmanon Businessを追加購入したい方は、下記の販売ページからご購入ください。Emanon Business単体は、税込価格3000円で購入できます。
設定内容別のマニュアル
設定したい内容ごとにマニュアルをまとめました。下線項目のリンクからマニュアルをご確認ください。
サイトのキーカラーやリンク、フッター背景色、ボタンの色などを一括指定したい。
マニュアル：外観＞カスタマイズ＞全般設定＞色
サイトタイトルやキャッチフレーズの色を指定したい。
マニュアル：ヘッダー設定＞レイアウトデザイン
ヘッダーメニューの色を指定したい。
マニュアル：ヘッダー設定 ＞ ヘッダーメニュー
フロントページ（トップページ）のファーストビュー（画像スライダーや動画など）を設定したい。
マニュアル：フロントページ設定＞ファーストビューレイアウト設定
サイドバーあり、なしの設定をページ単位でしたい。
マニュアル：外観＞カスタマイズ＞サイドバー設定
サイドバーにアイコンメニューやプロフィール画像などを配置したい。
マニュアル：ウィジェット サイドバー
ヘッダーのレイアウトを設定したい。
マニュアル：ヘッダー設定＞レイアウトデザイン
フッターのレイアウトを設定したい。
マニュアル：フッター設定＞レイアウトデザイン
記事一覧のレイアウトを設定したい。
マニュアル：記事リスト設定 記事リストレイアウト
ヘッダーメニューを設定したい。
マニュアル：ヘッダー設定＞レイアウトデザイン
ページのスクロールで表示されるメニューを設定したい。
マニュアル：ヘッダー設定 ヘッダーメニュー［追従・ドロップ］
スマホ用のハンバガーメニューを設定したい。
マニュアル：ヘッダー設定＞ハンバーガーメニュー
スマホ用のフッター固定メニューを設定したい。
マニュアル：フッター固定メニュー
Googleトラッキングタグを設定したい。
マニュアル：全般設定＞Googleトラッキングタグ
SNSでシェアされた記事の画像表示を設定したい。
マニュアル：全般設定＞OGP
WordPress管理画面＞外観 ＞ カスタマイズの各マニュアル
WordPress管理画面＞外観 ＞ カスタマイズのメニューごとにマニュアルをまとめしました。下線項目のリンクからマニュアルをご確認ください。
全般設定は、主にHTMLタグに関連する項目や配色設定などのサイトデザインのベースになる機能群です。WordPress管理画面 ＞ 外観 ＞ カスタマイズ ＞ 全般設定から設定します。
- フロントページ用meta description設定
- < head >タグ内のtitleタグ設定
- OGPタグの表示（補足：SNSで記事をシェアした際に表示する画像）
- Twitterカードの表示
- Googleトラッキングタグ
- コード挿入（補足：
</head>タグの直前と<body>タグの直後、</body>タグの直前に任意のコードを挿入） - SNSフォローURL
- アニメーション設定
- 検索範囲
- ボタンスタイル（補足：ボタンのデザインを一括指定）
- 色（補足：サイト全体の配色やボタンの配色などを一括設定）
- 背景画像（補足：サイト全体の背景に画像を配置）
ヘッダー設定は、ロゴとメニューのレイアウトやヘッダーメニュー、ハンバーガーメニューなどのメニュー関連を設定できる機能群です。WordPress管理画面＞外観＞カスタマイズ＞ヘッダー設定から設定します。
フロントページ設定は、ファーストビューのレイアウトや記事セクションの表示設定を指定する機能群です。WordPress管理画面＞外観＞カスタマイズ＞フロントページ設定＞ファーストビューレイアウト設定から設定を行い、選択したファーストビューの設定メニューに移動して下さい。
フッター設定は、フッター付近に表示するSNSアイコンやトップに戻るボタン、カラムレイアウト、フッター固定メニュー［SP］の配色を設定する機能群です。
コンテンツ設定は、投稿ページ・固定ページのデザインに関する機能群です。ページ本文の左右余白や1カラム（サイドバーなし）のページ幅、目次デザインや投稿者プロフィールなど各種設定を行います。
サイドバー設定は、サイドバーの表示位置（非表示）やサイドバー内の見出しデザインなどを設定する機能群です。
- サイドバーレイアウト（補足：ページの種部ごとにサイドバーの表示位置・非表示を指定）
- サイドバーデザイン（補足：サイドバーの配色やサイドバーの幅を指定）
記事リスト設定は、フロントページやブログページ、カテゴリーページや検索結果ページなどで表示される記事一覧のレイアウトを設定する機能群です。
CTAとは、Call To Action(コール トゥ アクション)の略語で「行動喚起」を意味します。CTA設定では、問い合わせや資料請求などの行動を喚起する仕掛けを設定できます。
- CTA表示設定
- Page CTA設定［共通］
- Page CTA設定［潜在客］
- Page CTA設定［そのうち客］
- Page CTA設定［比較客］
- Page CTA設定［見込み客］
- Footer CTA設定
- PopUP CTA設定
- Floating CTA設定
ランディングページ設定は、Call To Action(コール トゥ アクション)の略語で「行動喚起」を意味します。CTA設定では、問い合わせや資料請求などの行動を喚起する仕掛けを設定できます。
ランディングページ［リード］（補足：資料請求用のランディングページ）
ランディングページ［セールス］（補足：販売用のランディングページ）
ページ表示速度設定は、jQueryの最適化やCSSの最適化、プリフェッチ［Prefetch］による読み込み体感速度の向上などを設定できる機能群です。
- jQueryの最適化
- CSSの最適化
- プリフェッチ［Prefetch］
