駐車場はありますか？

はい、3台分ございます。

全72ブロックカタログ｜ NextCode CMS - NextCode CMS テストサイト

全72ブロックカタログ

1つずつ「名前・説明・実物」で掲載。これ全部、管理画面から同じように置けます。

デザインサンプルを見る

BASIC / 基本パーツ

1. 見出し

ページの骨格をつくるH1〜H6。装飾プリセット付き。

これは見出しブロックです

2. テキスト

段落・文章の基本。リンクや装飾も自在。

これはテキストブロックです。お店の想いやサービスの説明など、自由な文章をここに書けます。

3. 写真

画像を1枚配置。キャプション・リンク対応。

4. テキストと写真

文章と画像を左右に。紹介文の定番。

写真とテキストを横並びに

お店の紹介やサービスの説明に最適なレイアウトです。

5. ボタン

色・サイズ・リンク自在の行動ボタン。

お問い合わせはこちら

6. リスト

箇条書き・番号リストで要点整理。

ポイント1：わかりやすい
ポイント2：見やすい
ポイント3：伝わる

7. 表

行・列の表組み。料金や仕様比較に。

プラン	月額	容量
ライト	無料	1GB
プロ	¥1,980	50GB

8. カード

画像＋見出し＋説明の万能カード。

カード1 説明が入ります詳しく

カード2 説明が入ります詳しく

カード3 説明が入ります詳しく

9. ボックス

チェック・囲み枠で情報をまとめる。

ここがポイント

重要な情報を囲みで強調できます。
改行にも対応。

10. アイコン

アイコンで視認性アップ。

11. バッジ・ラベル

「NEW」「人気」等の小さなラベル。

NEW 人気限定

12. 注意・ポイント

情報/注意/ポイントを色付き囲みで。

[ポイント] ポイント

補足や注意事項を、目立つ囲みで伝えられます。

13. 引用

引用文をスタイリッシュに強調。

シンプルであることは、究極の洗練である。

レオナルド・ダ・ヴィンチ

14. コード

シンタックス付きコード表示。

function hello() { console.log('NextCode CMS'); }

15. 区切り線

セクションを区切る水平線。

16. スペース

余白を挿入して呼吸をつくる。　※高さ調整用の余白ブロック（見た目は余白のみ）

17. ライン

装飾ライン・下線アクセント。　※装飾用の細いライン

LAYOUT / レイアウト・ナビ

18. ヒーロー

動画・画像で第一印象を決める大見出し。

ヒーローブロック

ページ冒頭のインパクトを演出します。

詳しく見る

19. ヘッダー

ロゴ＋ナビの上部ヘッダー（4パターン）。

NextCode

ご相談

20. フッター

ロゴ・リンク・著作権の下部（3パターン）。

21. ナビゲーション

横並びのグローバルメニュー。

22. パンくずリスト

現在地を示す階層ナビ。

23. カラム（段組）

2〜4列の段組みレイアウト。

特長1

説明が入ります。

特長2

説明が入ります。

特長3

説明が入ります。

24. タブ

タブで情報を切り替え。

.bk-tab .bktab-barwrap{display:none !important;} .bk-tab .bktab-panel[hidden]{display:block !important;} .bk-tab .bktab-panel{margin-bottom:18px;} .bk-tab .bktab-ns-title{display:block !important;}

ランチ

11:00〜14:00 日替わりプレート

25. アコーディオン

開閉で省スペースに情報を収納。

長い情報をすっきり収納できます。

複数の項目を並べられます。

26. ステップ（手順）

番号バッジと接続線で流れを表示。

全3ステップ

お申し込み

フォームから送信。
ご連絡

担当者よりご返信。
開始

サービス開始。
完了！

27. ツリー図・組織図

階層構造・組織図をビジュアル化。

代表取締役
営業部
開発部
フロントチーム

28. ボックスメニュー

アイコン付きメニューをグリッドで。

29. 目次

記事の見出しから目次を自動生成。　※ページ内の見出しを自動収集（記事ページ向け）

30. フローティング目次

スクロール追従の目次。　※画面端に固定表示されるため本カタログではプレビュー省略

31. サイドメニュー

追従する縦型サイドメニュー。

メニュー

