A custom WordPress theme.
npm installnpm run devduring developmentnpm run buildwhen you're ready to ship- Instructions for setting up your local WP environment are below
This theme consists of both the standard WordPress fare as well as a few juicy Vue tidbits mixed in. In general the site is built on Visual Composer so there aren't any custom templates.
Most of the theme structure/markup is broken up as follows:
- header.php
- index.php
- template-parts/content-page.php
- template-parts/content-post.php
- template-parts/content-team_member.php
- footer.php
All of the source files are organized as follows (only primary files/folders are listed):
- src/
- assets/
- css/
- ...
- components/
- pages/
- style.css
- js/
- components/
- css/
- components/
- CaseStudies/
- Loader/
- ResourceLibrary/
- Card
- Grid
- containers/
- ResourceLibrary/
- index.js
- vue.js
- assets/
In order to get a copy of the site running you're going to need to do the following:
- Setup a local WordPress instance running at http://eversight.local (I recommend using Devilbox or Local by Flywheel, but you can use whatever you would like)
- Install the All-in-One WP Migration plugin
- Clone this theme into the themes directory and setup per the instructions above
- On the staging environment, login and navigate to the All-in-One WP Migration page and export the entire site EXCLUDING THE THEME AND MUST-USE PLUGINS. You can exclude these items by clicking the "Advanced Options" link and checking the appropriate box.
- Import the export file into your local WP instance.
Some pages may appear broken, this is because Visual Composer doesn't store all of the styles as part of the post data, they're cached. To fix an issue with a page you simply need to "Edit it With Visual Compser" and immediately save the page again.