xyuno
@xyuno

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

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

No Answers yet.

Your answer might help someone💌