会社概要サービスお問い合わせ

MEDIA / メディア

32. スライダー

複数画像をスワイプ表示。

スライド1
スライド2
スライド3

33. フォトギャラリー

写真をグリッド＋拡大表示。

34. 動画

YouTube等をきれいに埋め込み。

▶ 再生

35. 動画ギャラリー

複数動画を一覧表示。

36. 無限マーキー

文字・ロゴを途切れず流す。

37. 画像ホットスポット

画像上に注釈ポイントを配置。

38. ビフォーアフター

スライドで前後を比較。

Before

After

スライダーを動かして比較

39. アバター / チーム

チームメンバーを一覧紹介。

田中代表
佐藤スタッフ
鈴木スタッフ

LEAD / 集客・フォーム

40. CTA（誘導ボックス）

ABテスト・計測つき行動喚起。

無料相談はこちら

お気軽にお問い合わせください。

相談する

41. 電話・LINEボタン

追従する電話/LINE即アクション。

03-1234-5678 LINE 予約

42. お問い合わせフォーム

問い合わせ受付フォーム。

お気軽にどうぞ

お問い合わせ。

ご質問・ご相談など、お気軽にお問い合わせください。
通常 1〜2営業日以内にご返信いたします。

1. 入力 2. 送信 3. 受付完了

お問い合わせ種別必須

お名前必須

電話番号任意

メールアドレス必須

自動返信メールをお送りします。受信できるアドレスをご入力ください。

お問い合わせ内容必須

できるだけ詳しくご記載いただくとスムーズです。

個人情報の取り扱いについて
ご入力いただいた個人情報はお問い合わせへの回答のみに使用し、第三者への提供は行いません。

✓ お問い合わせを受け付けました！
確認メールをお送りしましたので、ご確認ください。通常1〜2営業日以内にご返信いたします。

43. メールフォーム

項目自由な汎用フォーム。

44. 予約フォーム

日時指定の予約受付。

ご予約

ご希望の日時を選んで送信してください。確認のうえご連絡いたします。

45. 地図

Googleマップ埋め込み。

46. 店舗情報・地図

営業時間・住所をまとめて。

店舗情報

東京都渋谷区〇〇1-2-3

03-1234-5678

47. FAQ（アコーディオン）

よくある質問を開閉で解決。

: はい、3台分ございます。
: 予約優先制です。

COMMERCE / 販売・収益

48. 料金表

プラン比較の料金テーブル。

ライト

¥0 ／月

3ページ
基本機能

49. 商品カタログ

外部決済つき商品一覧。

50. Square決済ボタン

Squareでワンクリック決済。

オンライン講座

Squareで安全に決済できます。

¥3,000税込

購入する

51. アフィリエイト商品

おすすめ商品をカードで紹介。

PR

おすすめアイテム

★★★★★★★★★★ 4.5

レビュー付きで紹介できます。

¥2,980※価格は変動する場合があります

52. 広告タグ（AdSense）

広告枠を挿入して収益化。　※AdSense等の広告コードを貼って使用（コード未設定のため省略）

53. カウントダウン

締切・セールまでの残り時間。

キャンペーン終了まで

170日

00時間

05分

07秒

54. ランキング

人気・おすすめを順位で見せる。

PR 1位

1位商品A
★★★★★★★★★★4.9
一番人気
PR 2位

2位商品B
★★★★★★★★★★4.6
安定の実力
PR 3位

3位商品C
★★★★★★★★★★4.3
コスパ良し

55. レビューボックス

星評価・項目別バー・良い点/気になる点。

商品レビュー

★★★★★★★★★★ 4.7 / 5.0

メリット

使いやすい
コスパが良い

デメリット

人気で品薄

まとめ

総合的に満足度の高い一品です。

CONTENT / コンテンツ

56. ブログカード

URLを貼るだけリンクカード。

NextCode CMS コードを書かずにサイトが作れるCMS。 nextrevolution.xyz

57. 記事一覧

記事をリスト表示。　※ブログ一覧ページ専用（通常ページでは表示されません）

58. ブログ記事

最新記事の抜粋を自動表示。　※ブログ記事が登録されると自動表示（サンプル省略）

59. スタッフ紹介

顔写真＋プロフィール。

スタッフ紹介

山田太郎

店長

笑顔でお迎えします。

佐藤花子

スタッフ

ご来店をお待ちしています。

60. SNSリンク

各SNSへのリンク集。

61. ハッシュタグ

タグクラウド・タグ一覧。

#カフェ
#自家焙煎
#テイクアウト

62. 更新ログ / タイムライン

更新履歴を時系列で。

更新履歴

変更 v1.2 2026-05-10 最新

不具合修正

表示の問題を修正。
変更 v2.0 2026-07-01

リニューアル

サイトを刷新しました。

63. ターミナル風テキスト

コマンド風のタイプ演出。

nextcode — zsh

npx nextcode create my-site

72個のブロックを準備中

deploy done

AI & INTERACTIVE / 対話・AI

64. AI ✨

プロンプトで生成・コード編集。

AIブロック
プロンプトからHTML/CSS/JSを生成できます

65. AIに質問（ミニチャット）

来訪者向けの自動応答チャット。

なんでも聞いてください

こんにちは！ご質問をどうぞ。

66. ひとこと掲示板

匿名で書き込める掲示板。

ひとこと掲示板

お気軽にどうぞ。

管理人 2026-07-01 10:00

コメントお待ちしています！
ゲスト 2026-07-02 12:30

素敵なサイトですね。

67. リアクション

いいね・絵文字で反応を集める。

気に入ったら

68. ミニゲーム

おみくじ・ルーレット。

今日の運勢

69. イベントカレンダー

予定・営業日を月表示。

2026年7月

日

月

火

水

木

金

土

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

毎月10日イベント
毎月20日休業

70. カンバンボード

タスクをカンバンで見える化。

プロジェクト

ToDo 2

企画

デザイン

進行中 1

実装

完了 1

公開

71. 月の満ち欠け

今夜の月齢をリアルタイム表示。

今夜の月

2026年7月14日(火)

新月

29.4月齢 0% 照度

72. 吹き出し

会話形式で親しみやすく。

お客様

質問があります！

スタッフ

なんでもどうぞ！

これ全部、あなたのサイトに。

72種類のブロックを積むだけ。まずはサンプルからどうぞ。

デザインサンプルを見る

LP（紹介ページ）を見る

全72ブロック カタログ ｜ NextCode CMS

1. 見出し

これは見出しブロックです

2. テキスト

3. 写真

4. テキストと写真

写真とテキストを横並びに

5. ボタン

6. リスト

7. 表

8. カード

9. ボックス

10. アイコン

11. バッジ・ラベル

12. 注意・ポイント

13. 引用

14. コード

15. 区切り線

16. スペース

17. ライン

18. ヒーロー

19. ヘッダー

20. フッター

21. ナビゲーション

22. パンくずリスト

23. カラム（段組）

24. タブ

25. アコーディオン

26. ステップ（手順）

27. ツリー図・組織図

28. ボックスメニュー

29. 目次

30. フローティング目次

31. サイドメニュー

32. スライダー

33. フォトギャラリー

34. 動画

35. 動画ギャラリー

36. 無限マーキー

37. 画像ホットスポット

38. ビフォーアフター

39. アバター / チーム

40. CTA（誘導ボックス）

41. 電話・LINEボタン

42. お問い合わせフォーム

お問い合わせ。

43. メールフォーム

44. 予約フォーム

ご予約

45. 地図

46. 店舗情報・地図

店舗情報

47. FAQ（アコーディオン）

48. 料金表

49. 商品カタログ

50. Square決済ボタン

51. アフィリエイト商品

52. 広告タグ（AdSense）

53. カウントダウン

54. ランキング

55. レビューボックス

56. ブログカード

57. 記事一覧

58. ブログ記事

59. スタッフ紹介

スタッフ紹介

60. SNSリンク

61. ハッシュタグ

62. 更新ログ / タイムライン

更新履歴

63. ターミナル風テキスト

64. AI ✨

65. AIに質問（ミニチャット）

66. ひとこと掲示板

ひとこと掲示板

67. リアクション

68. ミニゲーム

今日の運勢

69. イベントカレンダー

70. カンバンボード

全72ブロックカタログ｜ NextCode CMS