wordpress - WordPress 小部件表单方法中的 $instance 为 null

Question

我是 WordPress 小部件开发新手，并从 tutsplus videos 学习在旅途中。我正在尝试为我的网站创建一个简单的小部件。到目前为止，我正在遵循视频中的每个步骤，但仍然收到以下错误，并且表单未保存值。

Warning: extract() expects parameter 1 to be array, null given in C:\Program Files\Ampps\www\test\wp-content\plugins\first\index.php on line 50

这是 from 方法

public function form($instance){ 
extract($instance);
?>
        <p>
            <lable for="<?php echo $this->get_field_id('ap_title_text');?>">Title Text: </lable>
            <input type="text" class="widefat" id="<?php echo $this->get_field_id('ap_title_text');?>"  name="<?php echo $this->get_field_name('ap_title_text');?>" value="<?php if(isset($ap_title_text)) echo esc_attr($ap_title_text);?>" />
        </p>

<?php

到目前为止，我刚刚创建了构造函数并注册了小部件。视频中直到这一步才显示错误。我用谷歌搜索到这个问题的每个网站都显示了类似的步骤。我不明白为什么它在我的系统上显示错误。
我正在使用昨天下载的 WordPress 3.5.2 并使用 php5.3。

编辑::这是代码。

class SidebarWidget extends WP_Widget{

    function __construct()
    {
        $options = array(
        'description'   =>  'Simplest way to start working from any page',
        'name'          =>  'Sidebar Widget'
        );
        parent::__construct('appSidebarWidget', '', $options);
    }

    public function form($instance)
    {   
        extract($instance);
        ?>
        <p>
            <label for="<?php echo $this->get_field_id('ap_title_text'); ?>" >Title Text: </lable>
            <input type="text" class="widefat" id="<?php echo $this->get_field_id('ap_title_text');?>"  name="<?php echo $this->get_field_name('ap_title_text');?>" value="<?php if(isset($ap_title_text)) echo esc_attr($ap_title_text);?>" />
        </p>

        <p>
            <label for="<?php echo $this->get_field_id('ap_app_name'); ?>" >app Name: </lable>
            <input type="text" class="widefat" id="<?php echo $this->get_field_id('ap_app_name');?>"    name="<?php echo $this->get_field_name('ap_app_name');?>"   value="<?php if(isset($ap_app_name)) echo esc_attr($ap_app_name);?>" />
        </p>

        <?php
    }

    public function widget($args, $instance)
    {

        extract($args);
        extract($instance);
        $display_gadget = "<iframe src='http://$appURL' width='150px' height='200px' scrolling='auto' frameborder='0' allowtransparency='true'></iframe>";

        if(empty($ap_title_text)){$ap_title_text = "Schedule Now";}
        echo $before_widget;
            echo $before_title.$ap_title_text.$after_title;
            echo $display_gadget;
        echo $after_widget;
    }

}

add_action('widgets_init','appRegisterWidget');
function appRegisterWidget()
{
    register_widget('appSidebarWidget');
}

我仍然无法让它工作。然而，我正在学习的实际项目按预期工作。我还是想知道这到底是怎么回事。我因此差点失去工作。

此外，任何人都可以指导我从正在显示的小部件上的按钮调用自定义 JavaScript 函数。基本上我的目的是在由表单上的信息呈现的小部件上显示一个按钮。当有人单击该按钮时，它应该显示带有消息的叠加层。

Answer 1

在下面的代码中

add_action('widgets_init','appRegisterWidget');
function appRegisterWidget()
{
    register_widget('appSidebarWidget'); <--
}

更改为

register_widget('SidebarWidget');

我在小部件设置表单中添加了一个网址文本框并且它正在工作，(下面给出了完整修改的代码)

class SidebarWidget extends WP_Widget{
    function __construct()
    {
        $options = array(
            'description'   =>  'Simplest way to start working from any page',
            'name'          =>  'Sidebar Widget'
        );
        parent::__construct('appSidebarWidget', '', $options);
    }

    public function form($instance)
    {   
        extract($instance);
        ?>
        <p>
            <label for="<?php echo $this->get_field_id('ap_title_text'); ?>" >Title Text: </lable>
            <input type="text" class="widefat" id="<?php echo $this->get_field_id('ap_title_text');?>"  name="<?php echo $this->get_field_name('ap_title_text');?>" value="<?php if(isset($ap_title_text)) echo esc_attr($ap_title_text);?>" />
        </p>

        <p>
            <label for="<?php echo $this->get_field_id('ap_app_name'); ?>" >App Name: </lable>
            <input type="text" class="widefat" id="<?php echo $this->get_field_id('ap_app_name');?>"    name="<?php echo $this->get_field_name('ap_app_name');?>"   value="<?php if(isset($ap_app_name)) echo esc_attr($ap_app_name);?>" />
        </p>
        <!-- New text box added -->
        <p>
            <label for="<?php echo $this->get_field_id('ap_app_url'); ?>" >App Url: </lable>
            <input type="text" class="widefat" id="<?php echo $this->get_field_id('ap_app_url');?>"    name="<?php echo $this->get_field_name('ap_app_url');?>"   value="<?php if(isset($ap_app_url)) echo esc_attr($ap_app_url);?>" />
        </p>

        <?php
    }

    public function widget($args, $instance)
    {
        extract($args);
        extract($instance);
        $display_gadget = "<iframe src='http://" . $ap_app_url . "' width='150px' height='200px' scrolling='auto' frameborder='0' allowtransparency='true'></iframe>";

        if(empty($ap_title_text)){$ap_title_text = "Schedule Now";}
        echo $before_widget;
        echo $before_title.$ap_title_text.$after_title;
        echo $display_gadget;
        echo $after_widget;
    }

}

add_action('widgets_init','appRegisterWidget');
function appRegisterWidget()
{
    register_widget('SidebarWidget');
}

下面给出的工作示例的屏幕截图