at path:
ROOT
/
wp-content
/
themes
/
twentytwentytwo
/
contributing.txt
run:
R
W
Run
assets
DIR
2025-12-13 10:14:11
R
W
Run
inc
DIR
2025-12-13 10:17:33
R
W
Run
parts
DIR
2025-12-13 10:17:34
R
W
Run
styles
DIR
2025-12-13 10:17:34
R
W
Run
templates
DIR
2025-12-13 10:17:34
R
W
Run
contributing.txt
1.24 KB
2025-12-04 01:11:17
R
W
Run
Delete
Rename
functions.php
1.46 KB
2025-12-04 01:11:17
R
W
Run
Delete
Rename
index.php
215 By
2025-12-04 01:11:17
R
W
Run
Delete
Rename
package-lock.json
52.91 KB
2025-12-04 01:11:17
R
W
Run
Delete
Rename
package.json
774 By
2025-12-04 01:11:17
R
W
Run
Delete
Rename
readme.txt
6.04 KB
2025-12-04 01:11:17
R
W
Run
Delete
Rename
screenshot.png
156.75 KB
2025-12-04 01:11:17
R
W
Run
Delete
Rename
style.css
6.34 KB
2025-12-04 01:11:17
R
W
Run
Delete
Rename
style.min.css
2.44 KB
2025-12-04 01:11:17
R
W
Run
Delete
Rename
theme.json
9.53 KB
2025-12-04 01:11:17
R
W
Run
Delete
Rename
error_log
up
📄
contributing.txt
Save
=== 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`.