R E D

NAME	SIZE	PERMISSION
assets	[ DIR ]	drwxr-xr-x
inc	[ DIR ]	drwxr-xr-x
parts	[ DIR ]	drwxr-xr-x
styles	[ DIR ]	drwxr-xr-x
templates	[ DIR ]	drwxr-xr-x
contributing.txt	1.24 KB	-rwxr-xr-x
functions.php	1.46 KB	-rwxr-xr-x
index.php	215 B	-rwxr-xr-x
package-lock.json	52.91 KB	-rwxr-xr-x
package.json	774 B	-rwxr-xr-x
readme.txt	6.04 KB	-rwxr-xr-x
screenshot.png	156.75 KB	-rwxr-xr-x
style.css	6.34 KB	-rwxr-xr-x
style.min.css	2.44 KB	-rwxr-xr-x
theme.json	9.53 KB	-rwxr-xr-x

Code Editor : contributing.txt

=== 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`.

${this.title}

Code Editor : contributing.txt