最近访客

WordPress自定义小工具(Widget )开发实例

详情
评论
问答
赞助

您可以通过搜索或浏览分类列表来找到您期望下载的资源。随后点击资源介绍页右侧的下载链接按钮,依据提示信息进行操作即可。

大部分资源可积分免费下载,为了维持网站的运行小部分资源须付费才能下载。

本站提供的下载资源均为网络搜集,仅供个人学习和交流使用。对于版权问题,请用户自行判断并承担相应责任。

随着时间的推移,维持网站的运行需要支出高昂的服务器和带宽费用。为了能继续坚持免费做下去,如果觉得文章对您有用,希望您能动动发财的小手免费赞助狐狸,给狐狸加油打气!激励狐狸库继续创作下去!谢谢!

在互联网的浩瀚海洋中,我们的网站就像一座明亮的灯塔,为无数用户照亮前行的道路。它承载着知识的传递、梦想的交流,以及大家共同的回忆与期待。然而,运营和维护这样一个网站需要投入大量的心血与资金。

现在,您只需通过支付宝扫码领红包,就能轻松成为我们的赞助人。这不仅是一次简单的支持,更是您与网站共同成长的见证。操作简单,打开支付宝,扫描专属二维码,您的每一份心意都将化作网站发展的动力。

您的赞助,能让网站不断升级,提供更优质的服务,给大家带来更好的体验。让我们携手共进,让这座灯塔绽放更耀眼的光芒,照亮更多人的网络世界 。

下面是免费赞助的方法和流程

  1. 下面图一是本站的支付宝每日领红包二维码,使用支付宝扫描二维码后会自动显示红包金额,有任意小额金额红包。
  2. 点击“去使用”,再扫描第三张图的二维码进行付款即可。
  3. 上面扫到多少红包就输入多少金额,红包会自动抵扣金额,所以不需要额外费用。
  4. 如需赞助自定义金额请到【赞助狐狸】页面进行赞助。
  5. 这个扫码红包是每天都可以领的哦,支持同账号重复,每天花一分钟时间即可免费支持本站!
扫码红包 红包图 扫码支付
WordPress自定义小工具(Widget )开发实例-狐狸库
WordPress

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

WordPress自定义小工具(Widget )开发实例-狐狸库
<?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
    }
}
?>

温馨提示:本文最后更新于2022/10/20 03:56:30。若文章内容或图片失效,请留言联系站长反馈!
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容