Emanon Blocksは、装飾用のオリジナルブロック(吹き出しや料金テーブルなど)が追加できるWordPressブロックエディタの拡張プラグインです。文字装飾ボタンで文字サイズの指定やアンダーラインなど装飾が可能です。また、WordPress本体のブロックにオリジナルスタイルも追加しています。

Emanon Blocks 商品内容

商品名Emanon Blocks
販売価格(税込)3,680円
開発・販売元・著作権株式会社イノ・コード
登録商標Emanon 登録6031174
納品物・WordPressプラグイン Emanon Blocks zipファイル
動作環境WordPress ver 6.0以上
PHP ver 7.4以上
対象テーマ・WordPressテーマ Emanon Free
・WordPressテーマ Emanon Pro
・WordPressテーマ Emanon Business
対応ブラウザChrome / Firefox / Safari / Edge
決済方法クレジットカード / PayPal / 銀行振込
納品方法ダウンロードURL付き納品メールを送付・ダウンロードは1回のみ
ライセンス100%GPL
利用規約https://wp-emanon.jp/terms/
商用利用規約https://wp-emanon.jp/license/
注意事項・利用規約/商用利用規約をご確認ください。
・本商品はご自身で設定するWordPressプラグインです。
・販売価格にはサポート代金・WordPress保守サービス代金は含まれません。
・購入者は、利用規約に記載がある設定サポートを利用できます。
・Webサイトの受託制作で本商品を利用する場合、商用利用規約が適用されます
・動作環境を満たしていない場合、本商品が正常に動作しない可能性がございます。
・WordPressのバグやテーマ、プラグインの組み合わせによる不具合が生じないことを一切の保証しません。
・デジタルデータという商品の性質上、商品送付後のキャンセル・返品、及び返金はできません。

購入方法

  • カード決済:決済完了後、商品ダウンロードURLをメールで自動送付
  • 銀行決済:ご入金確認後、商品ダウンロードURLをメールで手動送付

Emanon Blocksの機能

Emanon Blocksをインストール・有効化すると投稿や固定ページでオリジナルブロック文字装飾機能を利用できます。

  1. アフィリエイトボタン:テキスト素材のアフィエリエイトをボタン化
  2. ボックス:見出し(アイコン付き)がある囲み枠
  3. ボタン:リンク付きボタン
  4. CTAボックス:アクション(問い合わせなど)を誘導するブロック
  5. ダウンロード:ファイルをダウンロードできるボタン
  6. FAQ:よくある質問と回答を表示するブロック
  7. フレーム:ブロック専用の囲み枠
  8. アイコンリスト:アイコン付きのリスト
  9. リンクカード:カード形式のリンク
  10. メンバー:メンバーのプロフィールを紹介するブロック
  11. メニューリスト:商品と料金のみを表示するリスト
  12. 通知ボックス:お知らせや注意喚起用の囲み枠
  13. PR BOX:商品やサービス・特長などのPR用ブロック
  14. 料金テーブル:商品やサービスの料金・特長を記載
  15. ショーケース:画像と文章で商品やサービスを紹介できるブロック
  16. 吹き出し:顔写真付きの会話吹き出しブロック
  17. ステップ:サービスフローなどの手順を紹介するブロック
  18. お客様の声:顔写真付きのコメントを紹介するブロック

プラグインEmanon Blocksのインストール・有効化が終わると、投稿や固定ページの編集画面でオリジナルブロックが利用できます。

ページ編集画面
Emanon Blocksの文字装飾

文字装飾は、Eのボタンをクリックして使用します。ブロックを配置した後に、装飾を追加したい文字を指定してください。マーカー下線などの装飾や指定した文字サイズを変更ができます。

Emanon Blocksの追加装飾

WordPress本体のブロックにオリジナルスタイルが追加されます。対応ブロックは次の通りです。

  • 引用ブロック
  • プルオートブロック
  • リストブロック
  • 画像ブロック
  • テーブルブロック
  • スペーサーブロック
  • 区切りブロック
  • カラムブロック
  • グループブロック

下記はリストブロックのスタイルパターンです。

  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  1. リスト
  2. リスト
  3. リスト

ブロックをグループ化すると下記のスタイルが使用できるようになります。

グループブロック表示サンプル

グループブロック表示サンプル

グループブロック表示サンプル

グループブロック表示サンプル

グループブロック表示サンプル

グループブロック表示サンプル

グループブロック表示サンプル

ブロックをグループ化する手順

  1. グループ化したいブロックを選択します。
  2. 下記の図にあるようにメニューからグループ化を選択してください。
  1. 最後にグループのスタイルを選択します。

Emanon Blocksのブロック

プラグイン Emanon Blocksを有効すると利用できるオリジナルブロックをご紹介します。

アフィリエイトボタン

素材タイプのアフィリエイト広告をボタンに変換できるブロックです。ボタンサイズや配色、マウスオーバー時のアニメーション指定が可能です。

設定画面

マウスオーバー時のアニメーションは、「角丸・透過・シャドウ・フローティング・フォールダウン・光沢・アニメーションなし」から指定できます。下記のボタンは、光沢の表示例です。

表示例 アニメーション:光沢

ボックス

アイコン付きの見出しがある囲み枠を設置できます。アイコンの表示、非表示も可能です。アイコンは17種類。見出しの幅は2種類です。

おすすめ商品

ビジネス用ブログならEmanon Proがおすすめです。

表示例 見出し幅広 配色変更

ボタン

ボタンを3つまで表示できるブロックです。配色の変更やボタンサイズの変更、リンク先の表示(現在のウィンドウ・新規ウィンドウ)の切り替えが可能です。

