AIちいちゃんパレット Pro Ver.1.3.6

【このプラグインでできること】
WordPressブロックエディターの記事を、文章やリンクを変えずに着せ替えられます。

・記事全体をブルーセット／かわいいセットへ一発着せ替え
・H2〜H6、箇条書き、Q&A、ボックス、ボタンの個別着せ替え
・ゴシック、丸ゴシック、明朝、テーマ本来の書体への変更
・イエロー、ピンク、ブルーのマーカーと解除
・パレット専用の戻る／やり直す
・お気に入り、検索、PC／スマホ用の縦スクロールUI
・パレット最下部の「👗 新しいコーデを見る」からAIちいちゃんクローゼットを別タブで表示
・専用JSONファイルから追加コーデを読み込み、サイト単位で保存
・安全なPNG／WebP／JPG素材を同梱した季節コーデに対応

【対応環境】
・WordPress 6.0以上
・PHP 7.4以上
・WordPress標準ブロックエディター

※すべてのテーマとの完全な互換性を保証するものではありません。
※Cocoonおよび一般的なブロックテーマで使用しやすいクラス設計です。

【インストール方法】
1．WordPress管理画面の「プラグイン」→「新規プラグインを追加」を開きます。
2．「プラグインのアップロード」を押します。
3．配布されたZIPファイルを選び、「今すぐインストール」を押します。
4．インストール完了後、「プラグインを有効化」を押します。
5．投稿または固定ページの編集画面を開きます。
6．画面右側の「AIちいちゃん」タブからパレットを開きます。

【安全設計】
・本文、見出し文字、リンク先、太字などを変更せず、装飾クラスを着せ替えます。
・記事セットを往復しても、古いセットクラスを外して現在のセットだけを保持します。
・「元の書体」はパレット側の書体指定を外し、テーマ本来の書体へ戻します。
・お気に入りはブラウザの既存保存方式を利用し、Ver.1でも保存キーとデータ形式を変更していません。
・記事本文は外部サーバーへ送信しません。追加コーデJSONだけを、自分のWordPressへ安全に保存します。

【追加コーデの使い方】
1．「👗 一発着せ替え」を開きます。
2．セット一覧の最後にある「👗 コーデを追加」を押します。
3．AIちいちゃんパレット専用のコーデJSONファイルを選びます。
4．「🎉 コーデを追加しました」と表示されたら、そのまま追加カードを使えます。

※コーデの追加・削除はWordPress管理者だけが行えます。
※追加済みコーデは同じWordPressサイトの投稿・固定ページで利用できます。
※追加コーデを一覧から削除しても、すでに保存した記事の装飾CSSは維持されます。

【Ver.1.3.0 記事ページ背景コーデ対応】
・追加コーデへPC用／スマホ用の記事ページ背景を安全に同梱できる新形式へ対応
・背景画像はPNG／WebP／JPGだけを許可し、WordPressのuploads内へ画像ファイルとして保存
・利用者の操作は従来どおり「コーデを追加」→カードを押して着せ替えるだけ
・記事へページコーデ識別クラスを保存し、別コーデへの着せ替えとUndo／Redoで背景も連動
・「×」は一覧から片付けるだけで背景素材とCSS定義を保管し、公開済み記事の見た目を維持
・公開画面は表示中の記事が使用する追加コーデCSSだけを生成し、未使用コーデを読み込まない方式へ変更
・編集画面も有効なコーデと編集中の記事が使用する保管済みコーデだけを読み込み
・旧形式の追加コーデ、ブルーセット、かわいいセットとの後方互換性を維持

【Ver.1.3.1 タブ表示安定化】
・追加コーデのCSS準備に問題があっても、編集画面の「AIちいちゃん」タブを先に起動
・背景プレビュー処理をパレット本体から分離し、失敗時の影響を局所化

【Ver.1.3.2 タブ起動修正】
・背景対応フラグが標準セット定義を停止させていた配置ミスを修正
・背景対応フラグを追加コーデ定義へ移し、従来セットと編集画面タブを正常化

