Question

我正在尝试构建一个主题选项页面并且已经成功，直到我添加了一个标签菜单。由于添加选项卡，选项不再保存。

这是我的代码。

<?php

function mb_admin_menu() {
$page = add_theme_page( 'Theme Options', 'Theme Options', 'edit_theme_options', 'mb-theme-options', 'mb_theme_options' );
add_action( 'admin_print_styles-' . $page, 'mb_admin_scripts' );
}
add_action( 'admin_menu', 'mb_admin_menu' );

function mb_admin_scripts() {
wp_enqueue_style( 'farbtastic' );
wp_enqueue_script( 'farbtastic' );
wp_enqueue_script( 'my-theme-options', get_template_directory_uri() . '/js/theme-options.js', array( 'farbtastic', 'jquery' ) );
}

function mb_theme_options( $active_tab = '' ) {
?>

<div class="wrap">
    <div id="icon-themes" class="icon32" ><br></div>
    <h2>My Theme Options</h2>

    <?php
if( isset( $_GET[ 'tab' ] ) ) {
$active_tab = $_GET[ 'tab' ];
} // end if
?>

<?php if( isset( $_GET[ 'tab' ] ) ) {
        $active_tab = $_GET[ 'tab' ];
    } else if( $active_tab == 'general-options' ) {
        $active_tab = 'general-options';
    } else {
        $active_tab = 'color-options';
    } // end if/else ?>

    <h2 class="nav-tab-wrapper">
        <a href="?page=mb-theme-options&tab=color-options" class="nav-tab <?php echo $active_tab == 'color-options' ? 'nav-tab-active' : ''; ?>">Color Options</a>
        <a href="?page=mb-theme-options&tab=general-options" class="nav-tab <?php echo $active_tab == 'general-options' ? 'nav-tab-active' : ''; ?>">General Options</a>
    </h2>

    <form method="post" action="options.php">
        <?php wp_nonce_field( 'update-options' ); ?>

        <?php if( $active_tab == 'color-options' ) {
        settings_fields( 'mb-color-options' );
        do_settings_sections( 'mb-color-options' );
    } else {
        settings_fields( 'mb-general-options' );
        do_settings_sections( 'mb-general-options' );
    } // end if/else

     submit_button(); ?>

    </form>
</div>
<?php
}

function mb_admin_init() {
register_setting( 'mb-color-options', 'mb-color-options' );
add_settings_section( 'section_colors',  'Color Settings', 'mb_section_colors', 'mb-color-options' );
add_settings_field( 'link_color', 'Link Color', 'mb_setting_color', 'mb-color-options', 'section_colors' );
add_settings_field( 'link_hover_color', 'Link Hover Color', 'mb_hover_setting_color', 'mb-color-options', 'section_colors' );
}
add_action( 'admin_init', 'mb_admin_init' );

function mb_section_colors() {
_e( 'The general section description goes here.' );
}

function mb_setting_color() {
$options = get_option( 'mb-color-options' );
?>
<input class="link_color" type="text" name="mb-theme-options[link_color]" value="<?php echo esc_attr( $options['link_color'] ); ?>" />
<input type='button' class='select_color button-secondary' value='Select Color'>
<div class='color_picker' style='z-index: 100; background:#f1f1f1; position:absolute; display:none;'></div>
<input type='button' class='reset_color button-secondary' value='Reset'>
<?php
}

function mb_hover_setting_color() {
$options = get_option( 'mb-color-options' );
?>
<input class="link_color" type="text" name="mb-theme-options[link_hover_color]" value="<?php echo esc_attr( $options['link_hover_color'] ); ?>" />
<input type='button' class='select_color button-secondary' value='Select Color'>
<div class='color_picker' style='z-index: 100; background:#f1f1f1; position:absolute; display:none;'></div>
<input type='button' class='reset_color button-secondary' value='Reset'>
<?php
}

function mb_link_color() {
$options = get_option( 'mb-theme-options' );
$link_color = $options['link_color'];
$link_hover_color = $options['link_hover_color'];
echo "<style> a { color: $link_color; } a:hover { color: $link_hover_color; } </style>";
}
add_action( 'wp_enqueue_scripts', 'mb_link_color' );

?>

是否有人能够指出自添加标签后选项未保存的原因？

Answer 1

你的问题解决了吗？如果没有，那就尝试一下!!它对我有用。
我只是改变了你注册设置的方式。不知道那是什么，但它奏效了。也可能适合你。

<?php 

