【サンプル】ブロックパターン

プラグインEmanon Premium Blocksを有効化することで、オリジナルブロックの組み合わせによるデザインができるようになります。このページでは、コピーで使用できるデザインサンプルをご紹介します。

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

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

マイクロコピーブロックとボタン［Emanon］を組み合わせたデザインです。

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

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

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

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

お客様の声を想定したデザインです。カラム［Emanon］に画像ブロックと段落ブロック、スターレーティングを配置したデザインです。

お客様の悩みを想定したデザインです。カラム［Emanon］にパネルとアイコンリンク、段落ブロック、見出し［Emanon］を配置したデザインです。

カラム［Emanon］ブロックにボックスブロックを配置したデザインです。

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

アコーディオンブロックとテーブルブロックの組み合わせです。

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

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

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

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

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

見出し［Emanon］ブロックと投稿一覧［Info］ブロックを配置したデザインです。

ボックスブロック内に投稿一覧［Info］ブロックを配置したデザインです。

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

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

セクションブロックにカラム［Emanon］ブロックを配置したデザインです。

セクションブロックにカラム［Emanon］ブロックを配置したデザインです。

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

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

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

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

カラム［Emanon］にボックスブロックと画像ブロック・スペーサー［Emanon］・ボタンブ［Emanon］を配置したデザインです。

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