Argo, the WordPress Theme for Spacifik.de
📦 SASS and JS bundling using webpack
🐳 Docker environment for local development
💨 Lottie animation support for tiny and incredibly performant animations
🔥 Hot reload across multiple devices using webpack and browsersync
⚓ plugin synchronization through docker mount
✉️ contact form utilizing AWS Lambda
🔃 CI & CD using GitHub actions
📱 JS library for syncing Lottie animations to scroll
The following assumes that you've already installed docker and node on your local machine.
First you setup docker, for that you just need to execute docker-compose up. This starts a WordPress instance on port 8000. You can already configure it if you want, but the theme won't yet show up.
After that, you need to install your node dependencies. Navigate to themes/argo and run npm i. Then you can build the theme for the first time. Using npm run watch you can start the development server, or just run npm run pack to build it once. Now the theme should show up as available in your WordPress install.
Once you've set the theme up once, you can use the start.shand stop.sh scripts in the root folder to start and stop docker and the live server more easily.
If you want to generate a zip file for uploading it to a different WordPress instance, you can run npm run build in the themes/argo folder. This will build the theme and generate an argo.zip file in the root folder.
All releases will be built by GitHub actions, the generated zip files are available in the releases section.
Workflow for releasing a new version of Argo:
| Step | Command | Result |
|---|---|---|
| 1. | git add . |
Add files to commit |
| 2. | git commit -m "message for commit" |
Commit files |
| 3. | git tag v1.0.0 -m "message for tag" |
Tag version |
| 4. | git push --follow-tags |
Push commit along with tags |