function mb_admin_menu() {
    $page = add_theme_page( 'Theme Options', 'Theme Options', 'edit_theme_options', 'mb-theme-options', 'mb_theme_options' );
    add_action( 'admin_print_styles-' . $page, 'mb_admin_scripts' );
}
add_action( 'admin_menu', 'mb_admin_menu' );

function mb_admin_scripts() {
    wp_enqueue_style( 'farbtastic' );
    wp_enqueue_script( 'farbtastic' );
    wp_enqueue_script( 'my-theme-options', get_template_directory_uri() . '/js/theme-options.js', array( 'farbtastic', 'jquery' ) );
}

function mb_theme_options( $active_tab = '' ) {
    ?>

    <div class="wrap">
        <div id="icon-themes" class="icon32" ><br></div>
        <h2>My Theme Options</h2>

        <?php
        if( isset( $_GET[ 'tab' ] ) ) {
            $active_tab = $_GET[ 'tab' ];
        }
        ?>
        <h2 class="nav-tab-wrapper">
            <a href="?page=mb-theme-options&tab=color-options" class="nav-tab <?php echo $active_tab == 'color-options' ? 'nav-tab-active' : ''; ?>">Color Options</a>
            <a href="?page=mb-theme-options&tab=general-options" class="nav-tab <?php echo $active_tab == 'general-options' ? 'nav-tab-active' : ''; ?>">General Options</a>
        </h2>
        <form method="post" action="options.php">
            <?php wp_nonce_field( 'update-options' ); ?>
            <?php if( isset( $_GET[ 'tab' ] ) ) {
                $active_tab = $_GET[ 'tab' ];

                switch($active_tab) {
                    case 'color-options' :
                    echo $active_tab;
                    settings_fields('mb-color-options');
                    do_settings_sections('mb-color-options');
                    break;
                    case 'general-options' :
                    echo $active_tab;
                    settings_fields('mb-general-options');
                    do_settings_sections('mb-general-options');
                    break;
                }
                submit_button();
            }
            ?>
        </form>
    </div>
    <?php
}

function mb_admin_init() {
    register_setting( 'mb-color-options', 'link_color' );
    register_setting( 'mb-color-options', 'link_hover_color' );
    register_setting( 'mb-general-options', 'title' );
    add_settings_section( 'section_colors',  'Color Settings', null, 'mb-color-options' );
    add_settings_field( 'link_color', 'Link Color', 'mb_setting_color', 'mb-color-options', 'section_colors' );
    add_settings_field( 'link_hover_color', 'Link Hover Color', 'mb_hover_setting_color', 'mb-color-options', 'section_colors' );

    add_settings_section( 'section_options',  'General Options', null, 'mb-general-options' );
    add_settings_field( 'title', 'Page Title', 'mb_title_option', 'mb-general-options', 'section_options' );


}
add_action( 'admin_init', 'mb_admin_init' );

function mb_general_option() {
    _e( 'The general section description goes here.');
}

function mb_title_option() {
    $options = get_option('title');
    ?>
    <input type="text" name="title" id="title" value="<?php echo $options;?>"/>
    <?php 
}

function mb_section_colors() {
    _e( 'The general section description goes here.' );
}

function mb_setting_color() {
    $link_color = get_option( 'link_color' );
    ?>
    <input class="link_color" type="text" name="link_color" value="<?php echo $link_color; ?>" />
    <input type='button' class='select_color button-secondary' value='Select Color'>
    <div class='color_picker' style='z-index: 100; background:#f1f1f1; position:absolute; display:none;'></div>
    <input type='button' class='reset_color button-secondary' value='Reset'>
    <?php
}

function mb_hover_setting_color() {
    $link_hover_color = get_option( 'link_hover_color' );
    ?>
    <input class="link_color" type="text" name="link_hover_color" value="<?php echo $link_hover_color; ?>" />
    <input type='button' class='select_color button-secondary' value='Select Color'>
    <div class='color_picker' style='z-index: 100; background:#f1f1f1; position:absolute; display:none;'></div>
    <input type='button' class='reset_color button-secondary' value='Reset'>
    <?php
}

function mb_link_color() {
    $options = get_option( 'mb-theme-options' );
    $link_color = $options['link_color'];
    $link_hover_color = $options['link_hover_color'];
    echo "<style> a { color: $link_color; } a:hover { color: $link_hover_color; } </style>";
}
add_action( 'wp_enqueue_scripts', 'mb_link_color' );

Wordpress选项无法保存

1 个答案: