DesignSetGo apps
仕組み 例 ドキュメント 料金 ブログ WP Blocks 無料でインストール

仕組み

DSGo アプリは存在する あなたの WordPress サイト内に、
独自の URL で、または任意の投稿またはページに組み込まれています。

HTML ファイルをアップロードします。プラグインはそれを保護しているため、承認していないサイト上の何にもアクセスできません。その後、表示される場所を選択します: your-site.com/apps/calculator のような独自の URL、ポスト内、またはサイトのホームページです。

簡潔版

無料版は 1 つのアクティブなアプリに対応, クレジットカード不要、有効期限なし。Pro はキャップを解除し、CLI デプロイと管理画面内の AI ビルダーを追加します。

01 · Think of it like this

WordPress, as a runtime for sandboxed apps.

WordPress サイト用のブラウザー拡張機能のようなもの。Chrome が拡張機能を実行し、Figma がプラグインを実行するように、DesignSetGo Apps をインストールした WordPress がアプリを実行します。各アプリはサンドボックス化されており、承認したサイトデータのみアクセスできます。

02 · バンドル、インストール、ランタイムフロー

静的バンドルから ライブなデータ対応ページへ。

1 Bundle

A folder of static files.

Whatever your build emits (HTML, JS, CSS, WASM) plus dsgo-app.json. The starter is Astro + TS; React, Vue, Svelte, Solid, vanilla, anything that builds to static files.

▸ my-app/
├─ dsgo-app.json config
├─ index.html
├─ assets/
├─ app.css
├─ main.js
├─ pages/
├─ about.html
├─ pricing.html
2 Install

Validated, extracted, approved.

The admin sees the app's requested capabilities, rendering mode, and network policy in plain English before the install completes.

Install mortgage-calculator?
v0.4 · 12 kB bundle · built with Claude
This app will be able to:
Read content your "rates" custom post type
Send messages email via WordPress mailer
Storage visitor preferences (per-user, 5 kB)
Render mode: inline · Network: sandboxed
3 Runtime

Served at /apps/{slug}

Or as a Gutenberg block, an Elementor widget, or promoted to your site's home page. The plugin handles the data requests and permission checks behind the scenes, so your app just asks for what it needs.

your-site.com/apps/mortgage
Mortgage calculator
Loan
$320,000
Rate, "rates" CPT
6.4%
Monthly
$2,002

03 · アプリが表示される 2 つの方法

独自のページ。 またはページ上のボックス。

すべてのアプリは、これら 2 つの方法のいずれかを選択して表示されます。両方ともサンドボックス化されています。表示方法が異なるだけです。

DEFAULT

Inline mode

独自のページで実行され、テーマのヘッダーとフッターでラップされるため、サイトの残りの部分のように見え、検索エンジンがクロールできます。

your-site.com/apps/portal · 200 OK
← WordPress theme header
YOUR APP · INLINE
Members area
← WordPress theme footer
DROP-IN ARTIFACTS

Iframe mode

ページ上の独自のボックス内に完全に含まれており、利用可能な最強の分離です。Claude artifact のような単一のツールをドロップするのに理想的です。

your-site.com/posts/recipe · 200 OK
<iframe sandbox> isolated
Quick poll · drop-in

ドキュメントの詳細 →

04 · アプリがコンテンツになる

専用URLがデフォルトです。 ただし、唯一の選択肢ではありません。

インストール後、アプリは /apps/{slug} アドレスだけに限定されません。Gutenberg ブロックとしてどのポストやページにも埋め込んだり、[dsgo_app] ショートコードでどこにでも貼り付けたり、Elementor レイアウトにドラッグしたりできます。同じバンドル、同じサンドボックス、同じ権限、設定不要です。

専用URL

your-site.com/apps/{slug}

デフォルト。共有可能、リンク可能、インラインモードではサイトマップにインデックスされます。スタンドアロンツール、メンバーポータル、またはフルマルチページエクスペリエンスとして機能します。

Gutenberg ブロックまたはショートコード

DSGo App ブロックまたは [dsgo_app] ショートコード

ブロック挿入ツールから挿入するか、ショートコードを貼り付けます。アプリはそれが埋め込まれているポストを読むことができるため、商品ページの計算機はそのページのデータを自動的に取得します。

Elementor ウィジェット

DesignSetGo App ウィジェット

ウィジェットは Elementor パネルに表示されます。任意の列、セクション、またはポップアップにドラッグできます。Elementor Free および Pro で動作し、ショートコードは不要です。

05 · 権限

アプリが尋ねます。 承認します。

アプリがサイトのコンテンツを読む前に、尋ねる必要があります。ポスト、ページ、ユーザーには、ブリッジと呼ぶ権限チェック接続を通じてアクセスします。正確に何が必要かを実際に読める一覧で確認でき、インストール完了前に承認または却下します。

✓

無料アプリはデフォルトでポスト、ページ、現在のユーザーを読むことができます。コンテンツの作成、AI プロンプトの送信、その他の高い信頼度が必要なアクションは Pro であり、やはり承認が必要です。

完全な権限リファレンス →

06 · AI 機能

AI を使用するアプリは、サイトの独自の AI 認証情報 (管理者が WordPress で既に設定しているもの) を呼び出します。このプラグインは決してキーを保持、表示、または課金しません。

More for developers →

コードを読む準備はできていますか？

ブリッジを確認 実際のコード。

CLI はブリッジが配線され、すべてのメソッドを文書化した CLAUDE.md を含むスターターをスキャフォールドします。designsetgo apps init --astro はマルチページアプリに Astro を追加します。

zsh · ~/my-app 
$ npx designsetgo apps init my-mortgage --astro
  ✓ scaffolded · 12 files · 5 kB
$ designsetgo apps deploy --site example.com
  ✓ live at example.com/apps/my-mortgage
  └ permissions: read_content, send_messages