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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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