https://github.com/rtCamp/VueTheme

WordPress theme using Rest API and Vue.js
https://github.com/rtCamp/VueTheme

vue-cli vue2 vuejs wordpress wordpress-theme wp wp-rest-api

Last synced: 3 months ago
JSON representation

WordPress theme using Rest API and Vue.js

• Host: GitHub
• URL: https://github.com/rtCamp/VueTheme
• Owner: rtCamp
• Archived: true
• Created: 2017-03-31T08:40:00.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-01-04T07:02:33.000Z (almost 6 years ago)
• Last Synced: 2024-04-09T03:21:18.622Z (7 months ago)
• Topics: vue-cli, vue2, vuejs, wordpress, wordpress-theme, wp, wp-rest-api
• Language: CSS
• Homepage:
• Size: 546 KB
• Stars: 221
• Watchers: 26
• Forks: 35
• Open Issues: 15
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

_⚠️Please note that the development on this has been discountinued as we are focusing more on ReactJS._

---

# VueTheme - WordPress Theme + VueJs

WordPress theme using WP REST API and [VueJs 2](http://vuejs.org) by [rtCamp](https://rtcamp.com).

This theme is base theme for WordPress theme developers.

## How to use?

1. Go to your WP theme directory (in `/wp-content/theme/`)

2. Clone / Download this repo

3. Activate your theme from WordPress theme's backend

4. This theme will display menu which has set display location to Primary Menu. 

5. Make sure you fulfill all the requirements before using theme. (See [Requirements](#requirements))

## How to use it for development?

1. Go to your WP theme directory & navigate to VueTheme.

2. Install dependencies `npm install`

1. Make sure you add `define( 'RT_VUE_DEV', true );` in `wp-config.php` to get asset files from webpack dev server.

3. To start dev server with hot reload `npm run dev`

4. To create build for production with minification `npm run build`

## Requirements

* [WP API Menus plugin](https://wordpress.org/plugins/wp-api-menus/)

* WordPress Version 4.7+

## Frameworks / Packages used

* [Vue 2](http://vuejs.org)

* [Vue-Router](https://github.com/vuejs/vue-router)

* [Vuex](https://github.com/vuejs/vuex)

* [Axios](https://github.com/mzabriskie/axios)

* [Babel](https://babeljs.io)

* [Webpack](https://webpack.js.org/)

* [Foundation CSS Grid](http://foundation.zurb.com/grid.html)

* [Gulp](http://gulpjs.com/)