mirror of
https://github.com/WordPress/WordPress.git
synced 2025-01-10 18:37:58 +01:00
b90b64bf9e
* Use a single close icon instead of a context-changing cancel/close button in the Customizer. In user testing, this small distinction in language was overlooked, and we use an AYS now instead. This also makes it consistent with the back arrow in Customizer panels. * Use the same close icon as well as the previous/next arrows from the theme details browser in the theme install preview. props celloexpressions. fixes #28655. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
264 lines
8.4 KiB
PHP
264 lines
8.4 KiB
PHP
<?php
|
|
/**
|
|
* Theme Customize Screen.
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Customize
|
|
* @since 3.4.0
|
|
*/
|
|
|
|
define( 'IFRAME_REQUEST', true );
|
|
|
|
/** Load WordPress Administration Bootstrap */
|
|
require_once( dirname( __FILE__ ) . '/admin.php' );
|
|
|
|
if ( ! current_user_can( 'edit_theme_options' ) ) {
|
|
wp_die( __( 'Cheatin’ uh?' ) );
|
|
}
|
|
|
|
wp_reset_vars( array( 'url', 'return' ) );
|
|
$url = wp_unslash( $url );
|
|
$url = wp_validate_redirect( $url, home_url( '/' ) );
|
|
if ( $return ) {
|
|
$return = wp_unslash( $return );
|
|
$return = wp_validate_redirect( $return );
|
|
}
|
|
if ( ! $return ) {
|
|
$return = $url;
|
|
}
|
|
|
|
global $wp_scripts, $wp_customize;
|
|
|
|
$registered = $wp_scripts->registered;
|
|
$wp_scripts = new WP_Scripts;
|
|
$wp_scripts->registered = $registered;
|
|
|
|
add_action( 'customize_controls_print_scripts', 'print_head_scripts', 20 );
|
|
add_action( 'customize_controls_print_footer_scripts', '_wp_footer_scripts' );
|
|
add_action( 'customize_controls_print_styles', 'print_admin_styles', 20 );
|
|
|
|
/**
|
|
* Fires when Customizer controls are initialized, before scripts are enqueued.
|
|
*
|
|
* @since 3.4.0
|
|
*/
|
|
do_action( 'customize_controls_init' );
|
|
|
|
wp_enqueue_script( 'customize-controls' );
|
|
wp_enqueue_style( 'customize-controls' );
|
|
|
|
wp_enqueue_script( 'accordion' );
|
|
|
|
/**
|
|
* Enqueue Customizer control scripts.
|
|
*
|
|
* @since 3.4.0
|
|
*/
|
|
do_action( 'customize_controls_enqueue_scripts' );
|
|
|
|
// Let's roll.
|
|
@header('Content-Type: ' . get_option('html_type') . '; charset=' . get_option('blog_charset'));
|
|
|
|
wp_user_settings();
|
|
_wp_admin_html_begin();
|
|
|
|
$body_class = 'wp-core-ui wp-customizer js';
|
|
|
|
if ( wp_is_mobile() ) :
|
|
$body_class .= ' mobile';
|
|
|
|
?><meta name="viewport" id="viewport-meta" content="width=device-width, initial-scale=0.8, minimum-scale=0.5, maximum-scale=1.2" /><?php
|
|
endif;
|
|
|
|
$is_ios = wp_is_mobile() && preg_match( '/iPad|iPod|iPhone/', $_SERVER['HTTP_USER_AGENT'] );
|
|
|
|
if ( $is_ios )
|
|
$body_class .= ' ios';
|
|
|
|
if ( is_rtl() )
|
|
$body_class .= ' rtl';
|
|
$body_class .= ' locale-' . sanitize_html_class( strtolower( str_replace( '_', '-', get_locale() ) ) );
|
|
|
|
$admin_title = sprintf( __( '%1$s — WordPress' ), strip_tags( sprintf( __( 'Customize %s' ), $wp_customize->theme()->display('Name') ) ) );
|
|
?><title><?php echo $admin_title; ?></title>
|
|
|
|
<script type="text/javascript">
|
|
var ajaxurl = '<?php echo admin_url( 'admin-ajax.php', 'relative' ); ?>';
|
|
</script>
|
|
|
|
<?php
|
|
/**
|
|
* Fires when Customizer control styles are printed.
|
|
*
|
|
* @since 3.4.0
|
|
*/
|
|
do_action( 'customize_controls_print_styles' );
|
|
|
|
/**
|
|
* Fires when Customizer control scripts are printed.
|
|
*
|
|
* @since 3.4.0
|
|
*/
|
|
do_action( 'customize_controls_print_scripts' );
|
|
?>
|
|
</head>
|
|
<body class="<?php echo esc_attr( $body_class ); ?>">
|
|
<div class="wp-full-overlay expanded">
|
|
<form id="customize-controls" class="wrap wp-full-overlay-sidebar">
|
|
|
|
<div id="customize-header-actions" class="wp-full-overlay-header">
|
|
<?php
|
|
$save_text = $wp_customize->is_theme_active() ? __( 'Save & Publish' ) : __( 'Save & Activate' );
|
|
submit_button( $save_text, 'primary save', 'save', false );
|
|
?>
|
|
<span class="spinner"></span>
|
|
<a class="customize-controls-close" href="<?php echo esc_url( $return ? $return : admin_url( 'themes.php' ) ); ?>">
|
|
<span class="screen-reader-text"><?php _e( 'Cancel' ); ?></span>
|
|
</a>
|
|
</div>
|
|
|
|
<?php
|
|
$screenshot = $wp_customize->theme()->get_screenshot();
|
|
$cannot_expand = ! ( $screenshot || $wp_customize->theme()->get('Description') );
|
|
?>
|
|
|
|
<div id="widgets-right"><!-- For Widget Customizer, many widgets try to look for instances under div#widgets-right, so we have to add that ID to a container div in the customizer for compat -->
|
|
<div class="wp-full-overlay-sidebar-content accordion-container" tabindex="-1">
|
|
<div id="customize-info" class="accordion-section <?php if ( $cannot_expand ) echo ' cannot-expand'; ?>">
|
|
<div class="accordion-section-title" aria-label="<?php esc_attr_e( 'Theme Customizer Options' ); ?>" tabindex="0">
|
|
<span class="preview-notice"><?php
|
|
/* translators: %s is the theme name in the Customize/Live Preview pane */
|
|
echo sprintf( __( 'You are previewing %s' ), '<strong class="theme-name">' . $wp_customize->theme()->display('Name') . '</strong>' );
|
|
?></span>
|
|
</div>
|
|
<?php if ( ! $cannot_expand ) : ?>
|
|
<div class="accordion-section-content">
|
|
<?php if ( $screenshot ) : ?>
|
|
<img class="theme-screenshot" src="<?php echo esc_url( $screenshot ); ?>" />
|
|
<?php endif; ?>
|
|
|
|
<?php if ( $wp_customize->theme()->get('Description') ): ?>
|
|
<div class="theme-description"><?php echo $wp_customize->theme()->display('Description'); ?></div>
|
|
<?php endif; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div id="customize-theme-controls"><ul>
|
|
<?php
|
|
foreach ( $wp_customize->panels() as $panel ) {
|
|
$panel->maybe_render();
|
|
}
|
|
foreach ( $wp_customize->sections() as $section ) {
|
|
$section->maybe_render();
|
|
}
|
|
?>
|
|
</ul></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="customize-footer-actions" class="wp-full-overlay-footer">
|
|
<a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>">
|
|
<span class="collapse-sidebar-arrow"></span>
|
|
<span class="collapse-sidebar-label"><?php _e('Collapse'); ?></span>
|
|
</a>
|
|
</div>
|
|
</form>
|
|
<div id="customize-preview" class="wp-full-overlay-main"></div>
|
|
<?php
|
|
|
|
/**
|
|
* Print Customizer control scripts in the footer.
|
|
*
|
|
* @since 3.4.0
|
|
*/
|
|
do_action( 'customize_controls_print_footer_scripts' );
|
|
|
|
// If the frontend and the admin are served from the same domain, load the
|
|
// preview over ssl if the customizer is being loaded over ssl. This avoids
|
|
// insecure content warnings. This is not attempted if the admin and frontend
|
|
// are on different domains to avoid the case where the frontend doesn't have
|
|
// ssl certs. Domain mapping plugins can allow other urls in these conditions
|
|
// using the customize_allowed_urls filter.
|
|
|
|
$allowed_urls = array( home_url('/') );
|
|
$admin_origin = parse_url( admin_url() );
|
|
$home_origin = parse_url( home_url() );
|
|
$cross_domain = ( strtolower( $admin_origin[ 'host' ] ) != strtolower( $home_origin[ 'host' ] ) );
|
|
|
|
if ( is_ssl() && ! $cross_domain )
|
|
$allowed_urls[] = home_url( '/', 'https' );
|
|
|
|
/**
|
|
* Filter the list of URLs allowed to be clicked and followed in the Customizer preview.
|
|
*
|
|
* @since 3.4.0
|
|
*
|
|
* @param array $allowed_urls An array of allowed URLs.
|
|
*/
|
|
$allowed_urls = array_unique( apply_filters( 'customize_allowed_urls', $allowed_urls ) );
|
|
|
|
$fallback_url = add_query_arg( array(
|
|
'preview' => 1,
|
|
'template' => $wp_customize->get_template(),
|
|
'stylesheet' => $wp_customize->get_stylesheet(),
|
|
'preview_iframe' => true,
|
|
'TB_iframe' => 'true'
|
|
), home_url( '/' ) );
|
|
|
|
$login_url = add_query_arg( array(
|
|
'interim-login' => 1,
|
|
'customize-login' => 1
|
|
), wp_login_url() );
|
|
|
|
// Prepare customizer settings to pass to Javascript.
|
|
$settings = array(
|
|
'theme' => array(
|
|
'stylesheet' => $wp_customize->get_stylesheet(),
|
|
'active' => $wp_customize->is_theme_active(),
|
|
),
|
|
'url' => array(
|
|
'preview' => esc_url_raw( $url ? $url : home_url( '/' ) ),
|
|
'parent' => esc_url_raw( admin_url() ),
|
|
'activated' => esc_url_raw( admin_url( 'themes.php?activated=true&previewed' ) ),
|
|
'ajax' => esc_url_raw( admin_url( 'admin-ajax.php', 'relative' ) ),
|
|
'allowed' => array_map( 'esc_url_raw', $allowed_urls ),
|
|
'isCrossDomain' => $cross_domain,
|
|
'fallback' => esc_url_raw( $fallback_url ),
|
|
'home' => esc_url_raw( home_url( '/' ) ),
|
|
'login' => esc_url_raw( $login_url ),
|
|
),
|
|
'browser' => array(
|
|
'mobile' => wp_is_mobile(),
|
|
'ios' => $is_ios,
|
|
),
|
|
'settings' => array(),
|
|
'controls' => array(),
|
|
'nonce' => array(
|
|
'save' => wp_create_nonce( 'save-customize_' . $wp_customize->get_stylesheet() ),
|
|
'preview' => wp_create_nonce( 'preview-customize_' . $wp_customize->get_stylesheet() )
|
|
),
|
|
);
|
|
|
|
// Prepare Customize Setting objects to pass to Javascript.
|
|
foreach ( $wp_customize->settings() as $id => $setting ) {
|
|
$settings['settings'][ $id ] = array(
|
|
'value' => $setting->js_value(),
|
|
'transport' => $setting->transport,
|
|
);
|
|
}
|
|
|
|
// Prepare Customize Control objects to pass to Javascript.
|
|
foreach ( $wp_customize->controls() as $id => $control ) {
|
|
$control->to_json();
|
|
$settings['controls'][ $id ] = $control->json;
|
|
}
|
|
|
|
?>
|
|
<script type="text/javascript">
|
|
var _wpCustomizeSettings = <?php echo json_encode( $settings ); ?>;
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|