Administration: For block themes, link to Site Editor interface instead of Customizer in Dashboard's welcome panel and Themes interface.

For block themes (like Twenty Twenty-Two), Customizer menu item is removed and replaced with the Site Editor menu item. However, other links exist in the Dashboard's welcome panel "Customize Your Site" button and the "Customize" button in each theme listed in the Appearance > Themes interface.

This commit changes each of those remaining links to link to the Site Editor interface instead of the Customizer.

To help identify block vs non-block themes, two method methods are introduced in `WP_Theme`:

* `WP_Theme:: is_block_based()` which identifies if the theme is a block theme or not.
* `WP_Theme::get_file_path()` which is similar to `get_theme_file_path()` but uses the directories within the theme object.

Both of these new methods include test coverage including the addition of a parent and child block theme in test data.

Follow-up to [18749], [35483], [42013], [42169].

Props antonvlasenko, jameskoster, hellofromTonya, matveb, noisysocks, poena, sergeybiryukov.
Fixes #54460.

git-svn-id: https://develop.svn.wordpress.org/trunk@52279 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Tonya Mork 2021-11-30 14:25:34 +00:00
parent 78cf276035
commit 4fd0db227d
15 changed files with 223 additions and 5 deletions

View File

@ -1987,21 +1987,32 @@ function wp_dashboard_empty() {}
* Displays a welcome panel to introduce users to WordPress.
*
* @since 3.3.0
* @since 5.9.0 Send users to the Site Editor if the current theme is block-based.
*/
function wp_welcome_panel() {
$customize_url = null;
$can_edit_theme_options = current_user_can( 'edit_theme_options' );
$can_customize = current_user_can( 'customize' );
$is_block_based_theme = wp_is_block_template_theme();
if ( $is_block_based_theme && $can_edit_theme_options ) {
$customize_url = esc_url( admin_url( 'site-editor.php' ) );
} elseif ( ! $is_block_based_theme && $can_customize ) {
$customize_url = wp_customize_url();
}
?>
<div class="welcome-panel-content">
<h2><?php _e( 'Welcome to WordPress!' ); ?></h2>
<p class="about-description"><?php _e( 'We&#8217;ve assembled some links to get you started:' ); ?></p>
<div class="welcome-panel-column-container">
<div class="welcome-panel-column">
<?php if ( current_user_can( 'customize' ) ) : ?>
<?php if ( $customize_url ) : ?>
<h3><?php _e( 'Get Started' ); ?></h3>
<a class="button button-primary button-hero load-customize hide-if-no-customize" href="<?php echo wp_customize_url(); ?>"><?php _e( 'Customize Your Site' ); ?></a>
<a class="button button-primary button-hero load-customize hide-if-no-customize" href="<?php echo $customize_url; ?>"><?php _e( 'Customize Your Site' ); ?></a>
<?php endif; ?>
<a class="button button-primary button-hero hide-if-customize" href="<?php echo esc_url( admin_url( 'themes.php' ) ); ?>"><?php _e( 'Customize Your Site' ); ?></a>
<?php if ( current_user_can( 'install_themes' ) || ( current_user_can( 'switch_themes' ) && count( wp_get_themes( array( 'allowed' => true ) ) ) > 1 ) ) : ?>
<?php $themes_link = current_user_can( 'customize' ) ? add_query_arg( 'autofocus[panel]', 'themes', admin_url( 'customize.php' ) ) : admin_url( 'themes.php' ); ?>
<?php $themes_link = $can_customize && ! $is_block_based_theme ? add_query_arg( 'autofocus[panel]', 'themes', admin_url( 'customize.php' ) ) : admin_url( 'themes.php' ); ?>
<p class="hide-if-no-customize">
<?php
/* translators: %s: URL to Themes panel in Customizer or Themes screen. */

View File

@ -701,7 +701,14 @@ function wp_prepare_themes_for_js( $themes = null ) {
}
$customize_action = null;
if ( current_user_can( 'edit_theme_options' ) && current_user_can( 'customize' ) ) {
$can_edit_theme_options = current_user_can( 'edit_theme_options' );
$can_customize = current_user_can( 'customize' );
$is_block_based_theme = $theme->is_block_based();
if ( $is_block_based_theme && $can_edit_theme_options ) {
$customize_action = esc_url( admin_url( 'site-editor.php' ) );
} elseif ( ! $is_block_based_theme && $can_customize && $can_edit_theme_options ) {
$customize_action = esc_url(
add_query_arg(
array(

View File

@ -196,7 +196,7 @@ if ( $file_description !== $file_show ) {
</div>
<?php endif; ?>
<?php if ( preg_match( '/\.css$/', $file ) ) : ?>
<?php if ( preg_match( '/\.css$/', $file ) && ! wp_is_block_template_theme() && current_user_can( 'customize' ) ) : ?>
<div id="message" class="notice-info notice">
<p><strong><?php _e( 'Did you know?' ); ?></strong></p>
<p>

View File

@ -1460,6 +1460,64 @@ final class WP_Theme implements ArrayAccess {
return false;
}
/**
* Returns whether this theme is a block-based theme or not.
*
* @since 5.9.0
*
* @return bool
*/
public function is_block_based() {
$paths_to_index_block_template = array(
$this->get_file_path( '/block-templates/index.html' ),
$this->get_file_path( '/templates/index.html' ),
);
foreach ( $paths_to_index_block_template as $path_to_index_block_template ) {
if ( is_file( $path_to_index_block_template ) && is_readable( $path_to_index_block_template ) ) {
return true;
}
}
return false;
}
/**
* Retrieves the path of a file in the theme.
*
* Searches in the stylesheet directory before the template directory so themes
* which inherit from a parent theme can just override one file.
*
* @since 5.9.0
*
* @param string $file Optional. File to search for in the stylesheet directory.
* @return string The path of the file.
*/
public function get_file_path( $file = '' ) {
$file = ltrim( $file, '/' );
$stylesheet_directory = $this->get_stylesheet_directory();
$template_directory = $this->get_template_directory();
if ( empty( $file ) ) {
$path = $stylesheet_directory;
} elseif ( file_exists( $stylesheet_directory . '/' . $file ) ) {
$path = $stylesheet_directory . '/' . $file;
} else {
$path = $template_directory . '/' . $file;
}
/**
* Filters the path to a file in the theme.
*
* @since 5.9.0
*
* @param string $path The file path.
* @param string $file The requested file to search for.
*/
return apply_filters( 'theme_file_path', $path, $file );
}
/**
* Determines the latest WordPress default theme that is installed.
*

View File

@ -0,0 +1,3 @@
<?php
echo 'PHP template for page with slug "home"';

View File

@ -0,0 +1,4 @@
/*
Theme Name: Test Block Child Theme
Template: test-block-theme
*/

View File

@ -0,0 +1,3 @@
<!-- wp:paragraph -->
<p>Page (ID 1) Template</p>
<!-- /wp:paragraph -->

View File

@ -0,0 +1,2 @@
<?php
// This file is for test purposes only.

View File

@ -0,0 +1,3 @@
<?php
echo 'PHP template for page with ID 1';

View File

@ -0,0 +1,3 @@
/*
Theme Name: Test Block Theme
*/

View File

@ -0,0 +1,3 @@
<!-- wp:paragraph -->
<p>Index Template</p>
<!-- /wp:paragraph -->

View File

@ -0,0 +1,3 @@
<!-- wp:paragraph -->
<p>Page (Home) Template</p>
<!-- /wp:paragraph -->

View File

@ -0,0 +1,3 @@
<!-- wp:paragraph -->
<p>Page Template</p>
<!-- /wp:paragraph -->

View File

@ -163,6 +163,8 @@ class Tests_Theme_ThemeDir extends WP_UnitTestCase {
'REST Theme',
'Block Theme',
'Block Theme Child Theme',
'Test Block Theme',
'Test Block Child Theme',
);
sort( $theme_names );

View File

@ -246,4 +246,117 @@ class Tests_Theme_wpTheme extends WP_UnitTestCase {
$this->assertSameSetsWithIndex( $allowed_themes, $new_allowed_themes );
}
/**
* @dataProvider data_is_block_based
* @ticket 54460
*
* @covers WP_Theme::is_block_based
*
* @param string $theme_dir Directory of the theme to test.
* @param bool $expected Expected result.
*/
public function test_is_block_based( $theme_dir, $expected ) {
$theme = new WP_Theme( $theme_dir, $this->theme_root );
$actual = $theme->is_block_based();
if ( $expected ) {
$this->assertTrue( $actual );
} else {
$this->assertFalse( $actual );
}
}
/**
* Data provider.
*
* @return array
*/
public function data_is_block_based() {
return array(
'default - non-block theme' => array(
'theme_dir' => 'default',
'expected' => false,
),
'parent block theme' => array(
'theme_dir' => 'test-block-theme',
'expected' => true,
),
'child block theme' => array(
'theme_dir' => 'test-block-child-theme',
'expected' => true,
),
);
}
/**
* @dataProvider data_get_file_path
* @ticket 54460
*
* @covers WP_Theme::get_file_path
*
* @param string $theme_dir Directory of the theme to test.
* @param string $file Given file name to test.
* @param string $expected Expected file path.
*/
public function test_get_file_path( $theme_dir, $file, $expected ) {
$theme = new WP_Theme( $theme_dir, $this->theme_root );
$this->assertStringEndsWith( $expected, $theme->get_file_path( $file ) );
}
/**
* Data provider.
*
* @return array
*/
public function data_get_file_path() {
return array(
'no theme: no file given' => array(
'theme_dir' => 'nonexistent',
'file' => '',
'expected' => '/nonexistent',
),
'parent theme: no file given' => array(
'theme_dir' => 'test-block-theme',
'file' => '',
'expected' => '/test-block-theme',
),
'child theme: no file given' => array(
'theme_dir' => 'test-block-child-theme',
'file' => '',
'expected' => '/test-block-child-theme',
),
'nonexistent theme: file given' => array(
'theme_dir' => 'nonexistent',
'file' => '/templates/page.html',
'expected' => '/nonexistent/templates/page.html',
),
'parent theme: file exists' => array(
'theme_dir' => 'test-block-theme',
'file' => '/templates/page-home.html',
'expected' => '/test-block-theme/templates/page-home.html',
),
'parent theme: file does not exist' => array(
'theme_dir' => 'test-block-theme',
'file' => '/templates/nonexistent.html',
'expected' => '/test-block-theme/templates/nonexistent.html',
),
'child theme: file exists' => array(
'theme_dir' => 'test-block-child-theme',
'file' => '/templates/page-1.html',
'expected' => '/test-block-child-theme/templates/page-1.html',
),
'child theme: file does not exist' => array(
'theme_dir' => 'test-block-child-theme',
'file' => '/templates/nonexistent.html',
'expected' => '/test-block-theme/templates/nonexistent.html',
),
'child theme: file exists in parent, not in child' => array(
'theme_dir' => 'test-block-child-theme',
'file' => '/templates/page.html',
'expected' => '/test-block-theme/templates/page.html',
),
);
}
}