smart_toy WordPressプラグイン / AI編集ツール

チャットで話しかけるだけで、
Webページが更新できる。

LP Editorは、静的HTMLのランディングページを、WordPress管理画面のAIチャットから自然言語で編集できるプラグインです。「ヒーロー画像を新しいものに差し替えて」「CTAボタンの文言を変えて」と話しかけるだけ。HTMLやCSSの知識がなくても、現場担当者がその場でWebサイトを更新できます。

check_circle 非エンジニアでも操作可能
history 最大50世代のバックアップ
visibility リアルタイムプレビュー
shield WordPressテーマの影響を受けない独立配信
14日間 無料で始める CLANE ONE とは
Problem

こんな「Web更新の悩み」、ありませんか？

ランディングページの小さな修正のたびに、制作会社に依頼して、見積もりを待って、数日経ってやっと公開される。
このサイクルに、チームのスピード感が奪われていませんか。

schedule
「文言ひとつ直すのに、なぜ1週間もかかるのか」
見出しの変更、キャンペーン日程の更新、画像差し替え。内容は1行でも、制作会社へ依頼→見積もり→作業→確認という工程で数日を要し、施策のタイミングを逃してしまう。
payments
「月1回の更新で、毎回数万円の費用がかかる」
軽微な修正でも、外注すれば最低限の費用が発生する。年間にすれば相当な金額になるが、社内に対応できる人がいないため外注を続けるしかない。
build_circle
「WordPressの編集画面では、LPのデザインが崩れる」
既存のLPをWordPressの投稿エディタやブロックエディタに載せ替えようとすると、デザインが崩れたり、スタイルが干渉したりして、結局HTML直編集に戻ってしまう。
Screens

どんな画面で、何ができるのか

WordPress管理画面の中に、LP編集専用のメニューが追加されます。
アップロード・一覧管理・AIチャット編集・バックアップ復元まで、すべてこの中で完結します。

SCREEN 01

アップロード済みのLPを、一覧で管理

WordPress管理画面のサイドバーに追加される「LP Editor」メニューから、アップロード済みのLP一覧を確認できます。スラッグ（URL）、公開URL、ファイルサイズ、最終更新日時、バックアップ件数を一覧表示。

  • 公開URLはそのままクリックで別タブ確認
  • 「編集」ボタンからAIチャット画面へ直接遷移
  • 複数のLPを横断的に把握
https://example.com/wp-admin/admin.php?page=lp-editor
dashboard ダッシュボード
article 投稿
image メディア
edit_document LP Editor
LP一覧
LP追加
設定
palette 外観
extension プラグイン

LP Editor LP追加

スラッグ 公開URL サイズ 最終更新 バックアップ 操作
spring-campaign-2026 /lp/spring-campaign-2026/ 42.3 KB 2026-04-18 14:22 8件
recruitment-2026 /lp/recruitment-2026/ 68.1 KB 2026-04-15 09:41 14件
product-launch /lp/product-launch/ 55.7 KB 2026-04-10 17:05 23件
seminar-may /lp/seminar-may/ 31.9 KB 2026-04-02 11:18 3件
https://example.com/wp-admin/admin.php?page=lp-editor-add
dashboard ダッシュボード
edit_document LP Editor
LP一覧
LP追加
設定

LP追加

ZIPフォルダでアップロード（推奨）

画像・CSS・JSを含むLPフォルダをまるごとZIPにしてアップロード。ZIPの中のフォルダ名がそのままURLになります。

chirp-recruitment.zip
  └─ chirp-recruitment/
      ├─ index.html
      ├─ images/
      └─ style.css
ファイルを選択
SCREEN 02

既存のHTML LPを、ZIPでそのままアップロード

制作会社から納品された静的HTMLのLP一式（画像・CSS・JSを含む）を、ZIPファイルのままアップロードできます。ZIP内のフォルダ名がそのまま公開URLのスラッグになるため、面倒な設定は不要です。

  • 画像・CSS・JS・フォントなど、フォルダまるごと対応
  • 単体HTMLファイルのみのアップロードにも対応
  • アップロード後は/lp/<スラッグ>/で即公開
SCREEN 03 / メイン機能

左でチャット、右でプレビュー。AIがその場でHTMLを書き換える

編集画面の左側はAIチャットパネル、右側はLPのライブプレビュー。日本語で「この部分をこう変えて」と話しかけると、Claude AIが編集済みのHTMLを生成し、右側のプレビューに即座に反映します。

問題なければ「公開ページに反映する」ボタンを押すだけ。気に入らなければ「元に戻す」で破棄できるので、試行錯誤も安心です。

  • 生成結果はストリーミング表示（逐次的に生成される）
  • プレビュー／ソースコードをタブで切り替え
  • 「公開ページに反映」を押すまで、実際のサイトには影響なし
  • 反映時に自動でバックアップを作成
