ドラッグアンドドロップ ホームページ作成 WordPress で実現するネイティブビルダー
Pattern Forge が Gutenberg ブロックを生成します。Site Editor 内でドラッグ、リサイズ、並び替えるだけ。専用ページビルダープラグインは必要ありません。
ネイティブなブロックビルダーが正しく実装する 6 つのポイント
プロプライエタリなウィジェットツリーはありません。ドラッグしたすべてのブロックは、あなたが読み取って保持できる HTML マークアップです。
ドラッグ、リサイズ、並び替え
Site Editor キャンバス内で Group や Cover、Query Loop ブロックを選択して移動。WordPress の上に被せた別のビルダープラグインではなく、コアの機能です。
Pattern Forge がスタートを生成
ヒーローセクションやプライシング領域を日本語で説明すると、Pattern Forge がネイティブな Gutenberg ブロックを キャンバスに配置。あとは並び替えるだけです。
Palette Librarian でブランド統一
ブランドガイドラインに合わせた OKLCH カラーパレットが theme.json に記録されます。ドラッグしたすべてのブロックが自動的に正しい色を拾います。
Type Rubric のフォントスケール
可変フォントのスケールを theme.json に一度設定。見出しブロックをどこにドラッグしても、タイポグラフィの一貫性が保たれます。
RTL Concordance で双方向対応
アラビア語やヘブライ語のレイアウトはデフォルトで正しくミラーリング。手動の left/right オーバーライドは後付けではなく、設計段階から組み込まれます。
あとから解きほぐす実行時はなし
出力は標準的なブロック HTML で、あなたが管理するテーマファイルに保存されます。ページビルダーサブスクリプション に紐付いたウィジェットツリーではありません。
WordPress 制作者が複数サイトを効率的に管理するために
個人制作者がすべてのクライアント向けに手書きのヒーローセクションを用意することはできません。ドラッグアンドドロップは Site Editor キャンバス内で発生します。Pattern Forge が最初のブロックを生成し、あなたがブリーフに合わせてそれを並び替え、リサイズ、スタイル編集してから、パターンをテーマに保存します。次のクライアントサイトは白紙からではなく、ライブラリから始まります。
- 十数個の小予算クライアントサイト全体で再利用可能なパターンライブラリ
- ページビルダーのサブスクリプション更新なしでクライアントにハンドオフ
- WordPress コアの内側に留まるドラッグアンドドロップ（プラグインランタイムではなく）
- 最初のいくつかのパターンが揃えば、その後の制作はぐっと加速
アラビア語・ヘブライ語のサイトでも正しくミラーリングするドラッグアンドドロップ
ほとんどのページビルダーは RTL（右から左へ）を後付けの対応にしてしまいます。手動の CSS オーバーライド、立ち上げ後に追加されたプラグイン、プレースホルダーテキストを本物のアラビア語に置き換えた途端に崩れるスペーシング。RTL Concordance は論理的な CSS プロパティをすべてのパターンにデフォルトで書き込むので、ブロックを 2 言語の EN/AR レイアウトにドラッグしたとき、ダミーテキストではなく実際のアラビア語・ヘブライ語コンテンツに対して検証済みの状態で、初回からミラーリング が機能します。
- 実際のアラビア語・ヘブライ語テキストに対して検証済みのレイアウトミラーリング
- 手動の left/right ではなく論理的な CSS プロパティ
- 1 つの theme.json、2 つの読み方向
noonwp vs. Elementor vs. Divi：あとで気になる条件での比較
クライアントがホストを移すとき、実際に気付く基準で測定。
| 条件 | noonwp | Elementor | Divi |
|---|---|---|---|
| ブロックの置き場所 | ネイティブ Gutenberg、WordPress コア | Elementor 独自のウィジェットツリー | Divi Builder 独自のモジュールツリー |
| Full Site Editing への対応 | ブロックテーマ向けに設計 | 追加機能（FSE ネイティブではない） | 追加機能（FSE ネイティブではない） |
| RTL レイアウト処理 | RTL Concordance、デフォルトで論理的 CSS | 手動の CSS オーバーライド一般的 | 手動の CSS オーバーライド一般的 |
| ビルダー切り替え時のコード | 保持可能な標準 theme.json パターン | Elementor ランタイムに拘束 | Divi ランタイムに拘束 |
| 初期費用 | Monk プラン $0 | Elementor Pro への有料アドオン | Divi に含まれる（約 $89/年） |
ドラッグアンドドロップするサイト数に応じた価格設定
Monk で実際のクライアントサイトから始めましょう。サンドボックスからではなく。Pattern Forge の生成数が足りなくなったら、アップグレードします。
Monk
1 つのサイト、ワークフロー検証用
- Pattern Forge、月間生成回数に制限あり
- 標準的な Gutenberg ブロック出力
- コミュニティサポート
Scribe
クライアントサイトを運営するフリーランス向け
- Pattern Forge、生成数無制限
- Full Site Editing ページ用の Page Scribe
- ブランド統一のための Palette Librarian（OKLCH カラーパレット）
- Type Rubric のフォントスケール
- メールサポート
Abbey
複数サイトを管理するエージェンシー向け
- Scribe のすべての機能
- 多言語サイト向け RTL Concordance
- 複数サイト対応パターンライブラリ
- 優先サポート
最初のブロックをドラッグする前に
WordPress の Site Editor は実際にドラッグアンドドロップ ホームページ作成ツールなのですか？
Pattern Forge の横に Elementor や Divi をインストールする必要はありますか？
noonwp の支払いを止めたら、パターンはどうなりますか？
既存の WordPress サイト、あるいは新規インストール限定でドラッグアンドドロップできますか？
RTL Concordance は、ドラッグアンドドロップ時のアラビア語・ヘブライ語をどう処理しますか？
ワークフローを試すための無料プランはありますか？
これは Elementor AI や Divi AI と何が違いますか？
次のクライアントサイトのデザイン集を整える
Monk で無料に始めて、ドラッグされた Gutenberg パターンの姿を確認。プランへのコミットはそのあとで。