Update Twenty Twenty-Two theme from 2.0 to 2.1

Author: bitpoke-bot

wp-content/themes/twentytwentytwo/contributing.txt

@@ -0,0 +1,19 @@
+=== Contributing to Twenty Twenty-Two ===
+
+= Minifying CSS =
+
+Twenty Twenty-Two has a single stylesheet `style.css` which is enqueued in addition to the global styles coming from core. On a normal production site, when `SCRIPT_DEBUG` is disabled, then the minified version `style.min.css` will be enqueued instead. If you make a change to `style.css`, you'll need to re-minify the `style.min.css` using the built-in npm build tool. As always, it is preferable to use the Site Editor to supply Additional CSS instead of directly editing the theme stylesheet.
+
+Installation instructions
+
+1. Using a command line interface, go to the “twentytwentytwo” directory `cd /my-computer/local-wordpress-install/src/wp-content/themes/twentytwentytwo`.
+
+2. Type `npm install` into the command line, and press the [return] key, to install all Node.js dependencies.
+
+3. The dependencies may take a few minutes to download but once it completes, you’re done.
+
+Usage instructions
+
+1. After making a change to the `style.css` file, run `npm run build` from within the theme directory to regenerate `style.min.css` with your new changes.
+
+2. You can also “watch” the theme directory for CSS changes and re-minify the CSS anytime a change occurs by running: `npm run watch`.

wp-content/themes/twentytwentytwo/functions.php

@@ -34,7 +34,7 @@ function twentytwentytwo_support() {
 if ( ! function_exists( 'twentytwentytwo_styles' ) ) :
 
 	/**
-	 * Enqueue styles.
+	 * Enqueues styles.
 	 *
 	 * @since Twenty Twenty-Two 1.0
 	 *
@@ -45,15 +45,21 @@ function twentytwentytwo_styles() {
 		$theme_version = wp_get_theme()->get( 'Version' );
 
 		$version_string = is_string( $theme_version ) ? $theme_version : false;
-		wp_register_style(
+
+		$suffix = SCRIPT_DEBUG ? '' : '.min';
+		$src    = 'style' . $suffix . '.css';
+
+		wp_enqueue_style(
 			'twentytwentytwo-style',
-			get_template_directory_uri() . '/style.css',
+			get_parent_theme_file_uri( $src ),
 			array(),
 			$version_string
 		);
-
-		// Enqueue theme stylesheet.
-		wp_enqueue_style( 'twentytwentytwo-style' );
+		wp_style_add_data(
+			'twentytwentytwo-style',
+			'path',
+			get_parent_theme_file_path( $src )
+		);
 	}
 
 endif;