表示例 ボタン3つ(カラム数3)

CATボックス

CTAを設置できるブロックです。枠線の太さやボタン配色の変更、マイクロコピーの配置も可能です。

CTAボックス

CTAとは、Call To Action(コール トゥ アクション)の略語です。 Webサイトの訪問者に資料請求や問い合わせなどの具体的な行動に誘導する仕組みを意味します。

Click

マイクロコピー

ダウンロード

PDFなどのファイルをダウンロードできるボタンです。アップロードボタンをクリックし、ファイルを指定します。

FAQ

よくある質問を設置できます。開閉の有無も設定できるFAQブロックです。配色も変更可能です。

Q
よくある質問

フレーム

各種ブロックに囲み枠を設置できます。囲み枠は実線・破線・二重線・上下線・左線から選べます。配色も変更可能です。囲みたいブロックをあらかじめ作成し、フレームブロックにドラッグ&ドロップします。もしくは、囲みたいブロックをコピーしてフレームブロック内に配置してください。

フレーム表示例

フレーム内のブロックを中央配置にしたい場合、右側のメニュー「高度な設定」の追加CSSクラスにtext-centerと入力してください。

アイコンリスト

アイコン付きのリストです。枠線のサイズや配色の変更も可能です。

アイコンリスト

リンクカード

ボックス形式のリンクを配置できるブロックです。ラベルの文言設定や配色の設定のが可能です。

表示例 ラベル付き
表示例 ラベルなし

メンバー

スタッフを紹介するブロックです。最大4カラム(4人)まで表示できます。顔写真にリンクURLを設定することも可能です。画像のスタイルは円形に変更できます。SP[スクロール]を有効にすると、スマホ閲覧時に横スクロールの表示になります。

縦と横が同じサイズの画像を使用してください。

名前

営業担当

紹介文を記載できます。

名前

デザイナー

紹介文を記載できます。

名前

エンジニア

紹介文を記載できます。

表示例 画像スタイルを円形・スマホ表示でスクロールの指定

名前

営業担当

紹介文を記載できます。

名前

デザイナー

紹介文を記載できます。

名前

エンジニア

紹介文を記載できます。

メニューリスト

メニュー名と料金のみを表示するリストです。税区分の切り替えも可能です。

Emanon Pro

9,800円

通知ボックス

通知ボックスは、お知らせや注意喚起用の囲み枠を表示するブロックです。配色設定によりお好みの色に変更できます。アイコンの表示・非表示や、アイコンの指定が可能です。

お知らせ

通知ボックスは、囲み枠内にアイコン付きの見出しが入ります。選べるアイコンは17種類あります。

表示例 注意スタイル
注意

通知ボックスのスタイルは、お知らせと注意の2つです。枠線の太さや配色を変更することも可能です。

PR BOX

最大4カラムまで表記できるPR用のブロックです。商品やサービスなどの特長を訴求し、詳細ページへと誘導できます。SP[スクロール]を有効にすると、スマホ閲覧時に横スクロールの表示になります。

縦と横が同じサイズの画像を使用してください

タイトル

文章やボタンを設置できます。

タイトル

文章やボタンを設置できます。

タイトル

各要素の配色も変更できます。

料金テーブル

最大4カラムまで表記できる料金表示用のブロックです。商品の説明や特長を記載できます。画像の表示も可能です。SP[スクロール]を有効にすると、スマホ閲覧時に横スクロールの表示になります。

商品A

4,500円(税別)

商品説明や特長を表記できます。

  • 最大4カラムまで表記

商品B

6,000円(税別)

商品の画像を記載することも可能です。

  • リンク付きボタン

商品C

9,000円(税別)

ヘッダーやボタンの配色も変更できます。

  • 配色変更

ショーケース

画像の表示・非表示の切り替えや配置位置(左右)の指定、リンクボタンの表示・非表示の切り替えやボタンサイズの変更、枠線の太さや配色の変更、その他、見出しや文章、背景の配色変更ができます。

Emanon Pro

販売価格 9,800円(税込み)

コンテンツマーケティングによりWeb集客ができるビジネスブログ用のWordPress有料テーマです。

表示例 画像を左に配置・枠なし

Emanon Business

販売価格 12,800円(税込み)

ビジネスサイトに適したデザインと機能を追加した個人事業主や中小企業向けのWordPress有料テーマです。

吹き出し

会話ブロックです。顔写真の位置を左右いずれかに指定できます。顔写真の縁(ボーダー)のみ配色の変更が可能です。

顔写真は、縦と横を同じサイズにしてください。
avatar
名前
吹き出しブロック 顔写真 左配置
avatar
名前
吹き出しブロック 顔写真 右配置

ステップ

サービスフローや商品購入の手順などを示すブロックです。最大10ステップまで表示することができます。矢印は下向きか右向きの2種類から選べます。配色の変更も可能です。ステップを示す数字は自動採番(編集不可)です。

1
Emanon Blocksの購入

Emanon Blocksは有料プラグインです。3,680円(税込)で購入できます。

2
Emanon Blocksのインストール

WordPressの管理画面から外観>プラグインへ進み、新規追加をします。

3
ブロックエディターを使う

WordPress本体のVerが 5.0以降であることを確認してください。

お客様の声

お客様のコメントを紹介する際に使用するブロックです。見出しにはアイコンを表示することができます。枠線のサイズや配色の変更も可能です。

お客様の声
Emanon Blocksは、Emanon Free・Emanon Pro・Emanon Businessで使えるブロックエディター拡張用の有料プラグインです。装飾の幅が広がるのでページ作成がはかどります。
avatar
お名前会社員 25才 男性