WP_Widget_Archives{}WP 2.8.0

Core class used to implement the Archives widget.

Usage

$WP_Widget_Archives = new WP_Widget_Archives();
// use class methods

Methods

  1. public __construct()
  2. public form( $instance )
  3. public update( $new_instance, $old_instance )
  4. public widget( $args, $instance )

Examples

0

#1 WooCommerce product archives widget

If you do not need the default "Archives" widget, which by default displays the archives of posts, you can use hook filters to display WooCommerce product archives. The appearance will be the same as that of the posts, only when you select a month (by default) the user will go to the archive of products published in that month.

add_filter('widget_archives_dropdown_args', 'wc_widget_archives_args' ); // For the dropdown list
add_filter('widget_archives_args', 'wc_widget_archives_args' ); // For a bulleted list

function wc_widget_archives_args( $args ) {
	$args['post_type'] = 'product';

	return $args;
}
0

#2 Archive widget by day

If the site posts are frequently published, you can display the archives by day and limit the number of days to be displayed.

add_filter( 'widget_archives_dropdown_args', 'widget_archives_days' );

function wc_add_widget_archives_dropdown_args( $args ) {
	$args['type']  = 'daily';
	$args['limit'] = 5;

	return $args;
}
0

#3 Creating an improved archive widget (non-Gutenberg widget)

In the front end of the site, a dropdown or tokenized list is generated using wp_get_archives(), which can take more parameters than can be specified in the standard "Archives" widget. Let's create our "Enhanced Archives" widget based on the "Archives" widget, where we'll provide a choice:

  • what type of archive (by year, by month, by week, and so on);
  • how many links to display;
  • create links to archives of what type of posts.
<?php

add_action( 'widgets_init', 'register_widget_archives_advanced' );

function register_widget_archives_advanced() {

	class WP_Widget_Archives_Advanced extends WP_Widget_Archives {

		public $default = [ 'type' => 'monthly', 'limit' => '', 'post_type' => 'post', ];

		public function __construct() {
			$widget_ops = [
				'description' => 'Improved widget with archives',
			];

			WP_Widget::__construct( 'archives_advanced', 'Enhanced archives', $widget_ops );
		}

		// html form of widget settings in the admin panel
		public function form( $instance ) {
			parent::form( $instance );

			$instance = wp_parse_args( (array) $instance, $this->default );

			$options = [
				'monthly' => 'By month',
				'yearly' => 'By year',
				'daily' => 'By day',
				'weekly' => 'By week',
				'postbypost' => 'By post (sorted by date)',
				'alpha' => 'By post (sorted by title)',
			];
			?>
			<p>
				<label for="<?php php $this->get_field_id('type' ); ?>">Archive type</label>
				<select name="<?php echo $this->get_field_name( 'type' ); ?>"
						id="<?php echo $this->get_field_id( 'type' ); ?>"
						class="widefat"
				>
					<?php foreach ( $options as $value => $text ): ?>
						<option value="<?php echo esc_attr( $value ); ?>"<?php selected( $instance['type'], $value ); ?>>
							<?php echo esc_html( $text ); ?>
						</option>
					<?php endforeach; ?>
				</select>
			</p>

			<p>
				<label for="<?php php $this->get_field_id('limit' ); ?>">Number of links to archives</label>
				<input type="number"
					   name="<?php echo $this->get_field_name( 'limit' ); ?>"
					   id="<?php echo $this->get_field_id( 'limit' ); ?>"
					   class="widefat"
					   value="<?php echo isset( $instance['limit'] ) ? esc_attr( $instance['limit'] ) : ''; ?>"
				>
				<small>Leave the field blank to display all links</small>
			</p>

			<p>
				<label for="<?php php $this->get_field_id('post_type' ); ?>">Post type</label>
				<select name="<?php echo $this->get_field_name( 'post_type' ); ?>"
						id="<?php echo $this->get_field_id( 'post_type' ); ?>"
						class="widefat"
				>
					<?php foreach ( get_post_types( [ 'public' => true, ], 'objects' ) as $post_type ): ?>
						<option
								value="<?php echo esc_attr( $post_type->name ); ?>"
							<?php selected( $instance['post_type'], $post_type->name ); ?>
						>
							<?php echo esc_html( $post_type->label ); ?>
						</option>
					<?php endforeach; ?>
				</select>
			</p>
			<?php
		}

		// Saving widget settings
		public function update( $new_instance, $old_instance ) {
			$new_instance = wp_parse_args( (array) $new_instance, $this->default );

			$instance              = parent::update( $new_instance, $old_instance );
			$instance['type']      = sanitize_key( $new_instance['type'] );
			$instance['limit']     = $new_instance['limit'] > 0 ? (int) $new_instance['limit'] : '';
			$instance['post_type'] = sanitize_key( $new_instance['post_type'] );

			return $instance;
		}

		// Widget output in the front part of the site
		public function widget( $args, $instance ) {
			add_filter( 'widget_archives_dropdown_args', [ $this, 'add_args' ], 10, 2 );
			add_filter( 'widget_archives_args', [ $this, 'add_args' ], 10, 2 );

			parent::widget( $args, $instance );

			remove_filter( 'widget_archives_dropdown_args', [ $this, 'add_args' ] );
			remove_filter( 'widget_archives_args', [ $this, 'add_args' ] );
		}

		public function add_args( $args, $instance ) {
			return wp_parse_args( $instance, $args );
		}
	}

	register_widget( 'WP_Widget_Archives_Advanced' );
}

Notes

Changelog

Since 2.8.0 Introduced.

WP_Widget_Archives{} code WP 6.5.2

<?php
class WP_Widget_Archives extends WP_Widget {

	/**
	 * Sets up a new Archives widget instance.
	 *
	 * @since 2.8.0
	 */
	public function __construct() {
		$widget_ops = array(
			'classname'                   => 'widget_archive',
			'description'                 => __( 'A monthly archive of your site&#8217;s Posts.' ),
			'customize_selective_refresh' => true,
			'show_instance_in_rest'       => true,
		);
		parent::__construct( 'archives', __( 'Archives' ), $widget_ops );
	}

	/**
	 * Outputs the content for the current Archives widget instance.
	 *
	 * @since 2.8.0
	 *
	 * @param array $args     Display arguments including 'before_title', 'after_title',
	 *                        'before_widget', and 'after_widget'.
	 * @param array $instance Settings for the current Archives widget instance.
	 */
	public function widget( $args, $instance ) {
		$default_title = __( 'Archives' );
		$title         = ! empty( $instance['title'] ) ? $instance['title'] : $default_title;

		/** This filter is documented in wp-includes/widgets/class-wp-widget-pages.php */
		$title = apply_filters( 'widget_title', $title, $instance, $this->id_base );

		$count    = ! empty( $instance['count'] ) ? '1' : '0';
		$dropdown = ! empty( $instance['dropdown'] ) ? '1' : '0';

		echo $args['before_widget'];

		if ( $title ) {
			echo $args['before_title'] . $title . $args['after_title'];
		}

		if ( $dropdown ) {
			$dropdown_id = "{$this->id_base}-dropdown-{$this->number}";
			?>
		<label class="screen-reader-text" for="<?php echo esc_attr( $dropdown_id ); ?>"><?php echo $title; ?></label>
		<select id="<?php echo esc_attr( $dropdown_id ); ?>" name="archive-dropdown">
			<?php
			/**
			 * Filters the arguments for the Archives widget drop-down.
			 *
			 * @since 2.8.0
			 * @since 4.9.0 Added the `$instance` parameter.
			 *
			 * @see wp_get_archives()
			 *
			 * @param array $args     An array of Archives widget drop-down arguments.
			 * @param array $instance Settings for the current Archives widget instance.
			 */
			$dropdown_args = apply_filters(
				'widget_archives_dropdown_args',
				array(
					'type'            => 'monthly',
					'format'          => 'option',
					'show_post_count' => $count,
				),
				$instance
			);

			switch ( $dropdown_args['type'] ) {
				case 'yearly':
					$label = __( 'Select Year' );
					break;
				case 'monthly':
					$label = __( 'Select Month' );
					break;
				case 'daily':
					$label = __( 'Select Day' );
					break;
				case 'weekly':
					$label = __( 'Select Week' );
					break;
				default:
					$label = __( 'Select Post' );
					break;
			}
			?>

			<option value=""><?php echo esc_html( $label ); ?></option>
			<?php wp_get_archives( $dropdown_args ); ?>

		</select>

			<?php ob_start(); ?>
<script>
(function() {
	var dropdown = document.getElementById( "<?php echo esc_js( $dropdown_id ); ?>" );
	function onSelectChange() {
		if ( dropdown.options[ dropdown.selectedIndex ].value !== '' ) {
			document.location.href = this.options[ this.selectedIndex ].value;
		}
	}
	dropdown.onchange = onSelectChange;
})();
</script>
			<?php
			wp_print_inline_script_tag( wp_remove_surrounding_empty_script_tags( ob_get_clean() ) );
		} else {
			$format = current_theme_supports( 'html5', 'navigation-widgets' ) ? 'html5' : 'xhtml';

			/** This filter is documented in wp-includes/widgets/class-wp-nav-menu-widget.php */
			$format = apply_filters( 'navigation_widgets_format', $format );

			if ( 'html5' === $format ) {
				// The title may be filtered: Strip out HTML and make sure the aria-label is never empty.
				$title      = trim( strip_tags( $title ) );
				$aria_label = $title ? $title : $default_title;
				echo '<nav aria-label="' . esc_attr( $aria_label ) . '">';
			}
			?>

			<ul>
				<?php
				wp_get_archives(
					/**
					 * Filters the arguments for the Archives widget.
					 *
					 * @since 2.8.0
					 * @since 4.9.0 Added the `$instance` parameter.
					 *
					 * @see wp_get_archives()
					 *
					 * @param array $args     An array of Archives option arguments.
					 * @param array $instance Array of settings for the current widget.
					 */
					apply_filters(
						'widget_archives_args',
						array(
							'type'            => 'monthly',
							'show_post_count' => $count,
						),
						$instance
					)
				);
				?>
			</ul>

			<?php
			if ( 'html5' === $format ) {
				echo '</nav>';
			}
		}

		echo $args['after_widget'];
	}

