shawnbaek-WPTheme

React based Wordpress Theme Starter

Live Demo

shawnbaek.com

Save your time. This project is aiming for development Wordpress theme who are not familiar with PHP languages. I set up most popular front-end libraries like a Bootstrap, Lodash, Webpack, React, SASS and More!

Focus on Design: Typography Vertical Rhythm

I set up vertical rhythm using gridlover's rule using SASS.

https://www.gridlover.net/

Libraries

• webpack
• react.js
• react router v4
• react router dom
• bootstrap v4 beta2
• Advanced Custom Field
• wordpress rest api
• advanced custom field (Wordpress Plugin)

Wordpress Setup

• Wordpress Official Install Guide
• Wordpress Theme Development Guide
• Wordpress REST API
• Advanced Custom Fields
• Advanced Custom Fields to REST API
• Faker Press

Development Settings

Build

npm run build

Product Build

npm run production

Test

• Install Wordpress locally using MAMP, Wordpress Official Install Guide

• clone this repository at wordpress -> wp-content -> themes -> shawnbaek-WPTheme

• set theme and activate

npm run watch

TODO

• react-router Sub Route
• fix bootstrap navbar collapse problem
• SEO

Server Side Rendering?

No. I'm going to find a better way to improve SEO without SSR. The Wordpress is not supporting both node.js and express.js.

Any Questions?

• email me at shawn@shawnbaek.com

Thanks for

• Foxhound Wordpress Theme
• Stephen Grider
• WReact Wordpress Starter