AIが作ったコードを、 貼るだけで公開できる WordPressプラグイン「Moteraku」

開発ストーリー

MoteRakuをつくった理由

2023年ごろから、ChatGPT・Gemini・Claudeといった生成AIが一般に広がり、「AIと対話しながらコードでサイトを作る」人が一気に増えました。デザインを言葉で伝えれば、AIが数十秒でHTMLとCSSを返してくれる。サイト作りのハードルは、確実に下がったはずでした。

ところが、そこで新しい課題が生まれました。できあがったコードを、既存のWordPressサイトにどうやって反映させるかです。固定ページに貼ってみると、テーマのデザインやコードが干渉して、AIが作ったはずの見た目が崩れてしまう。海外でも「テーマやプラグインとCSSがぶつかる」ことは定番のつまずきとして語られ、命名規則を工夫して衝突を減らす、といった回避策が紹介されているほどです。

症状は中途半端なものが多いのも厄介でした。ページ全体を置き換えたつもりでも、ヘッダーとフッターだけテーマのものが残ってしまう。逆に、ページの見た目はうまく反映できたのに、日々の記事だけはテーマのブロックエディタで書きたいのに全部が置き換わってしまう。「あちらを立てればこちらが立たず」の状態です。

プログラミングがもともとできる人なら、子テーマを作りカスタムテンプレートを書いて対応できます。しかし知識がない人は、この場面でChatGPTやGemini、Claudeに聞いても、テンプレート階層やfunctions.phpといった前提知識の壁にぶつかり、結局つまずいてしまう。AIはコードを書けるようになったのに、それを「効かせる場所」が無い——これが、私たちが見つけた本当の課題でした。

だから、「貼るだけで効く場所」を作った

MoteRakuは、この課題だけを解決するために作った最小のプラグインです。

• AIが作ったHTML/CSSを貼ると、テーマを一切通さない白紙キャンバスでそのまま表示（干渉ゼロ）
• 共通ヘッダー・フッターは全ページに自動反映。テーマ側のヘッダーは自動で非表示
• 記事の個別ページは今まで通りお使いのテーマのまま。ブロックエディタの快適さはそのまま

「枠はAIと自分の手で、記事は使い慣れたテーマで」。この役割分担なら、知識がなくてもAIとの対話だけでサイトを作り、育て続けられます。

MoteRakuは、カツプロの無料会員登録でどなたでも使えます。

動作要件

• WordPress 6.0 以上
• PHP 8.0 以上
• お使いのテーマはそのままでOK（共存型）
• カツプロ（無料）の会員登録とライセンスキー
• 「AIで生成」機能を使う場合: カツプロ有料会員（Tier 1）＋ご自身のOpenAI APIキー

使い方は4ステップ

1. カツプロに無料登録
2. プラグインを有効化
3. AIのコードを貼る
4. 反映先を選んで公開

よくある質問

• MoteRakuは無料ですか？
• いま使っているテーマのままで大丈夫？
• HTMLやCSSが書けなくても使えますか？
• お問い合わせフォームも作れますか？
• 投稿一覧やカテゴリーページのデザインも変えられますか？
• テーマのヘッダーと2重になりませんか？
• 記事の中に、部品だけ入れることはできますか？
• SEOの設定はできますか？
• 「AIで生成」ボタンとは何ですか？
• ChatGPTで作ったHTML/CSSコードをWordPressに反映するにはどうすればいい？
• カスタムHTMLブロックに貼るとデザインが崩れるのはなぜ？
• ChatGPT以外のAI（Claude・Gemini）で作ったコードでも使えますか？
• どんな人に向いているプラグインですか？
• 既存のサイトに追加しても記事や設定は消えませんか？
• 動作環境は？どのレンタルサーバー・テーマで使えますか？
• カツプロを退会したらMoteRakuはどうなりますか？