WordPress で、クリーンでテーマ非依存なランディングページを。
WordPress 向けの HTML / CSS / JavaScript ライブエディタ。手書きでも、テンプレートからでも、デザイナーのファイルでも、AI が出力したコードでも——貼ってライブプレビュー、編集を続けて、数分で公開できます。
ページビルダー不要。child theme 不要。ビルド不要。
余計な手間なしで、フルコントロールを。
HTML と CSS が分かる人が、クリーンなランディングページを素早く作るためのツールです。ページビルダーと戦う必要も、child theme を用意する必要も、ビルド環境を整える必要もありません。
フリーランス
制作会社・エージェンシー
テーマ開発者
WordPress サイト運営者
コードはある。難しいのは、それをきれいに公開すること。
手書き、テンプレート、デザイナーのファイル、AI 出力——コードはもう手元にある。崩さず WordPress に載せる、そこで止まってしまう。
固定ページに貼ると、テーマの CSS に崩される。
ページビルダーがマークアップを汚し、制御が効かなくなる。
LP 1 枚のために child theme やビルド環境を用意するのは大げさ。
納品後、クライアント自身が崩さずに文言を直せるようにしたい。
ソースは問いません。
HTML / CSS / JavaScript がどこから来たものでも、Kayzart はそれを「編集を続けられる、公開可能な WordPress ページ」に変える場所です。
手書き
タグ・クラス・スクリプトの一つひとつまで、自分の手で完全にコントロール。
テンプレート
テンプレートやスニペットから始めて、案件に合わせて調整。
デザイナーのファイル
デザイナーから受け取った HTML/CSS/JS を、そのまま動かす。
AI の出力
ChatGPT・Claude・Gemini・v0 が出力したコードを貼るだけ。Kayzart はコードを生成しません——それを「ページ」にする場所です。
コードから、クリーンな WordPress ページへ。
コードを用意
手書き、テンプレート、デザイナーのファイル、AI 出力——HTML / CSS / JavaScript を用意します。
貼る / インポート
HTML・CSS・JavaScript のタブに貼るか、完全な HTML ドキュメントをインポートして各フィールドへ自動分割。
プレビューと調整
編集しながらライブでレンダリング。プレビューの要素をクリックすれば、その該当コードへジャンプ。
クリーンに公開
Standalone モードなら、テーマのヘッダー・フッター・スタイルに影響されないクリーンなページとして公開できます。
もう、テーマと戦わない。
ページごとに、テーマを絡ませるかどうかを選べます。
クリーンでテーマ非依存なページ
テーマのヘッダー・フッター・コンテンツテンプレート・スタイル・スクリプトを読み込みません。レイアウトに干渉するものがなく、あなたの CSS と JS が書いたとおりに動きます。
1 ピクセルもそのまま
テーマの中でレンダリング
サイトの枠組みの中にページを収めたいときは、Theme モードでアクティブテーマのテンプレート内にコンテンツをレンダリング——ヘッダー・フッター・スタイルも含めて。
肥大化ではなく、コントロールのために。
ライブエディタ＋即時プレビュー
CodeMirror 6 エディタ。入力に合わせて iframe プレビューが即座に更新。
プレビュークリック → コードへジャンプ
プレビュー内の要素を選ぶと、その該当ソースへ一発で移動。
完全な HTML インポート
1 枚の完全な HTML ドキュメントを HTML・head・CSS・JS に自動分割。
非コーダー向け Elements パネル
テキスト・リンク・画像を GUI で編集。コードを触らせずクライアントに渡せる。
TailwindCSS v4 を自動コンパイル
Tailwind モードを選ぶだけでユーティリティクラスを自動コンパイル。最新構文も対応。
ランディングページの複製 New
既存ページを下書きとして複製。バリエーション作成や横展開に。
Classic スクリプト / ES Module
モダンな JavaScript を、ページごとに好きな方式で実行。
WordPress ショートコード
HTML にショートコードを配置でき、公開ページでは通常どおり展開されます。
外部埋め込みの allowlist
許可した外部埋め込みだけを通します。
AI 編集で、反復をもっと速く。
無料版は、ライブエディタをフルコントロールできる場所。Kayzart Pro は、その中に AI 編集を追加します——現在のページや選択した要素を AI に渡し、結果を適用、気に入らなければ履歴から元に戻す。
このヒーローの余白を詰めて、見出しをもっと力強く。
Landing Pages
よくある質問
いいえ。無料版はコードを生成しません。AI を含むあらゆるソースの HTML/CSS/JavaScript を、実際の WordPress ページにするためのライブエディタ兼ランタイムです。AI による編集支援は Kayzart Pro の機能です。
細かな調整には基本的な HTML/CSS の知識があると便利で、必要なときはフルコントロールできます。ゼロから書く必要はありません——既存のコードを貼って調整したり、Elements パネルからテキスト・リンク・画像を GUI で編集できます。
Standalone モードは、アクティブテーマのヘッダー・フッター・コンテンツテンプレート・スタイル・スクリプトを読み込まずにページをレンダリングします。テーマの CSS や JavaScript が干渉しません。Kayzart のランタイムとページ自身の CSS/JS は読み込まれるので、すべて想定どおりに動きます。
はい。ページの作成・変換時に TailwindCSS モードを選ぶと、ユーティリティクラスを自動でコンパイルします。TailwindCSS v4 を使用しており、最新のユーティリティ構文がそのまま動きます。
完全な HTML インポート機能を使います。1 枚の完全な HTML ドキュメントを貼ると、Kayzart が HTML・head・CSS・JavaScript の各フィールドに分割します。既存の WordPress ページを変換して、その内容を初期 HTML として引き継ぐこともできます。
はい。ページ一覧から、Kayzart 管理下のページに対して「ランディングページを複製」を選べます。ページ内容・Kayzart 設定・アイキャッチ画像・タクソノミーの項目を引き継いだ新しい下書きが作成されます。
クリーンなランディングページを、いま使っている WordPress の中で。
どこからでも HTML を持ち込み、ライブプレビューで確認。フルコントロールのまま、テーマ非依存のページを数分で公開できます。