Wordpress 插件设置页面

Question

我正在编写我的第一个 WP 插件，所以我从简单开始。我想我会创建一个简单的插件，将 Google Analytics sn-p 注入页眉。一切似乎都正常，除了插件设置页面是空白的。应该有一个简单的表单，我可以在其中输入 Analytics UA，但页面完全空白。我一遍又一遍地查看代码，但没有发现问题。

<?php 
    /*
    Plugin Name: Analytics
    Plugin URI: https://chriscather.wordpress.com
    Description: Plugin for adding Google Analytics to website
    Author: C. Cather
    Version: 1.0
    Author URI: https://chriscather.wordpress.com
    */

add_action('admin_menu', 'cc_analytics_menu');

function cc_analytics_menu() {
    add_menu_page('CC Analytics', 'CC Analytics', 'administrator', 'cc_analytics_settings_page', 'cc_analytics_menu', plugins_url('analytics/images/analytics.png'));
}

add_action( 'admin_init', 'cc_analytics_settings' );

function cc_analytics_settings() {
    register_setting( 'cc_analytics_settings_group', 'accountant_name' );
}

function cc_analytics_settings_page(){?>
    <div class="wrap">
        <h2>Staff Details</h2>
        <form method="post" action="options.php">
            <?php settings_fields( 'cc_analytics_settings_group' ); ?>
            <?php do_settings_sections( 'cc_analytics_settings_group' ); ?>
            <table class="form-table">
                <tr valign="top">
                <th scope="row">Accountant Name</th>
                <td><input type="text" name="accountant_name" value="<?php echo esc_attr( get_option('accountant_name') ); ?>" /></td>
                </tr>
            </table>
            <?php submit_button(); ?>
        </form>
    </div>
<?php }

add_action( 'wp_head', 'cc_analytics' );
    function cc_analytics() { ?>
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

            ga('create', "<?php cc_analytics_settings_group('accountant_name') ?>", 'auto');
            ga('send', 'pageview');

        </script>
    <?php }

Answer 1

我解决了这个问题，而不是使用 PHP 变量来调用 Google Analytics 代码，而是从“设置”页面中的表单调用函数。

ga('create', '<?php echo get_option('accountant_name', ''); ?>', 'auto');

Answer 2

只需在add_menu_page 中重命名cc_analytics_menu 参数即可。

您的代码：

 add_menu_page('CC Analytics', 'CC Analytics', 'administrator', 'cc_analytics_settings_page', 'cc_analytics_menu', plugins_url('analytics/images/analytics.png'));

修改代码：

将cc_analytics_menu 重命名为cc_analytics_menu_function。

还有重命名回调函数：

add_menu_page('CC Analytics', 'CC Analytics', 'administrator', 'cc_analytics_settings_page', 'cc_analytics_menu_function', plugins_url('analytics/images/analytics.png'));

function cc_analytics_menu_function(){?>
    <div class="wrap">
        <h2>Staff Details</h2>
        <form method="post" action="options.php">
            <?php settings_fields( 'cc_analytics_settings_group' ); ?>
            <?php do_settings_sections( 'cc_analytics_settings_group' ); ?>
            <table class="form-table">
                <tr valign="top">
                <th scope="row">Accountant Name</th>
                <td><input type="text" name="accountant_name" value="<?php echo esc_attr( get_option('accountant_name') ); ?>" /></td>
                </tr>
            </table>
            <?php submit_button(); ?>
        </form>
    </div>
<?php }

完整的插件代码：

<?php 
    /*
    Plugin Name: Analytics
    Plugin URI: https://chriscather.wordpress.com
    Description: Plugin for adding Google Analytics to website
    Author: C. Cather
    Version: 1.0
    Author URI: https://chriscather.wordpress.com
    */

add_action('admin_menu', 'cc_analytics_menu');

function cc_analytics_menu() {
    add_menu_page('CC Analytics', 'CC Analytics', 'administrator', 'cc_analytics_settings_page', 'cc_analytics_menu_function', plugins_url('analytics/images/analytics.png'));
}

add_action( 'admin_init', 'cc_analytics_settings' );

function cc_analytics_settings() {
    register_setting( 'cc_analytics_settings_group', 'accountant_name' );
}

function cc_analytics_menu_function(){?>
    <div class="wrap">
        <h2>Staff Details</h2>
        <form method="post" action="options.php">
            <?php settings_fields( 'cc_analytics_settings_group' ); ?>
            <?php do_settings_sections( 'cc_analytics_settings_group' ); ?>
            <table class="form-table">
                <tr valign="top">
                <th scope="row">Accountant Name</th>
                <td><input type="text" name="accountant_name" value="<?php echo esc_attr( get_option('accountant_name') ); ?>" /></td>
                </tr>
            </table>
            <?php submit_button(); ?>
        </form>
    </div>
<?php }

add_action( 'wp_head', 'cc_analytics' );
    function cc_analytics() { ?>
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

            ga('create', "<?php cc_analytics_settings_group('accountant_name') ?>", 'auto');
            ga('send', 'pageview');

        </script>
    <?php }