WordPress 怎么用自定义小工具(Widget )开发?

2023年2月17日17:39:48 发表评论
腾讯云正在大促:点击直达 阿里云超级红包:点击领取
免费/便宜/高性价比服务器汇总入口(已更新):点击这里了解

WordPress 怎么用自定义小工具(Widget )开发?

WordPress 怎么用自定义小工具(Widget )开发?这是一段有详细注释的WordPress自定义小工具(Widget )开发实例代码,可用于制作主题时集成自定义小工具,将代码添加到主题functions.php中。

  1. <?php/**  * Add function to widgets_init that'll load our widget.  * @since 0.1  */add_action( 'widgets_init', 'example_load_widgets' );/**  * Register our widget.  * 'Example_Widget' is the widget class used below.  *  * @since 0.1  */function example_load_widgets() {    register_widget( 'Example_Widget' );}/**  * Example Widget class.  * This class handles everything that needs to be handled with the widget:  * the settings, form, display, and update.  Nice!  *  * @since 0.1  */class Example_Widget extends WP_Widget {    /**      * Widget setup.      */    function Example_Widget() {        /* Widget settings. */        $widget_ops = array( 'classname' => 'example', 'description' => __('An example widget that displays a person's name and sex.', 'example') );        /* Widget control settings. */        $control_ops = array( 'width' => 300, 'height' => 350, 'id_base' => 'example-widget' );        /* Create the widget. */        $this->WP_Widget( 'example-widget', __('Example Widget', 'example'), $widget_ops$control_ops );    }    /**      * How to display the widget on the screen.      */    function widget( $args$instance ) {        extract( $args );        /* Our variables from the widget settings. */        $title = apply_filters('widget_title', $instance['title'] );        $name = $instance['name'];        $sex = $instance['sex'];        $show_sex = isset( $instance['show_sex'] ) ? $instance['show_sex'] : false;        /* Before widget (defined by themes). */        echo $before_widget;        /* Display the widget title if one was input (before and after defined by themes). */        if ( $title )            echo $before_title . $title . $after_title;        /* Display name from widget settings if one was input. */        if ( $name )            printf( '<p>' . __('Hello. My name is %1$s.', 'example') . '</p>', $name );        /* If show sex was selected, display the user's sex. */        if ( $show_sex )            printf( '<p>' . __('I am a %1$s.', 'example.') . '</p>', $sex );        /* After widget (defined by themes). */        echo $after_widget;    }    /**      * Update the widget settings.      */    function update( $new_instance$old_instance ) {        $instance = $old_instance;        /* Strip tags for title and name to remove HTML (important for text inputs). */        $instance['title'] = strip_tags$new_instance['title'] );        $instance['name'] = strip_tags$new_instance['name'] );        /* No need to strip tags for sex and show_sex. */        $instance['sex'] = $new_instance['sex'];        $instance['show_sex'] = $new_instance['show_sex'];        return $instance;    }    /**      * Displays the widget settings controls on the widget panel.      * Make use of the get_field_id() and get_field_name() function      * when creating your form elements. This handles the confusing stuff.      */    function form( $instance ) {        /* Set up some default widget settings. */        $defaults = array( 'title' => __('Example', 'example'), 'name' => __('John Doe', 'example'), 'sex' => 'male', 'show_sex' => true );        $instance = wp_parse_args( (array$instance$defaults ); ?>        <!-- Widget Title: Text Input -->        <p>            <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e('Title:', 'hybrid'); ?></label>            <input id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" value="<?php echo $instance['title']; ?>" style="width:100%;" />        </p>        <!-- Your Name: Text Input -->        <p>            <label for="<?php echo $this->get_field_id( 'name' ); ?>"><?php _e('Your Name:', 'example'); ?></label>            <input id="<?php echo $this->get_field_id( 'name' ); ?>" name="<?php echo $this->get_field_name( 'name' ); ?>" value="<?php echo $instance['name']; ?>" style="width:100%;" />        </p>        <!-- Sex: Select Box -->        <p>            <label for="<?php echo $this->get_field_id( 'sex' ); ?>"><?php _e('Sex:', 'example'); ?></label>            <select id="<?php echo $this->get_field_id( 'sex' ); ?>" name="<?php echo $this->get_field_name( 'sex' ); ?>" class="widefat" style="width:100%;">                <option <?php if ( 'male' == $instance['format'] ) echo 'selected="selected"'; ?>>male</option>                <option <?php if ( 'female' == $instance['format'] ) echo 'selected="selected"'; ?>>female</option>            </select>        </p>        <!-- Show Sex? Checkbox -->        <p>            <input class="checkbox" type="checkbox" <?php checked( $instance['show_sex'], true ); ?> id="<?php echo $this->get_field_id( 'show_sex' ); ?>" name="<?php echo $this->get_field_name( 'show_sex' ); ?>" />            <label for="<?php echo $this->get_field_id( 'show_sex' ); ?>"><?php _e('Display sex publicly?', 'example'); ?></label>        </p>    <?php    }}?>  

1、阿里云产品最新优惠领取地址:立即前往

2、阿里云服务器优惠券领取地址优惠购买地址:点击前往

3、阿里云最新优惠活动地址汇总,共16个,地址:点击前往

4、同配置云产品腾讯云相对便宜,先点此一键领取2860元无门槛满减券(老用户换QQ登陆,同一实名享新人特价),再点此进入腾讯云活动页面12年老码农建议:服务器升级、复购、续费贵,数据迁移也麻烦,建议用好新人优惠资格,买多年,配置一次性到位,后期省事又省钱。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: