使用子主题，将自定义选项页面添加到仪表板，管理员可以在其中保存有关站点的详细信息。在子主题中使用此代码functions.php 要创建选项页，请执行以下操作：

add_action( \'admin_menu\', \'jrl_add_admin_menu\' );
function jrl_add_admin_menu()
{
    add_menu_page(\'Journal Options\', \'Journal Options\', \'manage_options\', \'functions\',\'journal_custom_options\');
}
function journal_custom_options()
{
?>
    <div class="jrl-wrap">
    <div class="icon32" id="icon-tools"> <br /> </div>
        <h2>Site Options</h2>
        <p>Add Site Informations.</p>
        <hr>
        <form method="post" action="options.php" enctype="multipart/form-data">
            <?php wp_nonce_field(\'update-options\') ?>
            <p><strong>site Title:</strong>
                <input type="text" name="jrlname" size="75" value="<?php echo get_option(\'jrlname\'); ?>" />
            </p>
            <p><strong>site Title Abbreviation:</strong>
                <input type="text" name="abr" size="25" value="<?php echo get_option(\'abr\'); ?>" />
            </p><hr>
            <p><strong>site-code:</strong>
                <input type="text" name="scode" size="45" value="<?php echo get_option(\'eissn\'); ?>" />
            </p>
            <p><strong>admin-code:</strong>
                <input type="text" name="acode" size="45" value="<?php echo get_option(\'pissn\'); ?>" />
            </p><hr>
            <p><strong>manager:</strong><br />
                <input type="text" name="chef" size="45" value="<?php echo get_option(\'chef\'); ?>" />
            </p><hr>
            <p class="submit"><input type="submit" name="Submit" value="Save Options" class="button-primary" /></p>
            <input type="hidden" name="action" value="update" />
            <input type="hidden" name="page_options" value="jrlname,scode,acode,chef,abr" />
        </form>
    </div>
<?php
}

这段代码创建了选项页面，并且工作正常。但是，当我尝试为这个页面添加样式时，什么都没有发生。我创建了一个样式表文件“site-options.css“在子主题的functions目录中，使用以下代码：

#jrl-wrap {
  width: 700px;
  padding: 3em;
  background: white;
  background: -moz-linear-gradient(top, #f4f2f2, white 20%, #f4f2f2 80%, white);
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f2f2), color-stop(.2, white), color-stop(.8, #f4f2f2), to(white));
  border-top: 1px solid white;
  color:red;
  }
#jrl-wrap h2 {
font-style:normal;
font-size:28px;
margin-bottom:20px;
font-style:italic;
}
#jrl-wrap #icon-tools {
  position: relative;  .
  top: -10px;
  }
#jrl-wrap input, #jrl-wrap textarea {
  padding: .7em;.
  }

我试图通过将此代码添加到子主题来调用此文件functions.php

// Add stylesheetadd_action(\'admin_head\', \'admin_register_head\');
    function admin_register_head() {
       $url = get_bloginfo(\'template_directory\') . \'/functions/site-options.css\';  echo "<link rel=\'stylesheet\' href=\'$url\' />n";
}

但什么都没有发生&；选项页仍然没有任何样式。有什么建议可以解决这个问题吗？

function jrl_styles() {
    ?><style type="text/css">
    #jrl-wrap {
      width: 700px;
      padding: 3em;
      /* ... */
    }
    </style><?php
}
add_action(\'admin_head\', \'jrl_styles\');

function load_custom_wp_admin_style() {
    wp_register_style( \'custom_wp_admin_css\', get_stylesheet_directory_uri() . \'/functions/site-options.css\', false, \'1.0.0\' );
    wp_enqueue_style( \'custom_wp_admin_css\' );
}
add_action( \'admin_enqueue_scripts\', \'load_custom_wp_admin_style\' );