【Ver.1.3.6 公開背景の保存互換対応】
・公開HTMLへ確実に残るH2のコーデ固有クラスを背景表示の判定へ使用
・ページ印が保存時に省かれる環境でも、公開本文背景を表示

【Ver.1.3.5 Cocoon公開背景の確実表示】
・本文内のページコーデ印を直接検知して、Cocoon公開記事の背景を適用
・テーマ側のbodyクラスへ依存せず、公開ページでも背景を表示

【Ver.1.3.4 Cocoon公開本文背景対応】
・Cocoon公開ページの本文カード（.article）にも半調背景を確実に適用
・編集画面と公開ページで同じクリスマス本文背景を表示

【Ver.1.3.3 本文背景コーデ対応】
・追加コーデの半調イラストを、ページ外側ではなく記事本文の紙面へ表示
・本文の可読性を保ちながら、長文全体へ季節コーデの世界観を反映

【Ver.1.2.14 クリスマスH2文字・白フチ追加】
・完成版クリスマスコーデのH2文字へ2.5pxの白フチを追加
・ツリーや装飾と文字が重なる位置でも、赤い見出し文字を読みやすく調整
・スマホでは白フチを2pxへ抑え、丸い文字の形が潰れないように調整
・H2の書体、サイズ、配色、装飾位置とH3以下の全パーツは変更なし

【Ver.1.2.13 クリスマスH2右側レイアウト修正】
・右下のクリスマスツリーをカード外周線へ接触しない範囲で右端へ移動
・ツリー上方に見えていた右上ギフトタグを左へ移動し、右側装飾の重なりを整理
・H2文字をツリーとギフトタグより前面へ表示し、長い見出しでも文字を隠さない構成へ修正
・H2の文字サイズ、書体、カード形状、余白、左側装飾とH3以下の全パーツは変更なし

【Ver.1.2.12 クリスマスコーデ Ver.1 全パーツ完成】
・完成済みH2のCSS、素材、書体、サイズ、余白、スマホ表示は変更なし
・H3は深緑リボンを維持し、ベルを明るいゴールドへ変更して文字との余白だけを調整
・H4は赤い手描きライン、H5はゴールド星と短い深緑線、H6は小さな赤い星へ段階的に軽量化
・POINTはベルのお知らせカード、購入者限定特典はプレゼントBOXとして明確に差別化
・Q&AはQを赤、Aを深緑に固定し、サンタはブロック全体へ1つだけ配置
・箇条書きは小型オーナメント、ボタンは赤い面とゴールド星で読みやすさと操作性を優先
・782px以下と380px以下で文字、余白、素材サイズを個別調整し、横スクロールと本文干渉を防止
・安全な画像素材枠へプレゼントとQ&Aアクセントを追加し、従来コーデとの後方互換性を維持

【Ver.1.2.11 クリスマスH3第1案】
・完成済みH2のCSS、書体、枠、装飾、余白、レスポンシブ設定は変更なし
・H3だけを、深緑の少しいびつな手描きリボン帯として追加
・H2と同じ同梱書体を一段小さく使い、暖かいアイボリー文字で家族感と階層差を両立
・赤いリボンの結び目へ、同じ紙雑貨風のベル素材を一体化
・長いH3の2行表示、782px以下と380px以下のスマホ表示へ対応
・H4〜H6、POINT、特典、Q&A、箇条書き、ボタンには適用しない
・安全な追加コーデ画像枠へH3専用素材枠を1つ追加し、従来コーデとの後方互換性を維持

【Ver.1.2.10 クリスマスH2文字・ギュッと拡大】
・H2第2案・最終再修正の文字だけを約28％拡大
・丸く太い文字がカード中央へギュッと収まるよう、上下余白と行間を同時調整
・短いH2は大きく1行、長いH2は文字を弱くせず自然な2行へ折り返す
・文字間をわずかに詰め、手描きクリスマスカードのタイトル感を強化
・書体、文字色、ツリー、枠、背景、ガーランド、ヒイラギ、タグ、雪、星、ドットは変更なし
・H3以下と既存機能は変更しない

