12ccb6d136
* Name: THX38 * Description: Update the Themes screen with a new design and experience. * Tags: visually-focused, bigger-screenshots, fast, mobile-friendly, backbone-driven * Author: matveb, shaunandrews, melchoyce, designsimply, shelob9 * URI: http://wordpress.org/plugins/thx38/ fixes #25948 git-svn-id: https://develop.svn.wordpress.org/trunk@26141 602fd350-edb4-49c9-b593-d223f7449a82
308 lines
13 KiB
PHP
308 lines
13 KiB
PHP
<?php
|
|
/**
|
|
* Themes administration panel.
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Administration
|
|
*/
|
|
|
|
/** WordPress Administration Bootstrap */
|
|
require_once( dirname( __FILE__ ) . '/admin.php' );
|
|
|
|
if ( !current_user_can('switch_themes') && !current_user_can('edit_theme_options') )
|
|
wp_die( __( 'Cheatin’ uh?' ) );
|
|
|
|
if ( current_user_can( 'switch_themes' ) && isset($_GET['action'] ) ) {
|
|
if ( 'activate' == $_GET['action'] ) {
|
|
check_admin_referer('switch-theme_' . $_GET['stylesheet']);
|
|
$theme = wp_get_theme( $_GET['stylesheet'] );
|
|
if ( ! $theme->exists() || ! $theme->is_allowed() )
|
|
wp_die( __( 'Cheatin’ uh?' ) );
|
|
switch_theme( $theme->get_stylesheet() );
|
|
wp_redirect( admin_url('themes.php?activated=true') );
|
|
exit;
|
|
} elseif ( 'delete' == $_GET['action'] ) {
|
|
check_admin_referer('delete-theme_' . $_GET['stylesheet']);
|
|
$theme = wp_get_theme( $_GET['stylesheet'] );
|
|
if ( !current_user_can('delete_themes') || ! $theme->exists() )
|
|
wp_die( __( 'Cheatin’ uh?' ) );
|
|
delete_theme($_GET['stylesheet']);
|
|
wp_redirect( admin_url('themes.php?deleted=true') );
|
|
exit;
|
|
}
|
|
}
|
|
|
|
$title = __('Manage Themes');
|
|
$parent_file = 'themes.php';
|
|
|
|
if ( current_user_can( 'switch_themes' ) ) :
|
|
|
|
$help_manage = '<p>' . __('Aside from the default theme included with your WordPress installation, themes are designed and developed by third parties.') . '</p>' .
|
|
'<p>' . __('You can see your active theme at the top of the screen. Below are the other themes you have installed that are not currently in use. You can see what your site would look like with one of these themes by clicking the Live Preview link (see "Previewing and Customizing" help tab). To change themes, click the Activate link.') . '</p>';
|
|
|
|
get_current_screen()->add_help_tab( array(
|
|
'id' => 'overview',
|
|
'title' => __('Overview'),
|
|
'content' => $help_manage
|
|
) );
|
|
|
|
if ( current_user_can( 'install_themes' ) ) {
|
|
if ( is_multisite() ) {
|
|
$help_install = '<p>' . __('Installing themes on Multisite can only be done from the Network Admin section.') . '</p>';
|
|
} else {
|
|
$help_install = '<p>' . sprintf( __('If you would like to see more themes to choose from, click on the “Install Themes” tab and you will be able to browse or search for additional themes from the <a href="%s" target="_blank">WordPress.org Theme Directory</a>. Themes in the WordPress.org Theme Directory are designed and developed by third parties, and are compatible with the license WordPress uses. Oh, and they’re free!'), 'http://wordpress.org/themes/' ) . '</p>';
|
|
}
|
|
|
|
get_current_screen()->add_help_tab( array(
|
|
'id' => 'adding-themes',
|
|
'title' => __('Adding Themes'),
|
|
'content' => $help_install
|
|
) );
|
|
}
|
|
|
|
endif; // switch_themes
|
|
|
|
if ( current_user_can( 'edit_theme_options' ) ) {
|
|
$help_customize =
|
|
'<p>' . __('Click on the "Live Preview" link under any theme to preview that theme and change theme options in a separate, full-screen view. Any installed theme can be previewed and customized in this way.') . '</p>'.
|
|
'<p>' . __('The theme being previewed is fully interactive — navigate to different pages to see how the theme handles posts, archives, and other page templates.') . '</p>' .
|
|
'<p>' . __('In the left-hand pane you can edit the theme settings. The settings will differ, depending on what theme features the theme being previewed supports. To accept the new settings and activate the theme all in one step, click the "Save & Activate" button at the top of the left-hand pane.') . '</p>' .
|
|
'<p>' . __('When previewing on smaller monitors, you can use the "Collapse" icon at the bottom of the left-hand pane. This will hide the pane, giving you more room to preview your site in the new theme. To bring the pane back, click on the Collapse icon again.') . '</p>';
|
|
|
|
get_current_screen()->add_help_tab( array(
|
|
'id' => 'customize-preview-themes',
|
|
'title' => __('Previewing and Customizing'),
|
|
'content' => $help_customize
|
|
) );
|
|
}
|
|
|
|
get_current_screen()->set_help_sidebar(
|
|
'<p><strong>' . __('For more information:') . '</strong></p>' .
|
|
'<p>' . __('<a href="http://codex.wordpress.org/Using_Themes" target="_blank">Documentation on Using Themes</a>') . '</p>' .
|
|
'<p>' . __('<a href="http://wordpress.org/support/" target="_blank">Support Forums</a>') . '</p>'
|
|
);
|
|
|
|
if ( current_user_can( 'switch_themes' ) ) {
|
|
$themes = wp_prepare_themes_for_js();
|
|
} else {
|
|
$themes = wp_prepare_themes_for_js( array( wp_get_theme() ) );
|
|
}
|
|
|
|
wp_localize_script( 'theme', '_wpThemeSettings', array(
|
|
'themes' => $themes,
|
|
'settings' => array(
|
|
'install_uri' => admin_url( 'theme-install.php' ),
|
|
'customizeURI' => ( current_user_can( 'edit_theme_options' ) ) ? wp_customize_url() : null,
|
|
'confirmDelete' => __( "Are you sure you want to delete this theme?\n\nClick 'Cancel' to go back, 'OK' to confirm the delete." ),
|
|
'root' => '/wp-admin/themes.php',
|
|
'container' => '#appearance',
|
|
'extraRoutes' => '',
|
|
),
|
|
'i18n' => array(
|
|
'add_new' => __( 'Add New Theme' ),
|
|
),
|
|
) );
|
|
|
|
wp_enqueue_style( 'theme' );
|
|
wp_enqueue_script( 'theme' );
|
|
wp_enqueue_script( 'customize-loader' );
|
|
|
|
require_once( ABSPATH . 'wp-admin/admin-header.php' );
|
|
?>
|
|
|
|
<div id="appearance" class="wrap">
|
|
<h2><?php esc_html_e( 'Themes' ); ?>
|
|
<span id="theme-count" class="theme-count"></span>
|
|
<?php if ( ! is_multisite() && current_user_can( 'install_themes' ) ) : ?>
|
|
<a href="<?php echo admin_url( 'theme-install.php' ); ?>" class="add-new-h2"><?php echo esc_html( _x( 'Add New', 'Add new theme' ) ); ?></a>
|
|
<?php endif; ?>
|
|
</h2>
|
|
|
|
<?php
|
|
if ( ! validate_current_theme() || isset( $_GET['broken'] ) ) : ?>
|
|
<div id="message1" class="updated"><p><?php _e('The active theme is broken. Reverting to the default theme.'); ?></p></div>
|
|
<?php elseif ( isset($_GET['activated']) ) :
|
|
if ( isset( $_GET['previewed'] ) ) { ?>
|
|
<div id="message2" class="updated"><p><?php printf( __( 'Settings saved and theme activated. <a href="%s">Visit site</a>' ), home_url( '/' ) ); ?></p></div>
|
|
<?php } else { ?>
|
|
<div id="message2" class="updated"><p><?php printf( __( 'New theme activated. <a href="%s">Visit site</a>' ), home_url( '/' ) ); ?></p></div><?php
|
|
}
|
|
elseif ( isset($_GET['deleted']) ) : ?>
|
|
<div id="message3" class="updated"><p><?php _e('Theme deleted.') ?></p></div>
|
|
<?php
|
|
endif;
|
|
|
|
$ct = wp_get_theme();
|
|
|
|
if ( $ct->errors() && ( ! is_multisite() || current_user_can( 'manage_network_themes' ) ) ) {
|
|
echo '<p class="error-message">' . sprintf( __( 'ERROR: %s' ), $ct->errors()->get_error_message() ) . '</p>';
|
|
}
|
|
|
|
/*
|
|
// Certain error codes are less fatal than others. We can still display theme information in most cases.
|
|
if ( ! $ct->errors() || ( 1 == count( $ct->errors()->get_error_codes() )
|
|
&& in_array( $ct->errors()->get_error_code(), array( 'theme_no_parent', 'theme_parent_invalid', 'theme_no_index' ) ) ) ) : ?>
|
|
|
|
<?php
|
|
// Pretend you didn't see this.
|
|
$options = array();
|
|
if ( is_array( $submenu ) && isset( $submenu['themes.php'] ) ) {
|
|
foreach ( (array) $submenu['themes.php'] as $item) {
|
|
$class = '';
|
|
if ( 'themes.php' == $item[2] || 'theme-editor.php' == $item[2] || 'customize.php' == $item[2] )
|
|
continue;
|
|
// 0 = name, 1 = capability, 2 = file
|
|
if ( ( strcmp($self, $item[2]) == 0 && empty($parent_file)) || ($parent_file && ($item[2] == $parent_file)) )
|
|
$class = ' class="current"';
|
|
if ( !empty($submenu[$item[2]]) ) {
|
|
$submenu[$item[2]] = array_values($submenu[$item[2]]); // Re-index.
|
|
$menu_hook = get_plugin_page_hook($submenu[$item[2]][0][2], $item[2]);
|
|
if ( file_exists(WP_PLUGIN_DIR . "/{$submenu[$item[2]][0][2]}") || !empty($menu_hook))
|
|
$options[] = "<a href='admin.php?page={$submenu[$item[2]][0][2]}'$class>{$item[0]}</a>";
|
|
else
|
|
$options[] = "<a href='{$submenu[$item[2]][0][2]}'$class>{$item[0]}</a>";
|
|
} else if ( current_user_can($item[1]) ) {
|
|
$menu_file = $item[2];
|
|
if ( false !== ( $pos = strpos( $menu_file, '?' ) ) )
|
|
$menu_file = substr( $menu_file, 0, $pos );
|
|
if ( file_exists( ABSPATH . "wp-admin/$menu_file" ) ) {
|
|
$options[] = "<a href='{$item[2]}'$class>{$item[0]}</a>";
|
|
} else {
|
|
$options[] = "<a href='themes.php?page={$item[2]}'$class>{$item[0]}</a>";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
*/
|
|
?>
|
|
|
|
<?php
|
|
// List broken themes, if any.
|
|
if ( ! is_multisite() && current_user_can('edit_themes') && $broken_themes = wp_get_themes( array( 'errors' => true ) ) ) {
|
|
?>
|
|
|
|
<h3><?php _e('Broken Themes'); ?></h3>
|
|
<p><?php _e('The following themes are installed but incomplete. Themes must have a stylesheet and a template.'); ?></p>
|
|
|
|
<table id="broken-themes">
|
|
<tr>
|
|
<th><?php _ex('Name', 'theme name'); ?></th>
|
|
<th><?php _e('Description'); ?></th>
|
|
</tr>
|
|
<?php
|
|
foreach ( $broken_themes as $broken_theme ) {
|
|
echo "
|
|
<tr>
|
|
<td>" . $broken_theme->get('Name') ."</td>
|
|
<td>" . $broken_theme->errors()->get_error_message() . "</td>
|
|
</tr>";
|
|
}
|
|
?>
|
|
</table>
|
|
<?php
|
|
}
|
|
?>
|
|
</div><!-- .wrap -->
|
|
|
|
<script id="tmpl-theme" type="text/template">
|
|
<div class="theme-screenshot">
|
|
<img src="{{ data.screenshot[0] }}" alt="" />
|
|
</div>
|
|
<div class="theme-author"><?php printf( __( 'By %s' ), '{{ data.author }}' ); ?></div>
|
|
<h3 class="theme-name">{{ data.name }}</h3>
|
|
<div class="theme-actions">
|
|
|
|
<# if ( data.active ) { #>
|
|
<span class="current-label"><?php _e( 'Current Theme' ); ?></span>
|
|
<# if ( wp.themes.data.settings['customizeURI'] ) { #>
|
|
<a class="button button-primary hide-if-no-customize" href="{{ wp.themes.data.settings['customizeURI'] }}"><?php _e( 'Customize' ); ?></a>
|
|
<# } #>
|
|
<# } else { #>
|
|
<a class="button button-primary activate" href="{{{ data.actions['activate'] }}}"><?php _e( 'Activate' ); ?></a>
|
|
<a class="button button-secondary preview" href="{{{ data.actions['customize'] }}}"><?php _e( 'Live Preview' ); ?></a>
|
|
<# } #>
|
|
|
|
</div>
|
|
|
|
<# if ( data.hasUpdate ) { #>
|
|
<a class="theme-update"><?php _e( 'Update Available' ); ?></a>
|
|
<# } #>
|
|
|
|
<# if ( ! data.active ) { #>
|
|
<a href="{{{ data.actions.delete }}}" class="delete-theme"><?php _e( 'Delete' ); ?></a>
|
|
<# } #>
|
|
</script>
|
|
|
|
<script id="tmpl-theme-search" type="text/template">
|
|
<input type="text" name="theme-search" id="theme-search" placeholder="<?php esc_attr_e( 'Search...' ); ?>" />
|
|
</script>
|
|
|
|
<script id="tmpl-theme-single" type="text/template">
|
|
<div class="theme-backdrop"></div>
|
|
<div class="theme-wrap">
|
|
<div class="theme-utility">
|
|
<div alt="<?php _e( 'Close overlay' ); ?>" class="back dashicons dashicons-no"></div>
|
|
<div alt="<?php _e( 'Show previous theme' ); ?>" class="left dashicons dashicons-no"></div>
|
|
<div alt="<?php _e( 'Show next theme' ); ?>" class="right dashicons dashicons-no"></div>
|
|
</div>
|
|
|
|
<div class="theme-screenshots" id="theme-screenshots">
|
|
<div class="screenshot first"><img src="{{ data.screenshot[0] }}" alt="" /></div>
|
|
<#
|
|
if ( _.size( data.screenshot ) > 1 ) {
|
|
_.each ( data.screenshot, function( image ) {
|
|
#>
|
|
<div class="screenshot thumb"><img src="{{ image }}" alt="" /></div>
|
|
<#
|
|
});
|
|
}
|
|
#>
|
|
</div>
|
|
|
|
<div class="theme-info">
|
|
<# if ( data.active ) { #>
|
|
<span class="current-label"><?php _e( 'Current Theme' ); ?></span>
|
|
<# } #>
|
|
<h3 class="theme-name">{{ data.name }}<span class="theme-version"><?php _e('Version: '); ?> {{ data.version }}</span></h3>
|
|
<h4 class="theme-author"><?php printf( __( 'By %s' ), '<a href="{{ data.authorURI }}">{{ data.author }}</a>' ); ?></h4>
|
|
|
|
<# if ( data.hasUpdate ) { #>
|
|
<div class="theme-update-message">
|
|
<a class="theme-update"><?php _e( 'Update Available' ); ?></a>
|
|
<p>{{{ data.update }}}</p>
|
|
</div>
|
|
<# } #>
|
|
<p class="theme-description">{{{ data.description }}}</p>
|
|
|
|
<# if ( data.parent ) { #>
|
|
<p class="parent-theme"><?php printf( __( 'This is a child theme of <strong>%s</strong>.' ), '{{ data.parent }}' ); ?></p>
|
|
<# } #>
|
|
|
|
<# if ( data.tags.length !== 0 ) { #>
|
|
<p class="theme-tags">
|
|
<span><?php _e( 'Tags:' ); ?></span>
|
|
{{{ data.tags.join( ', ' ).replace( /-/g, ' ' ) }}}
|
|
</p>
|
|
<# } #>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="theme-actions">
|
|
<div class="active-theme">
|
|
<a href="{{{ wp.themes.data.settings.customizeURI }}}" class="button button-primary hide-if-no-customize"><?php _e( 'Customize' ); ?></a>
|
|
<a class="button button-secondary" href="<?php echo admin_url( 'nav-menus.php' ); ?>"><?php _e( 'Menus' ); ?></a>
|
|
<a class="button button-secondary" href="<?php echo admin_url( 'widgets.php' ); ?>"><?php _e( 'Widgets' ); ?></a>
|
|
</div>
|
|
<div class="inactive-theme">
|
|
<a href="{{{ data.actions.activate }}}" class="button button-primary"><?php _e( 'Activate' ); ?></a>
|
|
<a href="{{{ data.actions.customize }}}" class="button button-secondary"><?php _e( 'Live Preview' ); ?></a>
|
|
</div>
|
|
|
|
<# if ( ! data.active ) { #>
|
|
<a href="{{{ data.actions.delete }}}" class="delete-theme"><?php _e( 'Delete' ); ?></a>
|
|
<# } #>
|
|
</div>
|
|
</script>
|
|
|
|
<?php require( ABSPATH . 'wp-admin/admin-footer.php' ); ?>
|