问如何使用函数将文本小工具添加到wordpress侧边栏？
EN

Stack Overflow用户

提问于 2014-12-31 16:55:34

回答 1查看 550关注 0票数 1

我想添加文本小工具到我的网站侧边栏，当我激活主题。如何使用wordpress函数或其他方法来完成此操作？我使用的是wordpress 4.1。帮帮我。谢谢。

php

wordpress

回答 1

Stack Overflow用户

发布于 2015-01-02 06:21:36

我不知道你想创建什么样的小部件，所以我给你一个简单的例子，这样你就能理解了。

用functions.php编写blow代码，或者创建一个外部文件并将其包含到functions.php中

首先注册Widget：

//========= Your Custom Widget
add_action( 'widgets_init', 'your_simple_widget' );
function your_simple_widget() {
    register_widget( 'Your_Simple_Same_Widget' );
}

第二，创建一个小部件主体：

class Your_Simple_Same_Widget extends WP_Widget {  }

注意： register_widget( 'Your_Simple_Same_Widget' );名称与class Your_Simple_Same_Widget和微件安装程序名称必须相同

类中的widget有四个部分

小部件安装程序
How to display on front end
更新小部件管理面板中的表单或字段

好的，第三，在类中编写如下代码：

//========= Your Custom Widget Body
class Your_Simple_Same_Widget extends WP_Widget {

    //=======> Widget setup
    function Your_Simple_Same_Widget() {
        /* Widget settings. */
    $widget_ops = array( 'classname' => 'your class', 'description' => __('Your Class Description widget', 'your class') );

        /* Widget control settings. */
    $control_ops = array( 'width' => 300, 'height' => 350, 'id_base' => 'your_widget' );

    /* Create the widget. */
    $this->WP_Widget( 'your_widget', __('Widget Heading', 'your class'), $widget_ops, $control_ops );
    }

    //=======> How to display the widget on the screen.
    function widget($args, $widgetData) {
        extract($args);

        //=======> Our variables from the widget settings.
        $your_widget_title = $widgetData['txtYourTitle'];
        $your_widget_description = $widgetData['txtYourDescription'];

        //=======> widget body
        echo $before_widget;
        echo '<div class="">';

                if($your_widget_title){
                    echo '<h2>'.$your_widget_title .'</h2>';
                }

        if($your_widget_description){
                    echo '<p>'.$your_widget_description .'</p>';
        }

        echo "</div>";
        echo $after_widget;
    }

    //=======>Update the widget 
    function update($new_widgetData, $old_widgetData) {
        $widgetData = $old_widgetData;

        //Strip tags from title and name to remove HTML 
        $widgetData['txtYourTitle'] = $new_widgetData['txtYourTitle'];
        $widgetData['txtYourDescription'] = $new_widgetData['txtYourDescription'];
        return $widgetData;
    }

    //=======>widget Display
    function form($widgetData) {
        //Set up some default widget settings.
        $widgetData = wp_parse_args((array) $widgetData);
?>
        <p>
            <label for="<?php echo $this->get_field_id('txtYourTitle'); ?>">Widget Title:</label>
            <input id="<?php echo $this->get_field_id('txtYourTitle'); ?>" name="<?php echo $this->get_field_name('txtYourTitle'); ?>" value="<?php echo $widgetData['txtYourTitle']; ?>" style="width:275px;" />
        </p>
    <p>
            <label for="<?php echo $this->get_field_id('txtYourDescription'); ?>">Widget Title:</label>
            <input id="<?php echo $this->get_field_id('txtYourDescription'); ?>" name="<?php echo $this->get_field_name('txtYourDescription'); ?>" value="<?php echo $widgetData['txtYourDescription']; ?>" style="width:275px;" />
        </p>
<?php
    }

}
?>