【Ver.1.2.9 クリスマスH2第2案・最終再修正】
・完成済みの枠、背景、ヒイラギ、ガーランド、オーナメント、タグ、雪、星、ドットは変更なし
・端末依存だったフォント指定を廃止し、SIL Open Font License 1.1のMochiy Pop Oneをプラグインへ同梱
・Windows／Mac／主要ブラウザ／スマホで同じ書体データを読み込み、端末の代替フォントへ変わらない構成へ修正
・普通の丸ゴシック太字ではなく、手書き由来の太く丸い表示書体で、ぷっくりした不均一感を表現
・文字色は従来のクリスマスレッドを維持し、縁取り・影・グラデーションは追加せず書体の形だけで差別化
・文字サイズは再仕上げ版以上を維持し、マイナス字間で大きな文字がギュッとまとまるタイトル感を維持
・右下ツリーを再仕上げ版から縦方向約1.65倍へ拡大し、下枠・右枠・ギフトタグと接触しない位置へ調整
・ツリーとの衝突防止に必要な右側余白だけを調整し、H2以外と既存機能は変更しない
・同梱フォントのライセンス全文は assets/fonts/OFL-MochiyPopOne.txt に収録

【Ver.1.2.8 クリスマスH2第2案・再仕上げ】
・完成済みの枠、ヒイラギ、ガーランド、オーナメント、タグ、背景、雪、ドットは変更なし
・H2文字を前回より約30〜38％拡大し、スクリーンショットでも明確に分かる主役サイズへ変更
・丸ゴシックへ同色の薄い肉付けを加え、太く、丸く、ぷっくりした文字へ調整
・日本語のプロポーショナル字幅とマイナス字間で、大きな文字がギュッと集まるタイトル感を強化
・右下ツリーの表示面積を約2倍へ拡大し、ギフトタグや外周線と接触しない位置へ配置
・PCとスマホの両方で文字とツリーの存在感を残し、長文はカードの高さを自然に拡張
・再仕上げ版はH2だけへ適用し、H3以下と既存機能は変更しない
・前回の仕上げ版も別カードとして保持し、比較できる状態を維持

【Ver.1.2.7 クリスマスH2第2案・仕上げ調整】
・完成イメージ版の枠、ガーランド、ヒイラギ、オーナメント、タグ、背景、余白を維持
・H2文字を約10〜16％拡大し、フォントウェイトを900へ強化して本文を最初の視線へ
・右下のプレゼントだけを、深緑・赤・ゴールドの手描き風クリスマスツリーへ変更
・ツリーは上下枠へ接触せず、右上のギフトタグと競合しない小さな縦長サイズへ調整
・スマホでも文字とツリーを残し、長い日本語H2の自然な折り返しへ対応
・仕上げ版はH2だけへ適用し、H3〜H6や他パーツ、既存機能は変更しない
・現在のH2第2案も別カードとして保持し、比較と再着せ替えを可能にする

【Ver.1.2.6 クリスマスH2第2案・完成イメージ対応】
・暖かいアイボリーの紙カードを、上下で形の異なる赤い手描きラインで囲むH2へ再設計
・ヒイラギ、吊り下げオーナメント、点描ガーランド、ギフトタグ、雪、プレゼントをフレームへ統合
・上部装飾と下部装飾を別素材にし、長い見出しでカードが伸びてもモチーフを縦に引き伸ばさない構造
・丸みのある太い日本語文字を中央へ配置し、文字領域と左右装飾の安全な余白を確保
・第2案はH2だけへ適用し、H3〜H6、POINT、特典、Q&A、ボタン等は変更しない
・過去のH2試作、第2案、第3案も保持し、保存済み記事の表示を維持
・782px以下と380px以下では装飾と余白を縮小し、カードらしさとクリスマス感を残す

