UTOPIAブロック一覧

固定ページ・投稿ページで仕様できるブロックデザインを一覧で確認できます。サイトの雰囲気に合わせて、お好みのデザインを選択してください。

使用できるUTOPIAブロック一覧

UTOPIAブロック表示例

各ブロックのデザインと表示イメージを確認できます。

注意

注意タイトル

注意事項を入力します。

ボックス

ボックスタイトル

説明文を入力します。

ボックスタイトル

説明文を入力します。

ボックスタイトル

説明文を入力します。

ボックスタイトル

説明文を入力します。

回り込み画像

回り込み画像の横に表示するテキストを入力します。

画像の配置は右と左から選ぶことができます。
画像サイズも設定できます。

タブ

タブボックスの内容を表示します。

タブボックスの内容を表示します。

タブボックスの内容を表示します。

CTAボタン(アクションボタン)

タイトルを入力

説明文を入力します。

ボタンテキスト

アコーディオン

タイトルを入力

内容を入力します。
最初から開いた状態にするか設定できます。

タイトルを入力

内容を入力します。
最初から開いた状態にするか設定できます。

吹き出し

上記に画像挿入

コメントを入力します。
画像の配置は左右から選択できます。画像の形は丸と四角から選べます。

FAQ項目

Q質問を入力
A

回答を入力

Q質問を入力
A

回答を入力

ステップ(時間軸)

STEP 01

ステップタイトル

説明文を入力します。画像も追加できます。

STEP 02

ステップタイトル

説明文を入力します。画像も追加できます。

STEP 03

ステップタイトル

説明文を入力します。画像も追加できます。

ステップ(番号)

01

ステップタイトル

説明文を入力します。画像も追加できます。

02

ステップタイトル

説明文を入力します。画像も追加できます。

03

ステップタイトル

説明文を入力します。画像も追加できます。

評価スター

4.5(120件)

星の色は変更できます。

投稿リスト

好きなカテゴリーの投稿リストを呼び出すことができます。

フルワイド

フルワイド(全幅)で表示させたいときに使えます。

フルワイドブロック内に、他のブロックを表示させることもできます。

リスト

リストのデザインは・(黒丸)、番号、チェックマーク、非表示から選べます。

  • テキストを入力
  • テキストを入力
  1. テキストを入力
  2. テキストを入力
  • テキストを入力
  • テキストを入力
  • テキストを入力
  • テキストを入力

リッチカラム

自由にカラム数を設定でき、PC・タブレット・スマホごとの表示数やカラム間隔も調整できます。

丸番号リスト

  1. タイトルを入力

    説明文を入力(空欄なら表示しません)

  2. タイトルを入力

    説明文を入力(空欄なら表示しません)

  3. タイトルを入力

    説明文を入力(空欄なら表示しません)

お問い合わせフォーム

ブログパーツ

好きなブログパーツを呼び出すことができます。

トップページタイトル

トップページの各セクションを同じデザインでタイトルを表示できます。

タイトルを入力します。

デモ表示中:ストア デモを終了