プラグインEmanon Premium Blocksを有効化することで、オリジナルブロックの組み合わせが可能になります。このページでは、デザインのサンプルをいくつかご紹介します。

パターンをコピーするボタンをクリックすると、ブロックのコードを貼り付け可能になります。デザインパターンを配置したいページの編集画面にてペーストしください。ペーストが完了したら、ダミー画像と文章を差し替えてご利用ください。

ペーストのショートカットキー
  • mac:command + V
  • Windows:Ctrl+V キー
最新verのEmanon Premium Blocksを使用

パターンをコピーする前にWordPress管理画面のダッシュボードにて、プラグインEmanon Premium Blocksの更新通知がないかご確認ください。更新通知がある場合、速やかにプラグインEmanon Premium Blocksをアップデートしてから、パターンをコピーしてください。

全幅

全幅表示を採用したい場合、Emanon設定>レイアウトで事前にサイドバーなしのレイアウトを指定してください。

デザインパターンのサンプル

サブテキスト

Feature Section A

カラム[Emanon]にNo.パネルブロックを配置したデザインです。No.パネル内は、見出し[Emanon]ブロックとスペーサー[Emanon]ブロック、段落ブロックを配置しています。

01

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

02

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

02

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

サブテキスト

Feature Section B

カラム[Emanon]ブロックにパネルブロックを配置したデザインです。パネル内は、アイコンブロック、見出し[Emanon]ブロックとスペーサー[Emanon]ブロック、段落ブロックを配置しています。

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

サブテキスト

Feature Section C

カラム[Emanon]ブロックにパネルブロックを配置したデザインです。パネル内は、見出し[Emanon]ブロックとスペーサー[Emanon]ブロック、段落ブロックを配置しています。

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

サブテキスト

Feature Section D

カラム[Emanon]ブロックにパネルブロックを配置したデザインです。パネル内は、画像(全幅配置)ブロック、見出し[Emanon]ブロックとスペーサー[Emanon]ブロック、段落ブロックを配置しています。

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

見出し

この文章は段落ブロックで作成したダミーです。文字の表示を確認するために配置しています。

サブテキスト

お客様の声

カラム[Emanon]ブロックに画像ブロックと段落ブロック、スターレーティングブロックを配置したデザインです。

氏名

この文章は段落ブロックで作成したダミーです。

満足度
4.5

氏名

この文章は段落ブロックで作成したダミーです。

満足度
4.8

氏名

この文章は段落ブロックで作成したダミーです。

満足度
4.2
サブテキスト

Solution Section A

カラム[Emanon]ブロックにアイコンテキストブロックを配置したデザインです。

サブテキスト

Solution Section B

カラム[Emanon]ブロックにアイコンブロックと段落ブロックを配置したデザインです。

サブテキスト

Price Section

カラム[Emanon]ブロックにマイクロコピーブロックとパネルブロックを配置したデザインです。パネル内は、画像(全幅配置)ブロック、見出し[Emanon]ブロックとスペーサー[Emanon]ブロック、段落ブロック、リストブロック、ボタン[Emanon]ブロックを配置しています。

初心者向け商品

見出し

9,999円[税込]


この文章は段落ブロックで作成したダミーです。

  • リストブロック
  • リストブロック
  • リストブロック
おすすめ商品

見出し

9,999円[税込]


この文章は段落ブロックで作成したダミーです。

  • リストブロック
  • リストブロック
  • リストブロック
上級者向け商品

見出し

9,999円[税込]


この文章は段落ブロックで作成したダミーです。

  • リストブロック
  • リストブロック
  • リストブロック

Broken Grid A

ブロークングリッドブロックを配置したデザインです。画像を左配置にしています。

見出し

この文章は段落ブロックで作成したダミーです。文字を確認するために配置しています。

Broken Grid B

ブロークングリッドブロックを配置したデザインです。画像を右配置にしています。

見出し

この文章は段落ブロックで作成したダミーです。文字を確認するために配置しています。

Broken Grid C

ブロークングリッドブロックを配置したデザインです。画像を右配置にし、画像とコンテンツの位置を上下にずらしたデザインです。

見出し

この文章は段落ブロックで作成したダミーです。文字を確認するために配置しています。

Broken Grid D

ブロークングリッドブロックを配置したデザインです。画像を左配置にし、画像とコンテンツの位置を上下にずらしたデザインです。

見出し

この文章は段落ブロックで作成したダミーです。文字を確認するために配置しています。

News column

カラム[Emanon]ブロックに見出し[Emanon]ブロックと投稿一覧[Info]ブロックを配置したデザインです。

Blog Column

カラム[Emanon]ブロックに見出し[Emanon]ブロックと投稿一覧[Slider]ブロックを配置したデザインです。

Blog

ブログ

Blog Tab

タブブロックに投稿一覧[Emanon]ブロックを配置。投稿一覧[Emanon]の絞り込み設定でカテゴリーを指定し、タブブロックのタブ名をそれぞれカテゴリー名に変更するなどの設定を推奨します。

Cover Block

カバーブロックを固定背景で配置したデザインです。

タイトル

この文章は段落ブロックで作成したダミーです。
文字の表示を確認するために配置しています。

CTA Column A

背景[Section]ブロックにカラム[Emanon]ブロックを配置したデザインです。

電話で問い合わせ

電話受付時間:9:00〜18:00

メールで問い合わせ

メールで問い合わせ
2営業日以内に返信します

CTA Column B

カラム[Emanon]ブロック内にバナーブロックを配置したデザインです。

FAQs column

カラム[Emanon]ブロックに見出し[Emanon]ブロックとFAQブロックを配置したデザインです。

FAQs

よくある質問
Q
FAQブロック
Q
FAQブロック
Q
FAQブロック

Timeline Block

タイムラインブロックに見出しブロックを配置したSTEPを表現でしたデザインです。

  1. STEP 1

    タイムラインブロックと見出しブロックを組み合わせたデザインです。

  2. STEP 2

    この文章は段落ブロックで作成したダミーです。文字を確認するために配置しています。

  3. STEP 3
    • リストブロック
    • リストブロック
    • リストブロック
    • リストブロック
営業時間

Table Block

テーブルブロックのスケジュールスタイルを適用したデザインです。曜日ごとの営業時間を表現しています。

09:00 - 12:00-
14:00 - 18:30--
About Us

会社概要

テーブルブロックのボーダー[B]スタイルを適用したデザインです。

会社名ダミー株式会社
住所東京都港区
代表者名ダミー太郎
設立年月日20XX年1月1日
資本金800万円
事業内容ダミー文章です。文字の表示を確認するために配置しています。