Developer Notes

We have included a Composer file for checking PHP and WordPress core standards.

  • composer run lint
  • composer run wpcs:scan
  • composer run wpcs:fix

Theme Rebuild Instructions

If you want to rebuild your own theme, follow these steps:

Prerequisites

  • Ensure you have PNPM or (YARN or NPM) installed on your machine.

Getting Started

You can download the latest stable release of Noon using this link.

  1. Set up a local WordPress development environment, we recommend using Local.
  2. Ensure you are using WordPress 6.2+.
  3. Clone / download this repository into the /wp-content/themes/ directory of your new WordPress instance.
  4. In the WordPress admin, activate Noon in the Appearance > Themes screen.

Build Steps

  1. Run the following command to install the necessary dependencies:
  • pnpm install
  1. To start the development server with wp-scripts, use the following command:
  • pnpm dev
  1. To build your theme, use the following command:
  • pnpm build
  1. To format your code using wp-scripts, run the following command:
  • pnpm wp:format
  1. To lint your CSS files, use the following command:
  • pnpm lint:css
  1. To lint your JavaScript files, use the following command:
  • pnpm lint:js
  1. To create a zip file for your theme, run the following command:
  • pnpm zip

That’s it! You now have the necessary commands to rebuild your own theme using PostCSS and wp-scripts. Feel free to modify the instructions as needed for your specific setup.

Share