mirror of
https://github.com/WordPress/WordPress.git
synced 2024-06-29 16:25:03 +02:00
cde6d602ea
Some plugins are using custom scripts and styles for there widgets. These are available on the Widgets screens, but not in the Customizer yet. Scripts and styles can be enqueued via: * `admin_enqueue_scripts` * `admin_print_scripts` and `admin_print_scripts-widgets.php` * `admin_print_styles` and `admin_print_styles-widgets.php` * `admin_print_footer_scripts` and `admin_footer-widgets.php` All this hooks are now called in the Customizer too. Previously we have add the `#widgets-right` ID to a container div via jQuery. Remember: `#widgets-right` exists on the Widgets screen and is used by many plugins to do event delegation from that element. But since our script files are loaded in the footer, the JavaScript way is a bit late for some plugins. We have decided to add a `div#widgets-right` container element to customizer. "Less hacky hack." props westonruter, ocean90. Thanks dpe415 for testing. fixes #27619. Built from https://develop.svn.wordpress.org/trunk@27907 git-svn-id: http://core.svn.wordpress.org/trunk@27738 1a063a9b-81f0-0310-95a4-ce76da25c4cd
256 lines
8.2 KiB
PHP
256 lines
8.2 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 = urldecode( $url );
|
|
$url = wp_validate_redirect( $url, home_url( '/' ) );
|
|
if ( $return )
|
|
$return = wp_validate_redirect( urldecode( $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="back button" href="<?php echo esc_url( $return ? $return : admin_url( 'themes.php' ) ); ?>">
|
|
<?php _e( 'Cancel' ); ?>
|
|
</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->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>
|