【日本語WordPressテーマ】Emanonシリーズ

ファーストビューというのはページを開いてサイト訪問者が最初に目にするエリアのこと。

Emanonのファーストビューは6タイプ用意。
（ファーストビューなしも可）

ここではPremiumの画像サンプルでご紹介します。
なおPro/Buisinessでは設定項目の名称や設定可能な内容が異なる場合があります。

ヘッダーアイキャッチ

背景画像とテキストだけのシンプルなファーストビュー。
パーティクルの表示・検索窓・動画などのレイアウトも可。

画像スライダー

複数の画像をスライダー形式で表示。
ボタンやリンクも設定可。スマホ用の代替画像の設置も可。

コンテンツスライダー

こちらは指定した投稿記事のスライドショー。
表示する記事は『新着順・記事指定・カテゴリー別』の3パターンから選択可。

ピックアップスライダー

特定の投稿記事を横に3つ並べて「おすすめ記事」として表示するタイプ。
『新着順・記事指定・カテゴリー別』の3パターンから選択可。
記事数が4つ以上で自動でスライダー（右から左に流れる）表示に。

ページボックス

『ピックアップスライダー』の固定ページ版。
固定ページのアイキャッチ画像とテキストで最大10件の固定ページを表示可。
サムネイル画像のスライドと共に背景画像も変化。

動画ヘッダー

全画面でMP4動画やYoutube動画を表示可能。

Proではフロントページにタブ分けでの記事一覧を表示可。

Businessにはトップページ専用のセクション機能が搭載。

こちらが専用のカスタマイズ項目。

1.ニュースティッカーセクション

商品やサービスなどの新着情報を動きをつけてアピール表示。
表示させたい記事カテゴリーと件数を指定するだけ。

2.ソリューションセクション

サイト訪問者の悩みや問題点をあぶり出すセクション。

3.セールスセクション

画像またはMP4形式の動画の配置と3つのアピールポイントを表記可能なセクション。
商品やサービスが上の”ソリューションセクション”での悩みにどう役に立つのかを表現できます。

4.ベネフィットセクション

商品・サービスを利用することでどんな利益が手に入るのか、どんな未来が待ってるのかを説明するセクション。
最大2行・6つのボックスデザインを表示可。

5.事例セクション

ビジネスの実績やサービスの導入事例を記載した投稿ページや固定ページをスライダー形式で表示できるセクション。
新着順・カテゴリー単位・おすすめ記事のいずれかでスライダー表示可。

6.商品セクション

商品やサービスの販売をアピールするセクション。
背景画像とテキストとボタン配置だけのシンプルな構成。
（画像にはフィルターもかけられます）

7.料金テーブルセクション

商品・サービスの料金を最大5つまで表示できるセクション。

8.フロントCTAセクション

問い合わせ情報を表記できるセクション。
電話番号と問い合わせボタンが設置可。

9.カテゴリーセクション

カテゴリー単位で投稿ページのタイトル・サブタイトル・説明文を表記可能。
1行3列か2行3列のレイアウト。（スマホではスライダーでの表示も可）

10.記事セクション

ブログの新着記事を表示するセクション。
一覧表示可かタブ切り替えへの変更も可。

11.インフォメーションセクション

投稿ページのタイトルを一覧形式で表示するセクション。
特定のカテゴリーに絞り込んだ表示も可。

12.FAQセクション

よくある質問と回答（FAQ）を表示できるセクション。

13.コンタクトフォームセクション

ページ最下部にお問い合わせボタンを設置できるセクション。
（Contact Form7にも対応）

Pro/Businessには2種類のランディングページ（LP）作成機能があります。
いずれも専用ページでの設定。

LP（リード）

LP（リード）は外部メール配信システムと連動可能なので、資料請求やメールアドレスの登録などに利用可能。
メール配信システムのタグを設定欄に入力するだけの簡単設定。
（Contact Form 7にも対応）

LP（セールス）

商品やサービスの販売を目的とした専用ページがLP（セールス）。
コンバージョンアップのためのオリジナル設定項目がふんだんに用意。

全部の機能は紹介しきれないので一部をご紹介。

①共感セクション

利用者が抱えている悩みや問題点を表示することで解決したい欲求をいっそう明確にさせるセクション。
テキスト形式で最大5つまで悩みや課題を設定可。

②利点・強みセクション

商品やサービスを購入・利用することで悩みや問題がなぜ解決するのか、他商品との違いやメリットは何なのかを伝えるセクション。

③商品特長セクション

商品の機能やセールスポイントを画像付きで表示可能なセクション。
最大６項目まで設置可。