	/**
	 * Handles updating settings for the current Archives widget instance.
	 *
	 * @since 2.8.0
	 *
	 * @param array $new_instance New settings for this instance as input by the user via
	 *                            WP_Widget_Archives::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;
		$new_instance         = wp_parse_args(
			(array) $new_instance,
			array(
				'title'    => '',
				'count'    => 0,
				'dropdown' => '',
			)
		);
		$instance['title']    = sanitize_text_field( $new_instance['title'] );
		$instance['count']    = $new_instance['count'] ? 1 : 0;
		$instance['dropdown'] = $new_instance['dropdown'] ? 1 : 0;

		return $instance;
	}

	/**
	 * Outputs the settings form for the Archives widget.
	 *
	 * @since 2.8.0
	 *
	 * @param array $instance Current settings.
	 */
	public function form( $instance ) {
		$instance = wp_parse_args(
			(array) $instance,
			array(
				'title'    => '',
				'count'    => 0,
				'dropdown' => '',
			)
		);
		?>
		<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( $instance['title'] ); ?>" />
		</p>
		<p>
			<input class="checkbox" type="checkbox"<?php checked( $instance['dropdown'] ); ?> id="<?php echo $this->get_field_id( 'dropdown' ); ?>" name="<?php echo $this->get_field_name( 'dropdown' ); ?>" />
			<label for="<?php echo $this->get_field_id( 'dropdown' ); ?>"><?php _e( 'Display as dropdown' ); ?></label>
			<br />
			<input class="checkbox" type="checkbox"<?php checked( $instance['count'] ); ?> id="<?php echo $this->get_field_id( 'count' ); ?>" name="<?php echo $this->get_field_name( 'count' ); ?>" />
			<label for="<?php echo $this->get_field_id( 'count' ); ?>"><?php _e( 'Show post counts' ); ?></label>
		</p>
		<?php
	}
}