主题选项页面-用户更新徽标

时间:2015-05-25 作者:ZacNespral21

我是WordPress开发的新手,所以请容忍我。

地点:https://wordpress-portfolio-zacnespral21.c9.io/

在上面的网站上,我想在主题选项页面中为用户添加一个选项,用他们选择/上传的任何图像替换左侧的brid徽标(默认)。我能够创建主题选项页面并填充一些虚拟内容,但现在我卡住了。目前,该标志是通过背景图像在一个跨度上调用的类。portfolioLogo如能提供任何帮助,我们将不胜感激。

谢谢

<?php

/**
* Step 1: Create link to the menu page.
*/
add_action(\'admin_menu\', \'ss_create_menu\');
function ss_create_menu() {    
    //create new top-level menu
    add_menu_page(__(\'Theme Settings\', \'simpleandsweet\'), __(\'S&S Theme\', \'simpleandsweet\'), \'administrator\', \'simpleandsweet-theme-settings\', \'ss_settings_page\', \'dashicons-admin-generic\');   
}

/**
* Step 2: Create settings fields.
*/
add_action( \'admin_init\', \'register_znsettings\' );
function register_znsettings() {
    register_setting( \'ss-settings-general\', \'portfolioLogo\' );
}

/** 
* Step 3: Create the markup for the options page
*/
function ss_settings_page() {

?>

<div class="wrap">
<h2><?php _e(\'Simple and Sweet - Theme Settings\', \'S&S Themes\'); ?></h2>

    <form method="post" id="ss-theme-options" action="options.php">

        <?php if(isset( $_GET[\'settings-updated\'])) { ?>
        <div class="updated">
            <p><?php _e(\'Settings updated successfully\', $textdomain); ?></p>
        </div>
        <?php } ?>

        <table class="form-table">
            <tr><td colspan="2"><h3><?php _e(\'Current Site Logo\', \'simpleandsweet\'); ?></h3></td></tr>

            <tr valign="top">
                <th scope="row"><?php _e(\'Logo\', \'simpleandsweet\'); ?></th>
                <td>
                    <img src="" alt="" />
                </td>
            </tr>

            <?php settings_fields( \'ss-settings-general\' ); ?>
            <?php do_settings_sections( \'ss-settings-general\' ); ?>
        </table>

        <?php submit_button(); ?>
    </form>

</div>

1 个回复
SO网友:Scott Wolter

您的主题面板使用什么框架?

你需要将图像上传到你的主题面板页面和一行代码中,以便在你想要的主题的任何地方调用它。

这是一个示例:

在主题面板中function page

$options[] = array(
        \'name\' => __(\'Introduction Image\', \'options_check\'),
        \'desc\' => __(\'This is your site logo.\', \'options_check\'),
        \'id\' => \'introtext_uploader\',
        \'type\' => \'upload\');
并融入你的主题,例如header.php

<img src="<?php echo of_get_option(\'introtext_uploader\'); ?>" alt="" />

结束

相关推荐

将javascript添加到unctions.php会导致模板出现问题

我想要一个“阅读”链接,点击后可以移动到页面的另一部分。I understand the HTML bit 和I have even used some nice scrolling.它起作用了。但当实施时,我的部分主题就被打破了。滑块图像消失,H1文本全部聚集到左侧。下面是我添加到子函数的内容。php,以便将javascript注入头部区域。/** * Smooth scroll */ add_action(\'wp_head\', \'wpse_43672_wp