WordPress日历小工具详解

WordPress日历小工具是一个按日给文章归档的小工具。WordPress日历小工具在网站侧边栏以日历的形式展示网站最新文章动态。

WordPress日历小工具
图1 WordPress日历小工具

WordPress日历小工具使用介绍

在网站【后台-外观-小工具】中找到【日历】小工具,将它拖到想要展示的侧边栏中就可以了。

WordPress日历小工具如何设置
图2 WordPress日历小工具如何设置

日历小工具只能设置侧边栏显示的标题。

WordPress日历小工具前端展示

前段预览日历小工具
图3 前段预览日历小工具

当哪天有文章更新的时候,当天的日期就会形成日期归档的超链接。
如:http://www.wptoutiao.com/date/2017/05/09(更多形式请阅读WordPress文章归档小工具中的文章归档URL格式

WordPress日历小工具源码介绍

源码位置:wp-includes\widgets\class-wp-widget-calendar.php
源代码:(since 4.4.0)

<?php
/**
 * Widget API: WP_Widget_Calendar class
 *
 * @package WordPress
 * @subpackage Widgets
 * @since 4.4.0
 */
 
/**
 * Core class used to implement the Calendar widget.
 *
 * @since 2.8.0
 *
 * @see WP_Widget
 */
class WP_Widget_Calendar extends WP_Widget {
	/**
	 * Ensure that the ID attribute only appears in the markup once
	 *
	 * @since 4.4.0
	 *
	 * @static
	 * @access private
	 * @var int
	 */
	private static $instance = 0;
 
	/**
	 * Sets up a new Calendar widget instance.
	 *
	 * @since 2.8.0
	 * @access public
	 */
	public function __construct() {
		$widget_ops = array(
			'classname' => 'widget_calendar',
			'description' => __( 'A calendar of your site&#8217;s Posts.' ),
			'customize_selective_refresh' => true,
		);
		parent::__construct( 'calendar', __( 'Calendar' ), $widget_ops );
	}
 
	/**
	 * Outputs the content for the current Calendar widget instance.
	 *
	 * @since 2.8.0
	 * @access public
	 *
	 * @param array $args     Display arguments including 'before_title', 'after_title',
	 *                        'before_widget', and 'after_widget'.
	 * @param array $instance The settings for the particular instance of the widget.
	 */
	public function widget( $args, $instance ) {
		/** This filter is documented in wp-includes/widgets/class-wp-widget-pages.php */
		$title = apply_filters( 'widget_title', empty( $instance['title'] ) ? '' : $instance['title'], $instance, $this->id_base );
 
		echo $args['before_widget'];
		if ( $title ) {
			echo $args['before_title'] . $title . $args['after_title'];
		}
		if ( 0 === self::$instance ) {
			echo '<div id="calendar_wrap" class="calendar_wrap">';
		} else {
			echo '<div class="calendar_wrap">';
		}
		get_calendar();
		echo '</div>';
		echo $args['after_widget'];
 
		self::$instance++;
	}
 
	/**
	 * Handles updating settings for the current Calendar widget instance.
	 *
	 * @since 2.8.0
	 * @access public
	 *
	 * @param array $new_instance New settings for this instance as input by the user via
	 *                            WP_Widget::form().
	 * @param array $old_instance Old settings for this instance.
	 * @return array Updated settings to save.
	 */
	public function update( $new_instance, $old_instance ) {
		$instance = $old_instance;
		$instance['title'] = sanitize_text_field( $new_instance['title'] );
 
		return $instance;
	}
 
	/**
	 * Outputs the settings form for the Calendar widget.
	 *
	 * @since 2.8.0
	 * @access public
	 *
	 * @param array $instance Current settings.
	 */
	public function form( $instance ) {
		$instance = wp_parse_args( (array) $instance, array( 'title' => '' ) );
		$title = sanitize_text_field( $instance['title'] );
		?>
		<p><label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title:'); ?></label>
		<input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo esc_attr($title); ?>" /></p>
		<?php
	}
}

WordPress日历小工具也只是提供了widget_title一个过滤器给我们自定义小工具的标题格式。

(完)

版权声明WordPress头条正在使用WordPress文章版权插件
如未注明,均为原创,转载需注明出处
本文链接地址:http://www.wptoutiao.com/widgets/479.html

小工具的相关文章

日历的相关文章

还可以分享文章给好友:

WordPress日历小工具详解”有2个评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注