Summery Summery
Render the filter bar portion of a themes section as a JS template.
Syntax Syntax
Description Description
The template is only rendered by PHP once, so all actions are prepared at once on the server side. The filter bar container is rendered by @see render_template()
.
Source Source
File: wp-includes/customize/class-wp-customize-themes-section.php
protected function filter_bar_content_template() { ?> <button type="button" class="button button-primary customize-section-back customize-themes-mobile-back"><?php _e( 'Back to theme sources' ); ?></button> <# if ( 'wporg' === data.action ) { #> <div class="search-form"> <label for="wp-filter-search-input-{{ data.id }}" class="screen-reader-text"><?php _e( 'Search themes…' ); ?></label> <input type="search" id="wp-filter-search-input-{{ data.id }}" placeholder="<?php esc_attr_e( 'Search themes…' ); ?>" aria-describedby="{{ data.id }}-live-search-desc" class="wp-filter-search"> <div class="search-icon" aria-hidden="true"></div> <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"><?php _e( 'The search results will be updated as you type.' ); ?></span> </div> <button type="button" class="button feature-filter-toggle"> <span class="filter-count-0"><?php _e( 'Filter themes' ); ?></span><span class="filter-count-filters"> <?php /* translators: %s: Number of filters selected. */ printf( __( 'Filter themes (%s)' ), '<span class="theme-filter-count">0</span>' ); ?> </span> </button> <# } else { #> <div class="themes-filter-container"> <label for="{{ data.id }}-themes-filter" class="screen-reader-text"><?php _e( 'Search themes…' ); ?></label> <input type="search" id="{{ data.id }}-themes-filter" placeholder="<?php esc_attr_e( 'Search themes…' ); ?>" aria-describedby="{{ data.id }}-live-search-desc" class="wp-filter-search wp-filter-search-themes" /> <div class="search-icon" aria-hidden="true"></div> <span id="{{ data.id }}-live-search-desc" class="screen-reader-text"><?php _e( 'The search results will be updated as you type.' ); ?></span> </div> <# } #> <div class="filter-themes-count"> <span class="themes-displayed"> <?php /* translators: %s: Number of themes displayed. */ printf( __( '%s themes' ), '<span class="theme-count">0</span>' ); ?> </span> </div> <?php }
Advertisement
Changelog Changelog
Version | Description |
---|---|
4.9.0 | Introduced. |