HTMLは完成しているのに、
WordPress化で利益が削られる
レイアウト崩れ
Flex/Gridで組んだHTMLをエディタに貼ると全て縦積みに。レスポンシブ設計が台無しになる。
納品後に更新できない
カスタムHTMLブロックではクライアントが編集不能。修正のたびに制作者への依頼が発生する。
テーマとの衝突
全幅背景デザインがテーマCSSと競合。意図しないマージンやパディングで見た目が破綻する。
「編集可能な構造」として取り込む
レイアウトのブロック化
Flex/Gridレイアウトをカラムブロックやグループブロックに自動変換。構造を保ったまま編集可能に。
フルワイド対応
全幅背景セクションもalignfullブロックとして取り込み。テーマのレイアウトシステムに沿って出力。
既存テーマに馴染む
テーマ固有のブロックスタイルやデザイントークンを活用。見た目がサイト全体と統一される。
部分インポート機能
ページ全体だけでなく、特定セクションだけを選択してインポート。既存ページへの追加も簡単。
3ステップで変換完了
HTMLを貼る
AIが生成したHTML、または既存のHTMLコードをテキストエリアにペースト。
変換ボタンを押す
ワンクリックでHTMLを解析し、最適なブロック構造に変換。
微調整して公開
ブロックエディタ上で自由に編集・調整してそのまま公開。
活用シーン
制作会社・フリーランス
- ✓ AI生成HTMLの納品スピードを倍速に
- ✓ クライアント自身で更新可能な状態で納品
- ✓ 受託案件でのライセンス利用OK
ブロガー・個人サイト運営者
- ✓ ChatGPT/Claudeで作ったHTMLをそのまま記事に
- ✓ コードを知らなくてもレイアウトを維持
- ✓ カスタムHTMLブロックの管理地獄から解放
よくある誤解
❌「100%完全再現してくれるツール?」
いいえ。目標は7〜8割の構造を自動でブロック化し、残りを手動で微調整すること。ゼロから組み直すのと比べて圧倒的に速く、実用的なアプローチです。
❌「どのテーマでも同じ見た目になる?」
テーマごとにデザインルールが異なるため、見た目は各テーマに自動フィットします。これはバグではなくメリット。サイト全体の統一感が自然に保たれます。
価格
AI HTML to Blocks Importer
- ✓ 買い切り(サブスク不要)
- ✓ 複数サイトで利用OK
- ✓ 受託案件での利用OK
- ✓ GPL準拠
よくある質問
初心者でも使えますか?
はい。HTMLをコピー&ペーストして「変換」ボタンを押すだけです。コードの知識は不要で、ブロックエディタの基本操作ができれば問題ありません。
何サイトまで使えますか?
制限はありません。一度購入すれば、ご自身が管理するすべてのWordPressサイトでご利用いただけます。クライアントサイトへの導入もOKです。
外部通信はありますか?
ありません。HTML解析・ブロック変換の処理はすべてWordPress内(サーバーサイド)で完結します。外部APIへのデータ送信は一切行いません。
動作環境は?
WordPress 6.0以上、PHP 7.4以上。テーマの制約はありません。ブロックエディタ(Gutenberg)が有効な環境であれば動作します。
開発者について
WordPress歴10年以上のWeb制作者。沖縄を拠点に、テーマ・プラグイン開発から受託制作まで幅広く対応。AI×WordPress の可能性を追求し、制作現場の効率化ツールを開発中。