mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-30 21:17:57 +01:00
1c3b96537f
Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. For details, see https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/ Fixes #37661, #34843. Props celloexpressions, folletto, westonruter, karmatosed, afercia. Built from https://develop.svn.wordpress.org/trunk@38813 git-svn-id: http://core.svn.wordpress.org/trunk@38756 1a063a9b-81f0-0310-95a4-ce76da25c4cd
114 lines
4.0 KiB
PHP
114 lines
4.0 KiB
PHP
<?php
|
|
/**
|
|
* Customize API: WP_Customize_Themes_Panel class
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Customize
|
|
* @since 4.7.0
|
|
*/
|
|
|
|
/**
|
|
* Customize Themes Panel Class
|
|
*
|
|
* @since 4.7.0
|
|
*
|
|
* @see WP_Customize_Panel
|
|
*/
|
|
class WP_Customize_Themes_Panel extends WP_Customize_Panel {
|
|
|
|
/**
|
|
* Panel type.
|
|
*
|
|
* @since 4.7.0
|
|
* @access public
|
|
* @var string
|
|
*/
|
|
public $type = 'themes';
|
|
|
|
/**
|
|
* An Underscore (JS) template for rendering this panel's container.
|
|
*
|
|
* The themes panel renders a custom panel heading with the current theme and a switch themes button.
|
|
*
|
|
* @see WP_Customize_Panel::print_template()
|
|
*
|
|
* @since 4.7.0
|
|
* @access protected
|
|
*/
|
|
protected function render_template() {
|
|
?>
|
|
<li id="accordion-section-{{ data.id }}" class="accordion-section control-panel-themes">
|
|
<h3 class="accordion-section-title">
|
|
<?php
|
|
if ( $this->manager->is_theme_active() ) {
|
|
echo '<span class="customize-action">' . __( 'Active theme' ) . '</span> {{ data.title }}';
|
|
} else {
|
|
echo '<span class="customize-action">' . __( 'Previewing theme' ) . '</span> {{ data.title }}';
|
|
}
|
|
?>
|
|
|
|
<?php
|
|
if ( current_user_can( 'switch_themes' ) ) : ?>
|
|
<button type="button" class="button change-theme" aria-label="<?php _e( 'Change theme' ); ?>"><?php _ex( 'Change', 'theme' ); ?></button>
|
|
<?php endif; ?>
|
|
</h3>
|
|
<ul class="accordion-sub-container control-panel-content"></ul>
|
|
</li>
|
|
<?php
|
|
}
|
|
|
|
/**
|
|
* An Underscore (JS) template for this panel's content (but not its container).
|
|
*
|
|
* Class variables for this panel class are available in the `data` JS object;
|
|
* export custom variables by overriding WP_Customize_Panel::json().
|
|
*
|
|
* @since 4.7.0
|
|
* @access protected
|
|
*
|
|
* @see WP_Customize_Panel::print_template()
|
|
*/
|
|
protected function content_template() {
|
|
?>
|
|
<li class="filter-themes-count">
|
|
<span class="themes-displayed"><?php
|
|
/* translators: %s: number of themes displayed; plural forms cannot be accomodated here so assume plurality or translate as "Themes: %s" */
|
|
echo sprintf( __( 'Displaying %s themes' ), '<span class="theme-count">0</span>' );
|
|
?></span>
|
|
<button type="button" class="button button-primary see-themes"><?php
|
|
/* translators: %s: number of themes displayed; plural forms cannot be accomodated here so assume plurality or omit the count and translate as "Show themes" */
|
|
echo sprintf( __( 'Show %s themes' ), '<span class="theme-count">0</span>' );
|
|
?></button>
|
|
<button type="button" class="button button-primary filter-themes"><?php _e( 'Filter themes' ); ?></button>
|
|
</li>
|
|
<li class="panel-meta customize-info accordion-section <# if ( ! data.description ) { #> cannot-expand<# } #>">
|
|
<button class="customize-panel-back" tabindex="-1"><span class="screen-reader-text"><?php _e( 'Back' ); ?></span></button>
|
|
<div class="accordion-section-title">
|
|
<span class="preview-notice"><?php
|
|
/* translators: %s: themes panel title in the Customizer */
|
|
echo sprintf( __( 'You are browsing %s' ), '<strong class="panel-title">' . __( 'Themes' ) . '</strong>' ); // Separate strings for consistency with other panels.
|
|
?></span>
|
|
<?php if ( current_user_can( 'install_themes' ) && ! is_multisite() ) : ?>
|
|
<# if ( data.description ) { #>
|
|
<button class="customize-help-toggle dashicons dashicons-editor-help" tabindex="0" aria-expanded="false"><span class="screen-reader-text"><?php _e( 'Help' ); ?></span></button>
|
|
<# } #>
|
|
<?php endif; ?>
|
|
</div>
|
|
<?php if ( current_user_can( 'install_themes' ) && ! is_multisite() ) : ?>
|
|
<# if ( data.description ) { #>
|
|
<div class="description customize-panel-description">
|
|
{{{ data.description }}}
|
|
</div>
|
|
<# } #>
|
|
<?php endif; ?>
|
|
</li>
|
|
<li id="customize-container"></li><?php // Used as a full-screen overlay transition after clicking to preview a theme. ?>
|
|
<li class="customize-themes-full-container-container">
|
|
<ul class="customize-themes-full-container">
|
|
<li class="customize-themes-notifications"></li>
|
|
</ul>
|
|
</li>
|
|
<?php
|
|
}
|
|
}
|