Noon, a fresh and vibrant WordPress block theme brought to you by NoonBlocks. Noon is designed for seamless integration with the WordPress block editor and site editor, making it easy to craft beautiful, personalized websites without the need for complex page builders or coding skills.
With a collection of over 40+ stunning patterns, page templates, block styles, and variations, Noon empowers you to design eye-catching pages effortlessly using a simple drag-and-drop interface. Fast, customizable via the WordPress UI, and fully responsive from the get-go, Noon ensures top-notch performance, scoring 100% across all performance metrics.
Visit noonwp.com to explore more about Noon and its capabilities. My aim is to guide both seasoned and new WordPress creators in unlocking the full potential of WordPress's latest features. Feel free to dive into the code and gain insights into crafting WordPress block themes. ✌️
| Links | Description |
|---|---|
| View Noon Demo | Check out a full live demo of the Noon theme. |
| View Noon RTL Demo | Check out a full live demo of the RTL Noon theme. |
| Download Noon Theme Zip | Download the latest noon theme zip to install on your WordPress site. |
Noon embraces diversity by providing robust support for Right-to-Left (RTL) languages. Whether your content is in Arabic, or any other RTL language, Noon ensures a seamless and visually pleasing experience. Enjoy creating content that caters to a global audience with Noon's RTL language support.
dibjVTNA6gTz-69o.mp4
Global Styles is your go-to space in the Site Editor for tweaking all the styles that give your site its unique vibe. Whether it's playing with typography, experimenting with fonts, or fine-tuning button and link colors, Global Styles lets you effortlessly customize your site's appearance.
Under the hood, Global Styles is driven by a theme.json file nestled in the heart of your theme folder. This nifty configuration file empowers you to set both site-wide and block-specific styles, giving you full control through the user-friendly Global Styles interface.
_p0gzkGw3hdgfqyL.mp4
- Gutenberg plugin (latest)
- WordPress 5.9+
- PHP 5.6+
we have included a Composer file for checking PHP and WordPress core standards.
composer run lintcomposer run wpcs:scancomposer run wpcs:fix
If you want to rebuild your own theme, follow these steps:
- Make sure you have PNPM installed on your machine.
You can download the latest stable release of Noon using the link above. Alternatively, install the entire repository for development purposes:
- Set up a local WordPress development environment, we recommend using Local.
- Ensure you are using WordPress 6.2+.
- Clone / download this repository into the
/wp-content/themes/directory of your new WordPress instance. - In the WordPress admin, use the Appearance > Themes screen to activate Noon.
- Run the following command to install the necessary dependencies:
pnpm install
- To start the development server with
wp-scripts, use the following command:
pnpm dev
- To build your theme, use the following command:
pnpm build
- To format your code using
wp-scripts, run the following command:
pnpm wp:format
- To lint your CSS files, use the following command:
pnpm lint:css
- To lint your JavaScript files, use the following command:
pnpm lint:js
- 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.
Noon is licensed under the GPL-3.0 license.
Noon is currently in beta and looking for any and all feedback. Please open a new issue for bug reports, feature requests, or general feedback.