【Ver.1.2.5 クリスマスH2第3案対応】
・深緑主体の第2案から、温かい朱赤と白を主役にしたクリスマスリボンへ再設計
・太めの明朝系文字、吊り下げオーナメント、雪、白いブラシ線、右端の手描きツリーを一体化
・ツリーと飾りは見出し本文へ重ならない専用領域に配置し、長い日本語見出しの折り返しへ対応
・第3案はH2だけへ適用し、H3〜H6とPOINT等の他パーツは変更しない
・第1案、第2案の固定デザインも保持し、すでに保存した記事の見た目を維持
・782px以下と380px以下では飾りを縮小しつつ、赤・白・ツリー・オーナメントを残す

【Ver.1.2.4 クリスマスH2第2案対応】
・H2を四角い囲み枠ではなく、深緑の不規則なタイトル帯として再設計
・上部の手描きガーランド、吊り下げオーナメント、下部の赤いクレヨン線を一体化
・赤と緑を細い境界線ではなく、タイトル帯とアクセントの面として使用
・第2案はH2だけへ適用し、H3〜H6とPOINT等の他パーツは変更しない
・旧H2試作の固定デザインも保持し、すでに保存した記事の見た目を維持
・長い日本語見出し、782px以下と380px以下のスマホ幅へ対応

【Ver.1.2.3 クリスマスH2試作対応】
・許可済みの固定デザイン名だけを使う、安全なH2デザイン指定を追加
・北欧ハンドメイド・クリスマス試作はH2だけへ適用し、H3〜H6と他パーツは変更しない
・ヒイラギを左上へ小さく統合し、右側の本文幅を削らないカード型H2へ変更
・長い日本語見出し、782px以下と380px以下のスマホ幅へ対応
・従来の追加コーデJSONと標準デザインはそのまま利用可能

【Ver.1.2.2 ボックス種別保持】
・ポイント枠と購入者限定特典枠の役割を、着せ替え後も専用classで保持
・追加コーデでもPOINT／購入者限定特典のラベルと見た目を分けて表示
・画像付きボックスで上部ラベルが欠ける問題を修正
・旧記事は従来classや「購入者限定特典」の内部見出しから安全に再認識

【Ver.1.2.1 追加コーデ素材対応】
・従来の画像なしコーデJSONをそのまま読み込める後方互換を維持
・見出し用とアクセント用の2枠へ、軽量なPNG／WebP／JPGを同梱可能
・外部画像URL、SVG、HTML、PHP、JavaScript、任意CSSは読み込み禁止
・画像1点48KB、縦横512px、コーデ全体128KBの上限を設定
・削除済みコーデは同じファイルから安全に再追加可能

【Ver.1.2 追加コーデ読み込み】
・任意のPHP、JavaScript、HTML、CSSを実行しない専用JSON形式を採用
・コーデID、コーデバージョン、必須項目、色、角丸、書体を追加前に検証
・128KBのサイズ制限、管理者権限、WordPress REST nonceで追加操作を保護
・追加コーデをWordPressのサイト単位optionへ保存し、再ログイン後も維持
・既存セットと同じ2列カード、縦スクロール、一発着せ替え、Undo／Redoへ対応
・同じコーデIDの二重追加を停止
・追加コーデだけ削除可能。既存記事を守るためCSS定義は安全に保持

【Ver.1.1 クローゼット連携】
・各機能のスクロール領域の最下部に「👗 新しいコーデを見る」を追加
・WordPress編集画面を残したまま、AIちいちゃんクローゼットを別タブで表示
・リンク先はコード内の1か所で管理し、記事内容・保存・着せ替え処理から独立
・お気に入りの保存キーとデータ形式、着せ替えエンジン、Undo／Redoを変更せず維持

【Ver.1公開版】
・これまでの正常機能をすべて統合
・WordPress公式形式のプラグインヘッダーと編集画面用読み込みへ対応
・公開版表記をVer.1へ統一
・書体変更中に例外が起きても、処理表示とカーソルが通常状態へ戻る安全処理を追加
・不要な開発用依存と未使用変数を整理
・パレット外枠固定、内部縦スクロール、記事セット／ちょい足し2列UIを維持

【ご注意】
更新前に、念のためWordPressのバックアップを作成してください。
初回は下書き記事で動作確認してから、公開中の記事へ使用することをおすすめします。
