https://github.com/isuke01/wordpress-vue-theme
Simple base Wordpress Theme based on VUE, simply for instal and for use. contain based architecture and required functions.
https://github.com/isuke01/wordpress-vue-theme
vue vue-router vue-store vuejs vuejs2 wordpress wordpress-theme
Last synced: 2 months ago
JSON representation
Simple base Wordpress Theme based on VUE, simply for instal and for use. contain based architecture and required functions.
- Host: GitHub
- URL: https://github.com/isuke01/wordpress-vue-theme
- Owner: isuke01
- Created: 2018-08-08T08:26:34.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-08-14T08:47:01.000Z (almost 7 years ago)
- Last Synced: 2025-01-21T15:30:36.247Z (4 months ago)
- Topics: vue, vue-router, vue-store, vuejs, vuejs2, wordpress, wordpress-theme
- Language: PHP
- Size: 574 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vutheme
> Vue wordperss theme
This theme require extra plugins.
### WP REST API Menus
[WP REPO](https://wordpress.org/plugins/wp-api-menus/) or [GITHUB](https://github.com/unfulvio/wp-api-menus)
[ACF FIELD TO MENU](https://github.com/unfulvio/wp-api-menus/issues/47)
### WordpPress setup
After setup wordpress, you should set some page as Front page, and some page as page for posts.
Then theme is ready to work.
### VUE CONFIG
Open prod.env.js and Enter correct paths
Open index.html and Enter correct jQuery (I use local because of offline development)
If you would like to to have admin bar on locallhost, you must make correct config in functions.php
You can also look into dev.env.js if you wish too see other conf, but they are covered by settings in prod.env.js
PHP varribles pass to JS can be fund in functions.php, vt_get_localize_script_data() as array passed to script.
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
```
For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).