Help with creating an admin options page

There you go Andy, hopefully this is what you want:

// register CSS files ready
function register_custom_styles() {
    wp_register_style( 'style1', plugins_url( '/css/style1.css', (__FILE__) ) );
    wp_register_style( 'style2', plugins_url( '/css/style2.css', (__FILE__) ) );
    wp_register_style( 'style3', plugins_url( '/css/style3.css', (__FILE__) ) );
}
add_action( 'wp_enqueue_scripts', 'register_custom_styles' );

//create admin sub menu - admin>appearance>styles
add_action('admin_menu', 'my_custom_submenu');
function my_custom_submenu() {
    add_submenu_page( 'themes.php', 'Styles', 'Styles', 'manage_options', 'styles', 'my_custom_submenu_page' );
}

add_action( 'admin_init', 'elh_register_settings' );

function elh_register_settings() {
	register_setting( 'elh-settings-group', 'user_select_styles' );
}

//create admin page for admin>appearance>styles
function my_custom_submenu_page() {
?>
<div>
  <h2>Select Style</h2>
  <form method="post" enctype="multipart/form-data" action="options.php">
	<?php
	    settings_fields( 'elh-settings-group' );
	    do_settings_sections( 'elh-settings-group' );
	    $selected = (get_option('user_select_styles') != '') ? get_option('user_select_styles') : '';

	?>
     <!--this option to wp_enqueue_style('style1')-->
     <label>  <input type="radio" name="user_select_styles" value="style1" <?php if($selected == "style1") echo "checked"; ?> />  <!--<img src="//path-to-style1-img" /> -->  Style1  </label>  

	 <br /> 

     <!--this option to wp_enqueue_style('style2')-->
     <label>  <input type="radio" name="user_select_styles" value="style2" <?php if($selected == "style2") echo "checked"; ?> />  <!--<img src="//path-to-style2-img" /> --> Style2  </label>  

	 <br /> 

     <!--this option to wp_enqueue_style('style3')-->
     <label>  <input type="radio" name="user_select_styles" value="style3" <?php if($selected == "style3") echo "checked"; ?> />  <!--<img src="path-to-style3-img" /> --> Style3  </label>  

	 <br /> 

     <?php submit_button(); ?>

  </form>

  <h2><?php if($selected != '') printf("You have selected %s.", $selected); ?></h2>

</div>
<?php
}

Neat idea. I was going to make multiple child themes for each theme but this is slick.

+Samuel Elh
Thanks for your help Samuel. That has got the options to save correctly now ready for when a user selects and saves the option. However, the CSS files aren’t enqueueing, they won’t enqueue on frontend when an option is selected and saved.

+jhnpldng
Yeah, if you’re not looking to do a lot of theme changes, you could try something like what Samuel Elh provided me with above rather than creating multiple child themes. This is more ideal for what I’m working on. Let me know if you managed to get that code to work too ??

Andy, I didn’t include the enqueuing script. I thought you did that.

Add this below the above code snippet:

function enqueue_my_css() {

	$selected = (get_option('user_select_styles') != '') ? get_option('user_select_styles') : '';
	if($selected != '')
		wp_enqueue_style( $selected , plugins_url( '/css/'.$selected.'.css', (__FILE__) ) );

}
add_action('wp_enqueue_scripts', 'enqueue_my_css');

Please note that you need to modify this plugins_url( '/css/'.$selected.'.css', (__FILE__) ). I used it because you used it before, I don’t what is the right path to CSS folder. And currently it enqueues some invalid path as

https://localhost/preview/wp-content/plugins/C:/wamp/www/preview/wp-content/themes/twentytwelve/css/style2.css?ver=4.2.2

Samuel, thanks so much, got it working.

I’m not very good with with coding, kind of a newbie at it, I got a bit mixed up with thinking $selected == "style1" was enqueuing the registered file. But that final bit has made it work.

And that plugins_url( '/css/'.$selected.'.css', (__FILE__) ) is alright because the code is in – plugins/my-styles-plugin/my-styles-plugin.php and gets, for example style1, mysite.com/wp-content/plugins/plugins/my-styles/styles1.css

This solution is perfect for me, really happy with it, thanks for helping ??

Andy, you are very welcome. Glad to hear it worked for you and that’s what you wanted.

Your coding skills should improve in a fast way thanks to WordPress first, the web, and the projects you work on. the same thing happened with me as I started from scratch less than a year ago.

Good luck to you, and have a nice day ??