* Server-side rendering of the `core/archives` block.
* Renders the `core/archives` block on server.
* @see WP_Widget_Archives
* @param array $attributes The block attributes.
* @return string Returns the post content with archives added.
function render_block_core_archives( $attributes ) {
$show_post_count = ! empty( $attributes['showPostCounts'] );
$type = isset( $attributes['type'] ) ? $attributes['type'] : 'monthly';
$class = 'wp-block-archives-list';
if ( ! empty( $attributes['displayAsDropdown'] ) ) {
$class = 'wp-block-archives-dropdown';
$dropdown_id = wp_unique_id( 'wp-block-archives-' );
$title = __( 'Archives' );
/** This filter is documented in wp-includes/widgets/class-wp-widget-archives.php */
$dropdown_args = apply_filters(
'widget_archives_dropdown_args',
'show_post_count' => $show_post_count,
$dropdown_args['echo'] = 0;
$archives = wp_get_archives( $dropdown_args );
$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $class ) );
switch ( $dropdown_args['type'] ) {
$label = __( 'Select Year' );
$label = __( 'Select Month' );
$label = __( 'Select Day' );
$label = __( 'Select Week' );
$label = __( 'Select Post' );
$show_label = empty( $attributes['showLabel'] ) ? ' screen-reader-text' : '';
$block_content = '<label for="' . $dropdown_id . '" class="wp-block-archives__label' . $show_label . '">' . esc_html( $title ) . '</label>
<select id="' . esc_attr( $dropdown_id ) . '" name="archive-dropdown">
<option value="">' . esc_html( $label ) . '</option>' . $archives . '</select>';
// Inject the dropdown script immediately after the select dropdown.
$block_content .= block_core_archives_build_dropdown_script( $dropdown_id );
/** This filter is documented in wp-includes/widgets/class-wp-widget-archives.php */
$archives_args = apply_filters(
'show_post_count' => $show_post_count,
$archives_args['echo'] = 0;
$archives = wp_get_archives( $archives_args );
$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $class ) );
if ( empty( $archives ) ) {
__( 'No archives to show.' )
* Generates the inline script for an archives dropdown field.
* @param string $dropdown_id ID of the dropdown field.
* @return string Returns the dropdown onChange redirection script.
function block_core_archives_build_dropdown_script( $dropdown_id ) {
$exports = array( $dropdown_id, home_url() );
( ( [ dropdownId, homeUrl ] ) => {
const dropdown = document.getElementById( dropdownId );
function onSelectChange() {
if ( 'escape' === dropdown.dataset.lastkey ) {
location.href = dropdown.value;
function onKeyUp( event ) {
if ( 'Escape' === event.key ) {
dropdown.dataset.lastkey = 'escape';
delete dropdown.dataset.lastkey;
delete dropdown.dataset.lastkey;
dropdown.addEventListener( 'keyup', onKeyUp );
dropdown.addEventListener( 'click', onClick );
dropdown.addEventListener( 'change', onSelectChange );
} )( <?php echo wp_json_encode( $exports, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ); ?> );
return wp_get_inline_script_tag(
trim( str_replace( array( '<script>', '</script>' ), '', ob_get_clean() ) ) .
"\n//# sourceURL=" . rawurlencode( __FUNCTION__ )
* Register archives block.
function register_block_core_archives() {
register_block_type_from_metadata(
'render_callback' => 'render_block_core_archives',
add_action( 'init', 'register_block_core_archives' );