/ Published in: PHP
The Logo settings start on line 110 of the commented version.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<?php // ********************************************************** // ********************************************************** // *** MY THEME OPTIONS PAGE A WORKING SAMPLE TO BUILD ON *** // ********************************************************** // ********************************************************** ?> <?php // ************************************************************** // ************************************************************** // **** CODE TO ADD TO THE CURRENT THEMES FUNCTIONS.PHP FILE **** // ************************************************************** // ************************************************************** ?> <?php // ************************************************************* // ************************************************************* // **** CODE TO ADD TO THE THEME FILE WHERE OPTIONS DISPLAY **** // ************************************************************* // ************************************************************* // **** CHANGE THE KEY TO THE OPTION THAT YOU WANT TO SHOW ***** // ************************************************************* // ************************************************************* /** * <?php $options = get_option('plugin_options'); ?> * <img src="<?php echo $options['logo']; ?>" alt="Logo" /> * */ ?> <?php // ************************************************************************** // ************************************************************************** // ********* IN THIS CASE YOU CAN STYLE THE THEME OPTIONS WITH THIS ********* // ************************************************************************** // ************************************************************************** // **** THE OPTIONS_PAGE.CSS SHOULD GO IN THEME DIR/CSS/options_page.css **** // ************************************************************************** // ************************************************************************** ?> <?php // ***************************************************************** // ***************************************************************** // ************ THE ACTUAL OPTIONS.PHP FILE CODE ******************* // ***************************************************************** // ***************************************************************** add_action('admin_menu', 'create_theme_options_page'); add_action('admin_init', 'register_and_build_fields'); function create_theme_options_page() { add_options_page('Theme Options', 'Theme Options', 'administrator', __FILE__, 'options_page_fn'); } function register_and_build_fields() { register_setting('plugin_options', 'plugin_options', 'validate_setting'); add_settings_section('main_section', 'Main Settings', 'section_cb', __FILE__); add_settings_field('color_scheme', 'Color Scheme:', 'color_scheme_setting', __FILE__, 'main_section'); add_settings_field('logo', 'Upload Custom Logo:', 'logo_setting', __FILE__, 'main_section'); // LOGO add_settings_field('banner_heading', 'Banner Heading:', 'banner_heading_setting', __FILE__, 'main_section'); add_settings_field('adverting_information', 'Advertising Info:', 'advertising_information_setting', __FILE__, 'main_section'); add_settings_field('ad_one', 'Ad:', 'ad_setting_one', __FILE__, 'main_section'); // Ad1 add_settings_field('ad_two', 'Second Ad:', 'ad_setting_two', __FILE__, 'main_section'); // Ad2 } function options_page_fn() { ?> <div id="theme-options-wrap" class="widefat"> <div class="icon32" id="icon-tools"></div> <h2>IdeaTree Designs Theme Options Panel</h2> <p>Use the sections below to customize your theme, then click Save Changes.</p> <form method="post" action="options.php" enctype="multipart/form-data"> <?php settings_fields('plugin_options'); ?> <?php do_settings_sections(__FILE__); ?> <p class="submit"> <input name="Submit" type="submit" class="button-primary" value="<?php esc_attr_e('Save Changes'); ?>" /> </p> </form> </div> <?php } // Banner Heading function banner_heading_setting() { $options = get_option('plugin_options'); echo "<input name='plugin_options[banner_heading]' type='text' value='{$options['banner_heading']}' />"; } // Color Scheme function color_scheme_setting() { $options = get_option('plugin_options'); echo "<select name='plugin_options[color_scheme]'>"; foreach ($items as $item) { $selected = ( $options['color_scheme'] === $item ) ? 'selected = "selected"' : ''; echo "<option value='$item' $selected>$item</option>"; } echo "</select>"; } // Advertising info function advertising_information_setting() { $options = get_option('plugin_options'); echo "<textarea name='plugin_options[advertising_information]' rows='10' cols='60' type='textarea'>{$options['advertising_information']}</textarea>"; } // Ad one function ad_setting_one() { echo '<input type="file" name="ad_one" />'; } // Ad two function ad_setting_two() { echo '<input type="file" name="ad_two" />'; } /** * Logo */ function logo_setting() { echo '<input type="file" name="logo" />'; } function validate_setting($plugin_options) { $i = 0; foreach ($_FILES as $image) { // if a files was upload if ($image['size']) { // if it is an image $file = wp_handle_upload($image, $override); $plugin_options[$keys[$i]] = $file['url']; } else { $options = get_option('plugin_options'); $plugin_options[$keys[$i]] = $options[$logo]; wp_die('No image was uploaded.'); } } // else, retain the image that's already on file. else { $options = get_option('plugin_options'); $plugin_options[$keys[$i]] = $options[$keys[$i]]; } $i++; } return $plugin_options; } function section_cb() {} // Add stylesheet add_action('admin_head', 'admin_register_head'); function admin_register_head() { $url = get_bloginfo('template_directory') . '/css/options_page.css'; echo "<link rel='stylesheet' href='$url' />\n"; } ?>