インスタントCSSエディター 対象： PrestaShop, WordPress, Shopify...
およびその他すべてのCMS、ウェブサイト、アプリケーション
アーティストのように：調整して、保存して、先へ進む。
ページの転送や再読み込みは不要です。
あなたのウェブサイトで試す：1時間無料トライアル、クレジットカード不要
使い方：3つのステップ
ビルドステップなし、デプロイパイプラインなし、CSSコンパイルなし。エディターは訪問者に見えるページ上でそのまま動作します。
インストール
お使いのプラットフォーム用のモジュール、プラグインまたはアプリを追加するか、任意のサイトに1つのブートストラップスニペットを追加するだけ。インストールアシスタントが環境をチェックします。
クリックして調整
ページの任意の要素をクリックすると：各値に適したピッカーでルールが開きます。プレビューはライブかつデバウンス処理されており、まだ何も書き込まれていません。
実際に保存
保存を押すと：サーバー上のCSSファイルがアトミックに更新され、.orig と .bak のスナップショットが作成されます。訪問者にはあなたが作ったサイトがそのまま表示されます - エディターは彼らには読み込まれません。
闇雲なCSS編集はもうやめよう！
本物のビジュアルエディター：すべての値に適切なツールが用意されています。下の各タイルは、今すぐ編集できるファイルによってスタイル設定されています。
CSSプロパティ、最新版（2026）
組み込みスキーマはMDNとwebrefのデータから再生成されます：形式文法、ブラウザ互換性、プロパティごとのヘルプとドキュメントリンク。未知のプロパティ？それでも入力欄が用意されます。
あなたのスタックで
- PrestaShop - モジュール対応、バックアップ付きでテーマCSSファイルを書き込みます
- WordPress - ネイティブプラグイン、バックアップ付きで有効なテーマのCSSに書き込みます
- Shopify - ネイティブアプリ、OAuthインストール、CSSはショップのメタフィールドに保存
- 任意のサイト - スタンドアロンZIP
リスクなし
ライブプレビューはデバウンス処理され、元に戻す／やり直しはファイルごとに100ステップ遡り、保存を押すまで何も書き込まれません。サーバーサイドでは、.orig と .bak のスナップショットが戻る手段を確保します。
すべての値に適切なツールを
カラーピッカー、要素上のハンドルで操作するグラデーション、フォントピッカー、イージングカーブ、clip-pathシェイプ、@keyframesタイムラインエディター、マウスでドラッグする3Dパースペクティブ。セカンドスクリーンのポップアップモードまであります。
ポイント＆クリックのターゲティング
ページ上の任意の要素をクリックすると、一致するルールが自動でフィルタリングされます。セレクターの当て推量はもう不要です。
ビジュアル <-> ソース
任意のファイルを自動保存付きのCodeMirrorソースビューに切り替え、1回の元に戻す操作でビジュアル表示に戻れます。
マルチファイル、マルチなんでも
ファイルごとの変更状態と履歴を持つスタック型スタイルシート、内部クリップボード、ドラッグ＆ドロップ、複数選択、そして変数・フォント・カラーの一覧。
依存ゼロ
Vanilla JS、フレームワーク不要、jQuery不要、ビルドステップ不要。1つのZIP、1つのブートストラップスニペットだけ。インストールアシスタントが環境をチェックします。
2列モード、DOM順
ファイルは常にDOM順に一覧表示されます - カスケードが適用する順序です。2列表示に切り替えて、ルールやプロパティをファイル間でドラッグすれば、CSSを削除する代わりに再整理できます。
あなたの成果はあなたのもの
一回払い、強制サブスクリプションなし。CSSはいつでもエクスポート可能（コピーまたは .css ダウンロード、読み取り専用でも可）。トライアル終了後も、保存したスタイルは永続的に適用されたままです - サイトを人質に取ることはありません。
内部の仕組み：サーバー上で実際に起こること
ブラックボックスはありません。CSS_EDITORが書き込むものの完全なリスト - そして決して行わないことを公開します。
書き込まれるもの
- 編集中のCSSファイルはアトミックに置き換えられます（一時ファイルを作成してからリネーム - 中途半端に書き込まれたファイルにはなりません）
- 初回保存時に .orig スナップショット、保存のたびに .bak スナップショット：元に戻す方法は常にワンクリック先にあります
- Shopifyでは：CSSはショップのメタフィールドに保存され、サーバーサイドでレンダリング - テーマファイルの変更はゼロ
決して起こらないこと
- エディターは訪問者には読み込まれません - 訪問者にはあなたが作ったサイトがそのまま表示されます
- 保存したスタイルは、トライアル終了後やライセンス失効後も削除されません
- サイトの実行時に外部CDNへの依存なし：インストールするコードがそのまま実行されるコードです
私たちの言葉を鵜呑みにしないでください。
試して、ご自身の目で確かめてください。
向かいのスクリーンショットはモックアップではありません。それはこのエディターで、このページの下部にドッキングされ、このページのスタイルを編集しているところです。ここで開いて今すぐテストするか…ダウンロードしてご自身のサイト（ローカルでもオンラインでも）で無料で試し、ワンクリックでCSSファイルをサーバーに直接保存できます。ページを再読み込みする必要はなく、そのままCSSを編集し続けられます。
AI内蔵 - あなた自身のAI、有料API不要
CSS_EDITORはAIをレンタルしません。あなたがすでに使っているAI用に完璧なプロンプトを作成し、その回答を安全に適用します。
プロンプトモード
ページ上の1つまたは複数の要素を選択：CSS_EDITORが貼り付け可能なプロンプト（リクエスト、DOM抜粋、計算済みスタイル、既存ルール）を作成します。AIの回答を貼り戻せば：CSSがプレビューと元に戻す機能付きで適用され、手動で行うDOM/JS変更はレポートに一覧表示されます。
デッドCSSアナライザー
アナライザーは、スタイルシートのすべてのセレクターをライブDOMと照合して分類します：使用中（緑）、おそらく動的（オレンジ）、未使用（赤）。AIクロスチェックが、削除前にリスクのあるものにフラグを立てます。その後、ドラッグ＆ドロップで移動または削除 - バックアップは事前に作成されます。
一回払い。永久にあなたのもの。
ご自身のサイトで1時間すべてを無料でお試しください。その後、編集は丁重にロックされますが - 保存したスタイルは永続的に適用されたままです。サイトを人質に取ることはありません。キーは一度有効化するだけ：ドメインに自動的に紐付き、移し替える必要はありません。
ローンチ特価：割引コード LAUNCH25 で -25%
個人サイトや単一のプロジェクトに。
- 2つのウェブサイト（ローカルまたはオンライン）
- フルエディター、すべてのピッカー
- サーバーサイド保存 + バックアップ
- メールサポート
購入
プロモコード：LAUNCH25複数のサイトやサブドメイン向け
- 最大10のウェブサイト
- フルエディター、すべてのピッカー
- サーバーサイド保存 + バックアップ
- 優先サポート
購入
プロモコード：LAUNCH25代理店や複数クライアントを手がけるインテグレーターに。
- 最大50のウェブサイト
- フルエディター、すべてのピッカー
- サーバーサイド保存 + バックアップ
- 専任サポート
購入
プロモコード：LAUNCH25CSS_editorを購入することで、以下に同意したことになります 利用規約.
Polar.shによる安全な決済 - 購入後、ライセンスキーが即座にメールで送信されます。12か月間の更新が含まれます。
ローンチ特価：表示価格には通常価格（24 $、96 $、288 $）からの -25% ローンチ割引（コード LAUNCH25）がすでに含まれています。国によってはチェックアウト時に税金が加算されます - Polar.sh が処理します。
CSS_EDITORの比較
形容詞ではなく事実を。各ツールの公式ページで確認済み、2026年11月（各名前の下にソースリンク）。
| CSS_EDITOR | CSS Hero csshero.org/buy-now |
Microthemer themeover.com/pricing |
|
|---|---|---|---|
| プラットフォーム | PrestaShop、WordPress、Shopify、あらゆるウェブサイトやウェブアプリ | WordPressのみ | WordPressのみ |
| 価格モデル | 買い切り、18 $〜288 $（ローンチ価格） | 年額サブスクリプション（サイト数に応じて 29 $〜199 $/年）または 599 $ のライフタイム | 年額または月額サブスクリプション、またはライフタイムライセンス（125 $〜499 $） |
| AIプロンプトモード | はい - あなた自身のAIで、有料API不要 | いいえ | はい - 内蔵AIアシスタント（CSSのみ） |
| デッドCSSアナライザー | はい、AIクロスチェック付き | いいえ | いいえ |
| バックアップ付きサーバーサイド保存 | アトミック書き込み、.orig + .bak スナップショット | 編集はデータベースに保存され、訪問者には静的なCSSファイルが配信されます | 独自ストレージ。Microloaderプラグインでアンインストール後もスタイルを配信可能 |
| 支払いをやめた場合のあなたのスタイル | 永続的に適用、いつでもエクスポート可能 | そのまま動作。更新・サポート・新規サイトのためにのみ更新が必要 | ライフタイムライセンスは更新込みですべてそのまま |
正直な質問、正直な回答
CSS_EDITORでサイトが壊れることはありますか？
保存を押すまで編集はプレビューのみです。元に戻す機能はファイルごとに100ステップ遡り、保存のたびにサーバー上に .orig と .bak のスナップショットが作成されます。万一問題が起きても、以前のファイルの復元はワンクリックです。エディターは訪問者には読み込まれません - 訪問者にはあなたが作ったサイトがそのまま表示されます。
サイトの速度は低下しますか？
いいえ。エディターはサイト管理者が開くツールです。訪問者にはあなたが作ったサイトがそのまま表示されます：配信されるCSSはテーマがすでに配信していた同じファイルであり、訪問者向けにJavaScriptが追加されることもありません。
無料トライアルが終了するとどうなりますか？
1時間後、編集は丁重にロックされます。保存した内容はすべてサイトに永続的に適用されたままです - スタイルが削除されることはありません。いつでもライセンスキーを入力すれば、中断した場所から正確に編集を再開できます。
Shopifyアプリはテーマファイルを変更しますか？
いいえ。ShopifyアプリはOAuth経由でインストールされ、CSSはショップのメタフィールドに保存され、サーバーサイドでレンダリングされます。テーマファイルの変更はゼロで、アンインストールもクリーンです。
ロックインされますか？CSSをエクスポートできますか？
ロックインなし。CSS_EDITORは買い切りで、エクスポート機能（クリップボードへのコピーまたは .css ダウンロード）は読み取り専用モードでも常に利用可能です。あなたのCSSは、プレーンなファイル内のプレーンなCSSです。
PrestaShopとWordPressのどのバージョンに対応していますか？
PrestaShopモジュールは1.7から8.xに対応し、バックアップ付きでテーマCSSファイルに書き込みます。WordPressプラグインは、バックアップ付きで有効なテーマのCSSに書き込みます。どちらもこのサイト上でその場でビルドされます。
AI機能を使うのに有料のAI APIが必要ですか？
いいえ。プロンプトモードは、あなたがすでに使っているAI（ChatGPT、Claude、Kimi、ローカルモデルなど）に貼り付ける完全なプロンプトを作成し、プレビューと元に戻す機能付きで回答を適用します。デッドCSSアナライザーのオプションのAIクロスチェックも同様の仕組みです。有料のAPIキーは一切不要です。
ライセンスには何が含まれますか？
プランのウェブサイト数（2、10または50）に対応する永久ライセンス、すべてのピッカーを備えたフルエディター、AIプロンプトモード、デッドCSSアナライザー、バックアップ付きサーバーサイド保存、および12か月間のすべてのアップデート。キーは初回使用時にドメインへ自動的に紐付けられます。
返金はありますか？
いいえ - その理由はこちら：購入前に、ご自身のサイトで1時間すべてを無料でテストできます。トライアルが保証です。すべての販売は最終確定となります（販売条件をご覧ください）。
ドメイン名を変更した場合はどうなりますか？
ライセンスキーは初回使用時にドメインに自動的に関連付けられ、自動的には解除されません。状況に応じて、サポートにお問い合わせいただければライセンスの再割り当てが可能な場合があります。
CSS_EDITORを自分のアプリケーションに組み込めますか？
はい - コアはドキュメント化されたアダプター契約を持つVanilla JSで、組み込みを前提に作られています。
さらに、各ユーティリティ（トランスフォーム、パースペクティブ、グラデーションなど）は、ウェブサイト上で独立して使用できます。
その他のご要望については、お問い合わせください。
約束ではなく、証拠を
このサイトの実際のスクリーンショット。1つのマークアップ、3つのテーマ — ナビのテーマメニューでこのページをライブで再スタイリングできます。お好みのテーマでお試しください。
すでに次のデザインに取りかかっていますか？
時間を節約：
プラットフォームを選択。1時間のトライアル、クレジットカード不要、ご自身のサイトでそのまま。
PrestaShop & WordPress：ビルド時に発行されるライセンスキーは、購入後に提供されるキーに置き換えてください。
CSS_editorをダウンロードすることで、以下に同意したことになります 利用規約.