How to display a value from a radio button in the options menu in wordpress

I’m a little stumped on this one. I’m not very experienced when it comes to PHP, but I have figured out how to display a value inputted from a text box. I’m now trying to do the same with a radio button.

My ultimate goal is to allow the site admin to be able to change the color of the theme by selecting from a few options. I want to be able to change CSS depending on what option is selected

As of right now, I’m basically just trying to display any kind of value on the site, such as displaying

Golden Theme

in the header or something, just to get it to work.

Below I have the values set to 0, 1, 2, 3 in hopes to get that to display on my site dependent on what radio button is selected in the options menu.

Heres my current code

function colorSelector(){
<h3 class=”title”>Set Theme Color</h3>
<form method=”post” action=”options.php”>
<?php settings_fields(‘colorSelector-settings-group’); ?>
<input type=”radio” id=”goldTheme” name=”colorSelect” value=”0″ <?php checked( ‘0’, get_option( ‘colorSelect’ ) ); ?> checked>
<label for=”goldTheme”>Golden (Default)</label>

<input type=”radio” id=”monochromeTheme” name=”colorSelect” value=”1″ <?php checked( ‘1’, get_option( ‘colorSelect’ ) ); ?>>
<label for=”monochromeTheme”>Monochrome</label>

<input type=”radio” id=”greenTheme” name=”colorSelect” value=”2″ <?php checked( ‘2’, get_option( ‘colorSelect’ ) ); ?>>
<label for=”greenTheme”>Green</label>

<input type=”radio” id=”blueTheme” name=”colorSelect” value=”3″ <?php checked( ‘3’, get_option( ‘colorSelect’ ) ); ?>>
<label for=”blueTheme”>Blue</label>

<?php submit_button(); ?>

function add_colorSelector_options_page(){
add_menu_page(‘Color Selector’, ‘Color Selector’, ‘manage_options’, “manage-colorSelector-options”, “colorSelector”);
add_action(‘admin_init’, ‘colorSelector_custom_settings’);

function colorSelector_custom_settings(){
register_setting(‘colorSelector-settings-group’, ‘colorSelect’);


add_action(‘admin_menu’, ‘add_colorSelector_options_page’);

And this is the code I’m attempting to use to display the selected value in HTML

<?php echo get_option(‘colorSelect’); ?>

What am I missing? Any help would be appreciated

Read more here:: How to display a value from a radio button in the options menu in wordpress

Leave a Reply

Your email address will not be published. Required fields are marked *