Picard is an experimental prototype WordPress theme that makes use of React and the new WP-API. It means, that instead of loading new page every time you click a link, it uses background AJAX requests to WP REST API to fetch data without reloading the page.
Please note, it is STRONGLY recommended that this theme is not used in any production environment. It is purely for educational and testing purposes. This theme is under development so it is not recommended that you rely on any aspect of it.
First, prepare a proper WordPress environment:
master
branch – the default is currently develop),/%year%/%monthnum%/%day%/%postname%/
.Unlike other themes, this one uses a build process. JavaScript is an interpreted language, but we need to take certain steps (like transpiling React JSX syntax or SASS CSS syntax) to take the files from development phase to production. You will need the following tools:
npm install -g gulp
to install gulp in your system (-g
flag installs package globally so you will now have gulp command in your command line).Next, you have to set up the theme:
wp-content/themes
directory of your WordPress installation. You can clone this repository (git clone [email protected]:Automattic/Picard.git
) or just press download on the right side - also here (remember to unzip).npm install
to install the node dependencies. npm will take care of the rest (npm installs dependencies listed in the package.json file).gulp build
to compile the JavaScript and SASS. Gulp will know what to do, because proper actions are listed in the gulpfile.js,gulp watch
to actively develop the theme and have the styles and JS files automatically update. Watch command listens for file changes and starts build process every time you save a source file.Pull requests and issues are very much welcome!
A not exhaustive list of all things Picard still needs to do: