PHP Wordpress插件变量不响应内联样式

Question

I am developing a Wordpress Plugin and It has a shortcode that I am using to print out content to a page/post.

In my plugin file I have initiated all menu pages and settings, I have 2 settings in the plugin admin page and one of them is Brand Color so users can change the branding color of the form the shortcode is spitting out.

The data is saved in the wp-options table in wordpress and all working ok, the problem is when i try to echo out the variable content nothing is happening?

What I have done:

I first added a Global array variable at the top of my Plugin php file:

    $options = array();

    options_init(){

        if(current_user_can('manage_options')):

           global  $options;

            if(isset($_POST['form_submitted'])){

              $hidden = esc_html($_POST['form_submitted']);

                if($hidden == 'Y'){

                    $Brand = $_POST['brand_color'];
                    $options['brand_color'] = $Brand;

                    update_option('general_info', $options);
                }   

            }
                $options = get_option('general_info');

         endif
     }

So now I have stored the data I then retreive the data and store it in my options variable. In another function I create the shortcode function and content to show on the screen, when the shortcode is used.

I first call my global variable then the output for the shortcode content.

add_shortcode('my-form', 'budget_form');
function budget_form() {
global  $options;   
  ?>
<div class="monkey-budget-planner-wrapper">
        <div class="monkey-header-wrapper" style="background:<?php echo $options['brand_color'] ?>">
       </div>
</div>

    <?php
}

Th problem is that the style is not being output, there is no errors and in the inspector i see the output is blank. I am not sure what I am doing wrong?

Answer 1

Why not? You can combine some of your conditions also.

  options_init(){

        if(current_user_can('manage_options') && isset($_POST['form_submitted'])):

              $hidden = esc_html($_POST['form_submitted']);

                if( $hidden == 'Y'){

                    $brand = $_POST['brand_color'];

                    update_option('brand_color', $brand);
                }   


         endif
     }

Than you can use

    add_shortcode('my-form', 'budget_form');

        function budget_form() { 

          $color = get_option('brand_color'); ?>

          <div class="monkey-budget-planner-wrapper">
                 <div class="monkey-header-wrapper" style="background:<?php echo $color ?>"></div>
          </div>

    <?php } ?>

if you need more than one option set, than just create more with update_option(), if you are going to set page specific values, I would suggest update_post_meta and get_post_meta(). The update_option() is normally for data at the theme level.