php - ユーザーがウィジェットのヘッダーの色を変更できるようにするにはどうすればよいですか?

Question

だから私は、ユーザーがウィジェットのタイトルの背景色を変更できるようにしたいこのテーマを構築しています。したがって、サイドバーを登録する functions.php には、次のものがあります。

      'before_widget' => '',
      'after_widget' => '',
      'before_title' => '<div class="widget-header"><p>',
      'after_title' => '</p></div>',

追加したタイトルの背景色を変更できるようにするには:

'before title' => '<div class="widget-header" style="background: #ccc;"><p>'

そして、それはまだ機能します。色を選択できるテーマ オプション ページを作成し、コードを次のように変更しました。

'before title' => '<div class="widget-header" style="background: <?php echo get_option('shoboto_maincolor'); ?>;"><p>'

保存すると、ページが空白になります。私は style="background: ;" に完全に賛成です 正解です。サイトのロゴの色が変わるためです。コードは header.php にあります。だから、ワードプレスの要素をロードする順序と関係があると思います。私は正しいですか？つまり、オプション ページが値を渡した後にヘッダー (と思います) が読み込まれますが、functions.php は以前に読み込まれます。私は正しいですか？もしそうなら、どうすればこの問題に取り組むことができますか？ユーザーが色を変更できるようにする他の方法を知っていますか?