Skip to content

[カテゴリ] カテゴリ設定にカラーピッカー機能を追加しました - #2227

Merged
masaton0216 merged 2 commits into
masterfrom
feature/category-color-picker
Jul 10, 2025
Merged

[カテゴリ] カテゴリ設定にカラーピッカー機能を追加しました#2227
masaton0216 merged 2 commits into
masterfrom
feature/category-color-picker

Conversation

@masaton0216

@masaton0216 masaton0216 commented Jul 10, 2025

Copy link
Copy Markdown
Contributor

概要

  • カテゴリ設定の文字色・背景色入力にHTMLカラーピッカーを追加
  • レガシーブラウザ(IE)対応コードを削除

変更内容

  • ✅ サイト管理カテゴリ設定にカラーピッカー追加
  • ✅ プラグイン個別カテゴリ設定にカラーピッカー追加
  • ✅ Vue.js実装でテキスト入力とカラーピッカーを同期
  • ✅ パレットアイコンで視覚的に分かりやすいUI
  • ✅ 既存のサイト管理・ページ管理カラーピッカーにもパレットアイコン追加
  • ✅ スマホ対応(ヘッダーに説明文追加)
  • ✅ 説明文更新(カラーピッカー機能の説明追加)
  • ✅ IE対応コード削除(2025年対応)

影響範囲

  • (ピッカー追加)サイト管理 > カテゴリ設定
  • (ピッカー追加)各プラグインのカテゴリ設定(Blog、Database、FAQ等)
  • (横展開対応:UI統一&IEコード削除)サイト管理 > サイト基本設定
  • (横展開対応:UI統一&IEコード削除)ページ管理 > ページ編集

技術仕様

  • HTML5 input type="color"使用
  • Vue.js 3系で双方向データバインディング
  • Bootstrap 4のレイアウト活用
  • Font Awesome パレットアイコン
  • IE対応コード完全削除

UI改善

Before:

  • カテゴリ設定:テキスト入力のみ(カラーコード手動入力)
  • 既存カラーピッカー:シンプルなボタン

After:

  • カテゴリ設定:テキスト入力 + カラーピッカー(直感的な色選択)
  • 全カラーピッカー:パレットアイコン付きで統一されたデザイン

テスト項目

  • サイト管理でカラーピッカー動作確認
  • ブログプラグインでカラーピッカー動作確認
  • サイト基本設定・ページ管理でのUI統一確認
  • テキスト入力とカラーピッカーの値同期確認
  • 既存データの表示・編集に影響なし
  • スマホでの表示・操作確認

DB変更

なし

@masaton0216 masaton0216 changed the title [カテゴリ] カテゴリ設定にカラーピッカー機能を追加し、全カラー入力UIを統一しました [カテゴリ] カテゴリ設定にカラーピッカー機能を追加しました Jul 10, 2025
@masaton0216 masaton0216 self-assigned this Jul 10, 2025
@masaton0216 masaton0216 added the enhancement 機能強化 label Jul 10, 2025
@masaton0216
masaton0216 merged commit fb28923 into master Jul 10, 2025
1 check passed
@masaton0216
masaton0216 deleted the feature/category-color-picker branch July 10, 2025 06:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement 機能強化

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant