Webサービスのユーザー側のカラーを、管理画面で一括変更できるような仕組みを作りたい
解決したいこと
jQuery、SCSS、Python、Djangoを利用しています。
管理者だけが操作できる管理画面と、一般ユーザーが見る画面のあるWebサービスがあり、
管理画面で管理者がボタンの色に「#f00」を登録したら、ユーザー画面全体のボタンの色が「#f00」に変わるような仕組みを作りたい
そもそもどうやって実装したら良いか、取っ掛かりもなく行き詰まっている状態です。。。
検索のキーワードもわからず、良い参考記事も見つけられないでいます。
自分で試したこと
Djangoテンプレートに、
tpl
<input type="hidden" data-service-color="{{service_color}}">
のような形で利用する色を表示しておき、
jQueryでdata-service-colorの値を読み取って、
tpl
<button class="js_change_color">登録する</button>
jQuery
$('.js_change_color').css('background-color', service_color);
のような形で指定する
ただし、この場合
・JavaScriptを使うため、色の変更が完了するまで少し時間がかかる
・色を変更したい対象が様々なため、buttonだったらbackground-color、○○○だったらborder-color。。。とUIごとにプロパティのパターンをたくさん記述しないといけなくなる
といった問題がありそうです。
0