ember-cli-to-wp-theme
v1.0.2
Published
This project is intended as a basis for combining Ember as a frontend for a WordPress backend. You can use it as the starting point for a WordPress theme, or a completely standalone app that just retrieves data from WordPress.
Readme
Background
This project utilises two key developments from Ember and WordPress. Firstly the ability to write a custom adapter for Ember Data, in this case it is possible to use the DS.RESTAdapter as-is and simply extend DS.RESTSerializer.
Secondly the WP REST API which is currently being developed as a plugin with a view to be be merged to core in the next major release (4.1).
Usage
For ember-cli >= 0.2.3, run:
ember install ember-cli-to-wp-themeOtherwise, for ember-cli 0.1.5 - 0.2.2, run:
ember install:addon ember-cli-to-wp-themeModels
User
Menu
Item
Post
Page
Tag
TermComponents
wp-menu
wp-menu-item
After build dist/index.html will be copied to dist/index.php and replace assets path
Configuration
app/adapters/application.js
import WPAdapter from 'ember-cli-to-wp-theme/adapters/application';
export default WPAdapter.extend({
host: 'http://yourwordpres.org',
namespace: 'your/name/space'
});Code Generators
ember generate wp-menu-templatesinstalling
create app/templates/components/wp-menu-item.hbs
create app/templates/components/wp-menu.hbsember generate wp-theme-filesinstalling
create public/screenshot.png
create public/style.cssBrocfile.js
/* global require, module */
var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var app = new EmberApp({
fingerprint: { }
});
...
...Package
ember wp:package --prodTO-DO
- [X] Command for package: ember wp:package
- [ ] Support for comments
- [ ] Wordpress theme configuration
Development Setup
Installation
git clonethis repositorynpm installbower install
Running Tests
ember try:testallember testember test --server
Running the dummy app
ember server- Visit your app at http://localhost:4200.
For more information on using ember-cli, visit http://www.ember-cli.com/.
