Skip to content

⚙️ A clean WordPress starter theme powered by Vue and WebPack with developer experience in mind

Notifications You must be signed in to change notification settings

enricodeleo/vueird

Repository files navigation

Vueird Logo

Thanks to everyone having starred my repo! If you like this project, please consider your star

Stargazers repo roster for @enricodeleo/vueird

Vueird

A WordPress starter theme that embraces today's practices: npm, webpack, livereload, declarative manipulation (Vue ❤️).

Requirements

  • Node.js
  • Npm

Installation

  1. Clone this repository into your theme folder.
  2. Open it in a shell and run npm install.
  3. Activate the theme.

Features

  • Write modern Javascript. Babel does the rest
  • Live reload
  • SCSS
  • Declarative DOM manipulation/events thanks to Vue
  • Delightful developer experience through my fake js router that attaches the right component to the right page.

Develop

In order to take advantage of livereload, you need to target your wordpress development url in ./scripts/webpack.config.js line 149 (e.g. localhost:8080, testsite.dev etc).

npm start

Build for production

npm run build

Refresh editor style

This theme generates a custom editor style used by the WordPress editor/Gutenberg that you can write in SCSS (./src/editor-style.scss).

npm run editorstyle


Author

Enrico Deleo

Are you looking for a modern, robust, portable WordPress development environment?

Look no further, try my Wpacked WordPress development starter kit

About

⚙️ A clean WordPress starter theme powered by Vue and WebPack with developer experience in mind

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published