# WordPress に組み込まれたドラッグアンドドロップ ホームページ作成

URL: https://noonwp.com/ja/lp/wordpress-drag-drop-website-builder-ja
Type: landing
Locale: ja
Published: 2026-09-02
Updated: 2026-09-03

---

> noonwp のドラッグアンドドロップ ホームページ作成で WordPress サイト構築を加速化。パターン自動生成とネイティブ RTL 対応。

*WordPress 制作者・エージェンシー向け*

## ドラッグアンドドロップ ホームページ作成 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 — $0

- Pattern Forge、月間生成回数に制限あり
- 標準的な Gutenberg ブロック出力
- コミュニティサポート

### Scribe — $12/月

- Pattern Forge、生成数無制限
- Full Site Editing ページ用の Page Scribe
- ブランド統一のための Palette Librarian（OKLCH カラーパレット）
- Type Rubric のフォントスケール
- メールサポート

### Abbey — $49/月

- Scribe のすべての機能
- 多言語サイト向け RTL Concordance
- 複数サイト対応パターンライブラリ
- 優先サポート

## 最初のブロックをドラッグする前に

### WordPress の Site Editor は実際にドラッグアンドドロップ ホームページ作成ツールなのですか？

はい、WordPress コア内です。Site Editor キャンバスでブロックを選択して移動、リサイズ、スタイル編集できます。別のページビルダープラグインをインストールする必要はありません。Pattern Forge は単に最初のブロックを生成するのを早くするだけです。

### Pattern Forge の横に Elementor や Divi をインストールする必要はありますか？

いいえ。Pattern Forge と Page Scribe は Site Editor に存在するネイティブな Gutenberg ブロックを出力します。ページビルダープラグインはその上にウィジェットツリーを追加します。これが、このセットアップが避ける構成です。

### noonwp の支払いを止めたら、パターンはどうなりますか？

コードはあなたのもの。出力は標準的な Gutenberg ブロック HTML で、テーマファイルに保存されます。プラグインサブスクリプションから借りた実行時ではありません。

### 既存の WordPress サイト、あるいは新規インストール限定でドラッグアンドドロップできますか？

Full Site Editing 対応のブロックテーマが最適です。クラシックテーマでも Pattern Forge がコンテンツ領域用のブロックを生成できますが、フルキャンバスドラッグには FSE 対応が必要です。

### RTL Concordance は、ドラッグアンドドロップ時のアラビア語・ヘブライ語をどう処理しますか？

デフォルトで論理的な CSS プロパティをパターンに書き込みます。ブロックを 2 言語レイアウトにドラッグしたとき、手動の left/right オーバーライドが必要なくて、正しくミラーリングされます。

### ワークフローを試すための無料プランはありますか？

Monk は $0 で、1 つのサイト、月間生成回数の制限付き。Scribe や Abbey にコミットする前に、本物の Gutenberg パターンの姿を確認するのに十分です。

### これは Elementor AI や Divi AI と何が違いますか？

Elementor AI と Divi AI は各社の独自ビルダーランタイム用にコンテンツを生成します。Pattern Forge はネイティブな Gutenberg ブロックを生成し、クライアントが後でホストやテーマを切り替えても、ポータビリティを失いません。

## 次のクライアントサイトのデザイン集を整える

Monk で無料に始めて、ドラッグされた Gutenberg パターンの姿を確認。プランへのコミットはそのあとで。

*Call to action: デザイン集を準備*


## FAQ

### WordPress の Site Editor は実際にドラッグアンドドロップ ホームページ作成ツールなのですか？

はい、WordPress コア内です。Site Editor キャンバスでブロックを選択して移動、リサイズ、スタイル編集できます。別のページビルダープラグインをインストールする必要はありません。Pattern Forge は単に最初のブロックを生成するのを早くするだけです。

### Pattern Forge の横に Elementor や Divi をインストールする必要はありますか？

いいえ。Pattern Forge と Page Scribe は Site Editor に存在するネイティブな Gutenberg ブロックを出力します。ページビルダープラグインはその上にウィジェットツリーを追加します。これが、このセットアップが避ける構成です。

### noonwp の支払いを止めたら、パターンはどうなりますか？

コードはあなたのもの。出力は標準的な Gutenberg ブロック HTML で、テーマファイルに保存されます。プラグインサブスクリプションから借りた実行時ではありません。

### 既存の WordPress サイト、あるいは新規インストール限定でドラッグアンドドロップできますか？

Full Site Editing 対応のブロックテーマが最適です。クラシックテーマでも Pattern Forge がコンテンツ領域用のブロックを生成できますが、フルキャンバスドラッグには FSE 対応が必要です。

### RTL Concordance は、ドラッグアンドドロップ時のアラビア語・ヘブライ語をどう処理しますか？

デフォルトで論理的な CSS プロパティをパターンに書き込みます。ブロックを 2 言語レイアウトにドラッグしたとき、手動の left/right オーバーライドが必要なくて、正しくミラーリングされます。

### ワークフローを試すための無料プランはありますか？

Monk は $0 で、1 つのサイト、月間生成回数の制限付き。Scribe や Abbey にコミットする前に、本物の Gutenberg パターンの姿を確認するのに十分です。

### これは Elementor AI や Divi AI と何が違いますか？

Elementor AI と Divi AI は各社の独自ビルダーランタイム用にコンテンツを生成します。Pattern Forge はネイティブな Gutenberg ブロックを生成し、クライアントが後でホストやテーマを切り替えても、ポータビリティを失いません。