3

我创建了一个插件,它在 WordPress 的“设置”>“常规”页面上添加了一个输入框“徽标 URL”。可以调用此输入并正常工作。我创建了另一个插件,它可以拉取“徽标 URL”并应用路径来拉取登录屏幕的图像。一切都显得桃色。

我遇到的唯一问题是我想将“设置”>“常规”页面上的“徽标 URL”移动到“站点地址 (URL)”下。我不知道如何做到这一点。我已经在网上搜索并找不到有用的答案。

我目前正在删除原始的常规页面并添加一个新的常规页面,但不确定如何解析正确的 options-general.php。

如何在常规页面上将 Logo_URL 移到更高的位置?

/**
  * This is the code to create the Settings box on the Settings > General
  */    
$new_general_setting = new new_general_setting();

class new_general_setting {
    function new_general_setting( ) {
        add_filter( 'admin_init' , array( &$this , 'register_fields' ) );
    }
    function register_fields() {
        register_setting( 'general', 'URL_logo', 'esc_attr' );
        add_settings_field('URL_logo', '<label for="URL_logo">'.__('Website     logo (URL)' , 'URL_logo' ).'</label>' , array(&$this, 'fields_html') , 'general' );
    }
    function fields_html() {
        $value = get_option( 'URL_logo', '' );
        echo '<input type="text" id="URL_logo" name="URL_logo" value="' .     $value . '" />';
    }
}
4

1 回答 1

1

不,没有办法在本地订购。WordPress 首先打印它的东西,然后是我们的。它必须用 jQuery 来完成。

add_action( 'admin_footer-options-general.php', function()
{
    ?>
    <script type="text/javascript">
    jQuery(document).ready( function($) 
    {
        var son = $("label[for='URL_logo']").parent().parent(); // Our setting field
        var father = $("label[for='home']").parent().parent(); // WordPress setting field
        son.insertAfter(father);
    });
    </script>
    <?php
});

推荐的方法是将 JS 放入一个动作调用中以获取"admin_print_scripts-$hookname". 注意钩子名称在admin_footer和中的使用admin_head

由于您的字段仅在页面加载后更改,我们可以注意到“跳转”。为了平滑它,我们可以使用:

add_action( 'admin_head-options-general.php', function()
{
    echo '<style>#wpbody .wrap form{display:none}</style>';
});

并在之后添加这个 jQuery replaceWith()

$('#wpbody .wrap form').fadeIn('slow');
于 2013-10-03T23:41:10.947 回答