https://github.com/itsamoreh/podofcast
Pod Of Cast demo WordPress block theme
https://github.com/itsamoreh/podofcast
wordpress wordpress-theme
Last synced: about 2 months ago
JSON representation
Pod Of Cast demo WordPress block theme
- Host: GitHub
- URL: https://github.com/itsamoreh/podofcast
- Owner: itsamoreh
- Created: 2023-05-10T04:00:47.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-23T20:19:30.000Z (about 2 years ago)
- Last Synced: 2024-04-23T22:14:17.385Z (about 2 years ago)
- Topics: wordpress, wordpress-theme
- Language: PHP
- Homepage:
- Size: 1.38 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pod Of Cast demo WordPress block theme
## What is this?
This is a demo block theme built from [a free figma mockup](https://www.figma.com/community/file/1093368153627239554) from the figma community site.
## Local Environment
This theme includes a `.wp-env.json`. To spin up a WordPress environment with `wp-env` first make sure docker desktop is installed.
Then run the following command to start the environment:
```bash
npm run start
```
You can stop the environment with the stop command:
```bash
npm run stop
```
See the [wp-env documentation](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-env/#installation) for more details.
## Building and Watching CSS
To build the CSS using PostCSS, run the following command in your terminal:
```bash
npm run build:css
```
This will take the assets/main.css file, run it and all imports through PostCSS, and output the result to style.css.
To watch for changes to your CSS and automatically rebuild, run the following command in your terminal:
```bash
npm run watch:css
```
This will start PostCSS in watch mode, which will watch for changes to your assets/main.css file.
Whenever you save a change to the CSS, PostCSS will automatically rebuild and output the result to style.css.
## Building and Watching Custom Blocks
```bash
npm run watch:blocks
```
This will use wp-scripts to watch for changes to your blocks inside `blocks/` and automatically rebuild them when necessary.
The blocks are output to the `blocks-built/` directory. Make sure to enqueue the built blocks in the theme.
## Based On Powder Theme
Powder WordPress Theme, (C) 2022-2023 Brian Gardner.
Powder is distributed under the terms of the GNU GPL.