https://github.com/itsamoreh/itsamoreh.dev
WordPress block theme for my personal website and blog.
https://github.com/itsamoreh/itsamoreh.dev
wordpress wordpress-theme
Last synced: 2 months ago
JSON representation
WordPress block theme for my personal website and blog.
- Host: GitHub
- URL: https://github.com/itsamoreh/itsamoreh.dev
- Owner: itsamoreh
- License: gpl-2.0
- Created: 2023-08-12T20:16:41.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-28T03:07:15.000Z (over 2 years ago)
- Last Synced: 2023-11-28T08:21:40.256Z (over 2 years ago)
- Topics: wordpress, wordpress-theme
- Language: PHP
- Homepage: https://itsamoreh.dev
- Size: 1.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# itsamoreh.dev WordPress block theme
## What is this?
This is the WordPress block theme in use on my personal website [itsamoreh.dev](https://itsamoreh.dev).
This theme was started from [itsamoreh/block-theme-starter](https://github.com/itsamoreh/block-theme-starter).
## Quick Start
1. Make sure you're on node version `18.12.1` or later.
1. Run `npm install` from this directory to install dependencies.
1. Run `npm run watch` to watch [CSS](#css), and [JavaScript](#editor-and-frontend-javascript).
1. Optionally follow the [local environment](#optional-local-environment)
instructions below to spin up a wp-env environment.
## CSS
This theme uses PostCSS. The main CSS entrypoint is `assets/main.css`.
All CSS is imported in `assets/js/editor/index.js` and
`assets/js/frontend/index.js`, built with the rest of the build files then
enqueued in `functions.php` **for both the editor and the frontend**.
## Editor and Frontend JavaScript
This theme uses wp-scripts to build editor and frontend JS. The main editor
entry is at `assets/js/editor/index.js` and the main frontend entry is at
`assets/js/frontend/index.js`. CSS is imported in the JS files.
To build the JS, run the following command in your terminal:
```bash
npm run build:js
```
This will take the entry files, build them and all imports with wp-scripts, and
output the files to `build/editor.js` and `build/frontend.js`. To watch for
changes to your JS and automatically rebuild, run the following command in your
terminal:
```bash
npm run watch:js
```
## Optional Local Environment
This theme includes a `.wp-env.json`. To spin up a WordPress environment with
`wp-env` first make sure
[Docker](https://www.docker.com/products/docker-desktop/) is installed.
Then run the following command to start the environment:
```bash
npm run env:start
```
You can stop the environment with Docker Desktop or the stop command:
```bash
npm run env:stop
```
See the
[wp-env documentation](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-env/#installation)
for more details.