納品メールに記載の商品をパソコンのデスクトップにダウンロードしてください。納品物は次の4点です。

  1. WordPressテーマ 「Emanon Premium」 形式:zipファイル
  2. WordPress子テーマ 「Emanon Premium Child」形式:zipファイル
  3. WordPressプラグイン 「Emanon Premium Blocks」形式:zipファイル
  4. 購入特典PDF WordPressを使った売れる仕組みづくり形式:pdfファイル

Emanon Premiumの設定

Emanon Premiumを使う手順をステップごとに紹介します。各ステップの内容を把握した上で、WordPressの設定を行うようにしてください。

ステップ
01

Emanon Premiumをインストール

WordPressテーマ 「Emanon Premium」をイントールします。WordPress管理画面にログインし、外観>テーマから新規追加ボタンをクリックしてください。

テーマのアップロードをクリックし、ファイルを選択ボタンをクリックしemanon-premium.(ver名).zipファイルをアップロードし、有効化してください。

style.cssfunction.phpをカスタマイズしたいお客様は、WordPress子テーマ 「Emanon Premium Child」をインストールし、有効化してください。

ステップ
02

ユーザー設定

Emanon Premiumのインストールが終わりましたら、WordPress管理画面の「Emanon設定」をクリックし、タブ「サポート」からユーザー設定を行います。

Emanon Premiumの納品メールに記載がある購入者IDを入力してください。第三者のWebサイト制作案件の場合、Emanon制作ライセンスIDを入力してください。

Emanon設定「サポート」で購入者IDを入力

購入者IDは、Emanonを購入した個人または団体の名義で運用するWordPressで使用できるユーザーIDです。購入者IDを第三者に譲渡する行為は利用規約の禁止されています。

ステップ
03

Emanon Premium Blocksをインストール

WordPressプラグイン 「Emanon Premium Blocks」をインストールします。WordPress管理画面にログインし、プラグインから新規追加ボタンをクリックしてください。

プラグインのアップロードをクリックし、ファイルを選択ボタンをクリックしemanon-premium-blocks.(ver名).zipファイルをアップロードし、有効化してください。

ステップ
04

Emanon Premiumの機能概要を把握する

WordPressテーマ Emanon Premiumの機能概要を把握することから始めてください。Webサイトのフロントページを作成しながら機能を把握したい方は、デモサイト01とデモサイト02の設定マニュアルをご確認ください。

4つの機能概要

WordPressテーマ「Emanon Premium」の設定は次の4つの設定画面から行います。

  1. Emanon設定:内部動作やレイアウトの設定画面
  2. 外観設定:サイトのロゴや配色設定・ファーストビュー・ページタイトル・hタグ・目次などの装飾設定全般
  3. CTA設定:集客用CTAのデザインや表示箇所の設定画面
  4. 広告設定設定:アフィリエイト広告とGoogle AdSenseの設定画面

各設定画面から詳細な設定機能を使うことでビジネス用サイトを立ち上げることが可能です。

Emanon設定:内部動作・レイアウト

WordPressテーマ「Emanon Premium」をインストールが終わりましたら、Webサイトのタグや機能に関する設定を行います。WordPress管理画面の「Emanon設定」をクリックし各種設定タブの設定を進めていきます。

多言語機能やパスワード機能などサイト運営で不要な機能は、設定をスキップしてください。

  1. タグ: head内のタグ制御 ・Google関連タグ設定やコード挿入
  2. OGP:Facebook OGPの表示・Twitterカードの表示
  3. レイアウト:ヘッダー・フッターのレイアウト設定・サイドバーの位置変更
  4. 記事一覧:記事一覧ページのレイアウト設定
  5. 投稿ページ・固定ページ:アイキャッチ画像レイアウト・関連記事などの設定
  6. SNS:SNSフォローボタン・SNSシェアボタンの設定
  7. 多言語:言語アノテーションタグの出力と切り替えボタンの設置
  8. 検索:検索機能のカスタム設定
  9. CTA:電話番号・お問い合わせボタンの設定
  10. ヘッダーニュース:お知らせ用ニュースティッカーの設定
  11. パスワード:パスワードページの文言設定・ボタン設置
  12. ページ表示速度:jQueryの最適化・CSSの圧縮・HTMLの圧縮など
  13. カスタム投稿:ニュース・セミナー・資料請求・セールスの追加
  14. 管理画面:WordPress管理画面内の表示設定
  15. サポート:購入者IDの登録画面
  16. アイコンフォント:アイコンコードの取得

外観設定:ロゴ・配色・フォント・メニューなど

Webサイトの見た目を整える設定です。WordPress管理画面外観>「カスタマイズ」をクリックしプレビューを見ながら設定を行います。

  1. サイト基本情報の設定:ロゴの設定・サイトタイトルの設定
  2. 配色設定:ヘッダー・ページ本文・サイドバー・フッターエリアの配色設定
  3. デザイン設定:フォント・hタグ・目次・サイドバー・フッターなどの装飾
  4. メニューの設定:ヘッダーメニューやハンバーガーメニュー、スマホ用の固定メニューの設定

外観設定:フロントページ(トップページ)のデザイン

フロントページ(トップページ)の見た目を整える設定です。WordPress管理画面の外観>「カスタマイズ」とWordPress管理画面の設定>「表示設定」を使用します。

  1. ファーストビュー設定:6種類のファーストビューから一つを指定
  2. フロントページの表示設定とウィジェット配置:フロントページの装飾

CTA設定

問い合わせや資料請求などのアクションを誘導するCTAを設定します。デザインや配色、設置場所を指定します。複数のCTAを作成できるので、ページの内容に合わせてCTAを表示できます。

  • CTA設定:ページ末尾・スクロール追従型など集客用のCTAを設置

広告設定設定

Webサイトから収益を得るための広告設定です。アフィリエイト広告とGoogle AdSensの設置が可能です。

  1. アフィリエイト広告設定:広告用ショートコードの設定
  2. Google AdSense設定:広告コードの挿入・広告ユニットの指定
ステップ
05

ブロックエディタの使い方を把握する

WordPress ver5.0から投稿・固定ページの編集画面はブロックエディタに移行しました。段落や見出し、画像などをブロックとして本文に配置しページを装飾していくエディタです。各ブロックには色の変更やスタイルの指定など固有の機能があり編集画面から操作できます。

WordPress管理画面>投稿編集画面
  1. ブロック一覧を表示するボタン
  2. 設定パネルを表示するボタン
  3. ブロック用の設定パネルに切り替えるタブ
  4. 見出し[Emanon]が選択されている例

ブロックエディタ拡張プラグイン「Emanon Premium Blocks」

WordPressテーマ Emanon Premiumは、ブロックエディタ拡張プラグイン「Emanon Premium Blocks」が同封されています。プラグイン「Emanon Premium Blocks」をインストールすることで、WordPress本体のブロックにオリジナルのスタイル設定機能とEmanon Premiumオリジナルのブロックが追加されます。

Emanon Premium Blocksのブロック

さらに、プラグイン「Emanon Premium Blocks」には、ページデザインの自由度が向上するようアニメーション設定機能や、ブロック余白設定機能文字装飾ボタン機能が実装されています。

固定ページ専用のテンプレート

固定ページ専用のテンプレートを使った投稿者一覧ページの設定や、カテゴリーページに固定ページ本文の表示が可能です。