<?php/*** ZanBlog 幻灯片组件** @package ZanBlog* @subpackage Widget*/class Zan_Slide extends WP_Widget {// 设定小工具信息function Zan_Slide() {$widget_options = array('name' => '幻灯片组件（ZanBlog）', 'description' => 'ZanBlog 幻灯片组件' );parent::WP_Widget( false, false, $widget_options ); }// 设定小工具结构function widget( $args, $instance ) { extract( $args );@$id = $instance['id'] ? $instance['id'] : '';$args = array('numberposts' => 6, // 最多获取6篇文章作为幻灯片'category' => $id,);$postQuery = get_posts( $args );echo $before_widget;?><p class="flexslider hidden-xs"><ul class="slides"><?phpforeach ( $postQuery as $post ) {?><li><p class="col-md-12"><p class="row"><p class="col-md-8"><a href="<?php echo get_permalink($post->ID);?>"><?php echo get_the_post_thumbnail($post->ID, array(500,230)); ?></a></p><p class="col-md-4"><a href="<?php echo get_permalink($post->ID);?>"><p style="font-size:15px;"><?php echo $post->post_title ?></p> </a><br/> <p style="font-size:14px;"><?php echo wp_trim_words($post->post_excerpt,50);?></p></p></p></p></li><?php}?></ul></p><?phpecho $after_widget;}function update( $new_instance, $old_instance ) { return $new_instance;}function form( $instance ) { @$id = esc_attr( $instance['id'] );?><p><label for="<?php echo $this->get_field_id( 'id' ); ?>">文章分类ID：<input class="widefat" name="<?php echo $this->get_field_name( 'id' ); ?>" type="text" value="<?php echo $id; ?>" /></label></p><?php }} register_widget( 'Zan_Slide' );?> /*** 在这里自定义你的CSS代码*/.zan-outline {color: #110E0E;}.header .logo {border-radius:20%;}nav.navbar-inverse .navbar-nav .avatar-and-username{padding-top: 5px;padding-bottom: 0px;margin-left: 2px;}nav.navbar-inverse .navbar-nav .avatar-and-username img {border-radius: 50%;}nav.navbar-inverse .navbar-nav .avatar-and-username img:hover {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}.navbar-form .form-control {border-color: #16a085;}.navbar-form .form-control:focus {border-color: #16a085;background-color: white!important;outline: 0;box-shadow: none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}