④比較表セクション

他社の商品やサービスと比較することで自社商品をアピール可能なセクション。

⑤お客様の声セクション

商品やサービスを購入しているお客さんの顔画像や推薦文を設定できるセクション。
『お客様の声』はスライド形式での表示。

⑥オファーセクション

利用者に商品やサービスのポイントなどを提示（オファー）することで購入を促すセクション。
オファーは3つまで配置可。

⑦ベネフィット・特典セクション

商品やサービスを購入することで得られる特典（メリット）を表記するセクション。

⑧クロージングセクション

お客様に商品購入やサービス申し込み、資料請求などのアクションを取らせる”最後の一押し”を伝えるセクション。
たとえば期限（特典はxx日まで）や数量（先着100名様まで）などの表記。
背景画像を設置した場合はフィルターやパララックス効果の演出も可。

⑨CTAセクション

CTAを設置できます。

Contact Form 7にも対応してるので、例えば「無料冊子プレゼント」というクロージングの場合は氏名とメールアドレスの記入だけで済むようなCTAも作成可。

⑩FAQセクション

FAQ（よくある質問と回答）設置セクション。

⑪追伸セクション

ランディングページを飛ばし読みした見込み客向けに、ページの要約文（一番伝えたい要素）を表記できるセクション。
テキストなり画像なり、お好きなように。

Premiumには商品販売用のランディングページ作成機能・カスタム投稿「セールス」が用意されてます。
Pro/Businessのように固定デザインではなく、Premium専用のオリジナルブロックと組み合わせて使用。
柔軟にレイアウト可能なのが特長。

たとえば先のPro/Buisinessの『7.料金テーブルセクション』をPremiumで作成する場合、下のサンプルだと「カラムブロック」「マイクロコピーブロック」「料金パネルブロック」の組み合わせで実現できます。

さらに用意されてるカスタマイズ項目をいじっていくと下のようにデザインを変更できます。

そして『価格・料金ブロック』で作成した数値を組み込んでみると最終的には下のように美しいレイアウトへ”アップグレード”します。

こういった感じでPro/Businessと比較するとレイアウトの自由度が格段に高いのがPremiumの大きな特長です。

Premiumには先にご紹介したランディングページを作成するのに適したカスタム投稿『セールス』が用意されてますが、そのほかにも特定のページの作成に特化したページ作成機能が用意されてます。

カスタム投稿［商品紹介］

商品やサービスの紹介、導入事例の紹介などを目的としたページ作成機能。

カスタム投稿［ニュース］

休業期間の案内や営業時間の変更などお知らせを目的としたページ作成機能。

カスタム投稿［求人情報］

構造化データに対応した求人募集を目的としたページ作成機能。
仕事の内容や給与、福利厚生、企業名や代表者などの情報項目を入力するとテーブル（表）で表示します。

カスタム投稿［資料請求］

メルマガ登録やPDFのダウンロードなどで使用する資料請求用ページ作成機能。

カスタム投稿［セミナー］

セミナーやイベントなどの告知用ページ作成機能。

グローバルナビゲーションのすぐ下にお知らせを表示する機能。
タイトルとURL（サイト内ページ）を入力するだけのシンプルなお知らせ機能。

投稿記事のタイトルを1件づつファーストビューの下部に表示できます。
新着記事/おすすめ記事/カテゴリー記事から選択可。

ファーストビュー直下に最大5件までお知らせを表示する機能。

一度に複数件の表示も可。任意の投稿ページや固定ページを指定可。
タイトルの前にアイコンの挿入も可。

ページ内に設置した見出しブロックh2からh4を目次表示する機能。
デザインや見出しレベルの調整も可。
ページ単位で目次の表示/非表示機能も。

Googleアドセンス対応の広告設定が数多く搭載。
アフィリエイト広告対応の設定ももちろんあり。

• インフィード広告設定
• 「スポンサーリンク」自動表記
• 404エラーページでは広告は非表示
• ページごとの広告の表示・非表示など

スマホ画面最下段にシェアボタンや電話・検索などのアイコンを表示可。
画面スクロールでフェードイン表示。

ページの末尾に「この記事を書いた人」を表示できる機能。
プロフィールの内容はWordPress管理画面→『ユーザー』から設定。

インナーブロックが無限ループするブロック。
ループの方向や1周する時間などカスタマイズ項目も用意されてます。

商品やサービスを料金と画像や説明文で紹介するブロック。
ブロックの幅や余白や色の変更、フォントサイズの調整やラベルの表示/非表示も。

プリセットスタイルも用意されてます。

価格や料金の表示に特化した専用ブロック。『料金パネル』ブロックと組み合わせると表現豊かなレイアウトが可能。

フォントサイズや色や余白調整なども調整可。プリセットスタイルも用意。

さらに価格・料金の上下左右にもテキスト入力が可。

商品やサービスの料金表示に適したブロック。
点線や下線の指定、税区分の表示/非表示などの調整が可。
（『価格・料金』ブロックとはまたちょっと違ったレイアウト）

人物などが喋っているかのような表現ができるブロック。
吹き出しのデザインや人物名、方向などももちろん細かく設定可。

Emanon Blocksのブロックパターンに設定済みのデザインを登録しておけば次からはパターン画面から1発で呼び出すことが可能。あとはテキストを挿入するだけ。

お知らせ形式で投稿一覧を表示するブロック。
表示する記事をカテゴリーやタグで絞り込むことも可。

円グラフが簡単に作成できるブロック。

棒グラフが簡単に作成できるブロック。
縦の棒グラフはスマホの画面では横グラフに自動で切り替わります。

タブ分けによるブロックの表示/非表示切り替えができるブロック。
情報を分類ごとに表示するのに便利な機能。
タブの配置方向やタブのデザインなども調整可。

フォームやリンクや画像などにちょっとしたアクセントになるテキストを配置できるブロック。

実績や受賞歴などを示す月桂冠を表示できるブロック。
金・銀・銅の３色が用意。アワードの下にリボンも表示可。

バナー風画像が簡単に作成可能。
画像上にはテキスト配置もOK。
画像全体にリンク設定や細かいテキスト設定、マウスオーバー時のアニメーションなども完備。

コンテンツ部分を（アコーディオンのように）開閉することで表示/非表示を設定できるブロック。
開閉スタイルやアイコン、色など細かく調整可。

よくある質問（FAQ）用のブロック。
プリセットスタイルが用意されており”開閉する/しない”などの細かい設定も可。

画像・テキスト・ボタンなどのコンテンツを不規則な配置に指定できるブロック。
背景画像を見せたいのでテキストを画像の邪魔にならないよう表示させたいといった複雑なレイアウトも簡単に表現可能。

商品やサービス、作業手順などを時系列で表示できるブロック。
デザインや線種、色なども調整可。

表作成用ブロック。
標準レイアウトに加えてEmanonオリジナルのテーブルスタイルが数種類追加。

テーブルアイコン

ブロック内のテキスト背景に1クリックでアイコンを追加できます。

ブラウザの任意のエリアに背景画像を配置したい時に使うブロック。
背景［セクション］上にはインナーブロック（テキスト）なども表示可。
表示幅も全幅（ブラウザ幅いっぱい）or 幅指定が可能。

見出しカラムとコンテンツカラムが一体化した2カラムで構成されたブロック。
ボーダー・カラム幅比率・色・テキスト装飾なども細かく調整可。

画像装飾用のオリジナルスタイルが数種類追加。

リスト形式にも数種類のオリジナルスタイルが用意。

商品やサービスを利用したお客のコメントを紹介するのに適したブロック。
画像や見出しのほか、『スターレーティングブロック』と併用すればカスタマーレビューも簡単に作成可。
（画像位置・アイコンの選択などカスタマイズも可）

レビュー評価などを星の数で表示させたい時に使えるブロック。
10段階まで調整可。

人物の顔や紹介文やSNSアカウントなどプロフィール欄を表示するのに適したブロック。

正三角形または二等辺三角形を上下左右斜めの角度で配置できるブロック。
商品の利用方法やサービスの手順などを示すときの矢印代わりなどに使えます。

注意・警告・メモなどの見出しがついたボックス形式のブロック。
見出しにアイコンを付けたり配置等のカスタマイズも可。

関連するブロック同士を一つにまとめたい時に使える機能がワードプレス標準機能のグループブロック。
Emanonではグループブロックに（枠線や影や見出しなどの装飾がついた）16種類のオリジナルスタイルを用意。

いくつかの装飾はツールバーから直接操作可能。

ブロックにオリジナルのスタイルを反映させる機能。

「フロント」は適用したいブロックのみに反映。
「編集画面」はそのページ内に同一のクラス名をもつブロック全体に反映されます。

よく使うブロックデザインを毎回同じ設定にし直すのは効率が悪いです。
こういった場合は事前にカスタマイズ済みのブロックを作成しておき『ブロックパターン』に登録しておくと、次からは”パターン”から1クリックで（カスタマイズ済みの）ブロックを設置できます。

サイト作成の工数が減って作業効率が上がるのでとても便利。