https://example.com/wp-admin/admin.php?page=lp-editor-edit&slug=spring-campaign
spring-campaign 準備完了
修正内容を日本語で入力してください
ヒーローのキャッチコピーを「春の新生活応援キャンペーン」に変えて、CTAボタンの文字を「今すぐ申し込む」にしてください
ヒーロー見出しを「春の新生活応援キャンペーン」に変更し、CTAボタンの文言を「今すぐ申し込む」に更新しました。
check_circle HTML生成済み 公開ページに反映
修正内容を入力…（⌘+Enter で送信） send
プレビュー ソース
出力: 3,482 tokens

春の新生活応援キャンペーン

期間限定で、新しい毎日をはじめるあなたを応援。お得なプランをご用意しました。
今すぐ申し込む
※キャッチコピーとCTAボタンの文言が即座に書き換わり、右側のプレビューに反映されています。
check_circle 編集をプレビュー中（未保存） 公開ページに反映する
Features

主な機能

AIチャット編集だけで終わりません。現場で安心して使えるために必要な機能が揃っています。

chat

自然言語でのHTML編集

「見出しをこう変えて」「この色をもう少し濃く」「スマホで崩れないように」など、日本語の指示でAIがHTML全体を書き換えます。差分ではなく完全版を出力するので、結果が壊れません。

visibility

ライブプレビュー

AIが生成したHTMLは、右側のiframeに即座に反映。本物のブラウザ環境でそのまま確認できるので、「公開したら崩れていた」が起こりません。

published_with_changes

承認してから公開

AIの提案は、ユーザーが明示的に「公開ページに反映する」ボタンを押すまで、実際のサイトには一切影響しません。納得できるまで何度でも指示を出しなおせます。

history

最大50世代の自動バックアップ

公開するたびに、直前のHTMLが自動的にバックアップされます。「履歴」画面から任意の世代をワンクリックで復元可能。壊れても、すぐ元に戻せます。

shield

WordPressテーマの影響なし

LPは/lp/<スラッグ>/で直接配信されるため、WordPressのテーマCSSや他プラグインによる干渉を受けません。納品されたLPが、納品されたままの状態で公開されます。

code

ソースコード表示

プレビューだけでなく、AIが生成したHTMLソースをそのまま確認することも可能。開発者がレビューしたい場合や、他の環境にエクスポートしたい場合にも対応します。

Flow

導入から運用までの流れ

プラグインを有効化して、APIキーを設定するだけ。ZIPをアップロードしたら、その日のうちに運用を始められます。

1

プラグインを有効化

通常のWordPressプラグインと同様に、ZIPをアップロードして有効化。専用メニューが自動で追加されます。

2

Claude APIキーを設定

設定画面にAnthropicのAPIキーを入力。モデルはSonnet 4（推奨）/ Haiku 4.5から選択できます。

3

LPをアップロード

納品済みのLPフォルダをZIPに圧縮してアップロード。アップロードと同時に公開URLが発行されます。

4

チャットで編集・公開

あとは現場担当者がチャット画面で更新指示を出すだけ。確認して反映ボタンを押せば、その瞬間に公開。

Specifications

プラグイン仕様

プラグイン名 LP Editor
提供元 株式会社CLANE
対応環境 WordPress 5.0以上 / PHP 7.4以上
使用AIモデル Anthropic Claude Sonnet 4（推奨）/ Claude Haiku 4.5（高速・低コスト）
対応ファイル ZIPフォルダ（HTML・CSS・JS・画像等を含む）/ 単体HTMLファイル
公開URL形式 https://<サイトドメイン>/lp/<スラッグ>/
バックアップ保持数 最大50世代（世代を超えた場合は古いものから自動削除）
必要な外部サービス Anthropic API契約（APIキーの発行が必要）
アクセス権限 WordPressの管理者権限（manage_options）を持つユーザー
その他の特徴 WordPressテーマのCSSや他プラグインの影響を受けない独立配信 / nonceによるCSRF対策
Pricing

料金プラン

AI Code Editor は CLANE ONE でご利用いただけます。提供するプロダクトとコンテンツは2プラン共通。
利用範囲と契約条件で選べます。すべて初期費用0円です。

Personal
個人での利用に許諾するプラン（組織での利用は対象外）
¥10,000/月（税抜・税込¥11,000）
初期費用 0円 ・ 最低契約期間なし（月単位）
  • プロダクト・コンテンツを全開放
  • お支払いはクレジットカード
14日間 無料で試す
Business
組織での利用に許諾するプラン（会社・チーム）
¥30,000/月（税抜・税込¥33,000）
初期費用 0円 ・ 最低契約期間 6ヶ月
  • プロダクト・コンテンツを全開放
  • 法人内で利用人数 無制限
  • テンプレートの社内展開・商用利用OK
  • 請求書払いに対応
14日間 無料で試す

会社の業務でお使いになる場合は Business、個人でのご利用は Personal が対象です。

「1行の修正に数日」から、
「話しかけて数分で公開」へ。

CLANE ONE に登録すれば、AI Code Editor をはじめ全プロダクトを14日間 無料でお試しいただけます。

bolt 14日間 無料で始める language CLANE ONE とは