A React-based WordPress theme
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
img
inc Added Bootstrap 3 sass Jul 31, 2017
js Modified .babelrc Aug 24, 2018
sass
test Changed remaining instances to ReactVerse Jun 30, 2017
.babelrc Modified .babelrc Aug 24, 2018
.editorconfig Copied files from Foxhound theme Jun 29, 2017
.eslintignore Copied files from Foxhound theme Jun 29, 2017
.eslintrc Started with react Mar 2, 2017
.gitignore Infinity scrolling experimental codeblock Jul 13, 2017
.gitmodules Copied files from Foxhound theme Jun 29, 2017
README.md
circle.yml Copied files from Foxhound theme Jun 29, 2017
contact-page.php Templates: Contact Page and Front Page Jul 31, 2017
footer.php CSS changes, footer text larger on >660px Jul 7, 2017
front-page.jsx Templates: Contact Page and Front Page Jul 31, 2017
front-page.php Front-page template design Jul 26, 2017
functions.php Added Bootstrap 3 sass Jul 31, 2017
header.php CSS changes, footer text larger on >660px Jul 7, 2017
index.php
package-lock.json Add option in customizer to dynamically select placeholder image Jul 12, 2017
package.json Modified .babelrc Aug 24, 2018
phpcs.xml Renamed Foxhound to ReactVerse wherever possible Jun 30, 2017
screenshot.png React Verse & screenshot Jul 3, 2017
searchform.php
sidebar.php
style.css React Verse & screenshot Jul 3, 2017
train-placeholder.jpg
webpack.config.js Copied files from Foxhound theme Jun 29, 2017
zip-theme.js Copied files from Foxhound theme Jun 29, 2017

README.md

React Verse

A modern React theme for WordPress, using Webpack 2 for bundling. This theme is based on Foxhound.

screenshot

Setup

Since this is a more "experimental" theme, you'll need to have a few things set up before it'll work.

  1. WordPress 4.7 or higher, which includes the REST API content endpoints.
  2. You'll also need this WP-API Menus plugin. The REST API doesn't provide an endpoint for menus, so another plugin is necessary.
  3. Your permalinks will need to be set to /%year%/%monthnum%/%postname%/. Single-post/page views will not work without permalinks set. Category & tag archives bases should be set to category and tag, respectively.

About

This theme is built based on Foxhound, the first REST API powered theme on WordPress.org. So, huge thanks to Kelly Dwan and Mel Choyce for building the awesome Foxhound theme. Do check out their work at https://themes.redradar.net.

Development

You can also install React Verse yourself from this repo, by building it yourself. Download or clone this repo into your /themes folder, then run npm to install and build the javascript & CSS files. The process will look like this

git clone https://github.com/m-muhsin/react-verse react-verse
cd react-verse
npm install
npm run build

Now you'll see a build/app.js file in the theme, and it will be available for you to switch to in wp-admin.

If you don't have npm installed, you can find instructions on the npm website.

There are a few other NPM scripts you can run:

npm run dev runs webpack, with configuration enabling source maps. Eventually build will also compress/uglify built files, so this would skip that too (but that's currently disabled).

npm run watch runs webpack --watch, everything the previous command but it will also watch the source files for changes and recompile automatically. Best to run while developing. This does not live reload.

npm run lint runs eslint over all the javascript files. Webpack does this as well, before compiling, but only notifies you of errors. This command will catch warnings too.

On the PHP side, we're also adding in some prefixes for permalinks (also called routes).

Todos

  • Choose font-type, font-color, font-size from the customizer. Get fonts from Google Fonts.

  • Featured Image/Video/Slides

  • Customizeable Header & Footer

  • Allow changing permalink structure for users

Thanks for checking out React Verse!