Skip to content
A speedy Gutenberg ready theme
PHP CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
docs
gulp
inc
languages
parts
templates
tests
.babelrc
.editorconfig
.gitattributes
.gitignore
.phpcs.xml
.travis.yml
404.php
CONTRIBUTORS.md
README.md
archive.php
comments.php
footer.php
functions.php
gulpfile.babel.js
header.php
image.php
index.php
kss-config.json
license.txt
package-lock.json
package.json
phpstan.neon.dist
readme.txt
rtl.css
screenshot.png
search.php
searchform.php
sidebar.php
singular.php
style.css
style.min.css
style.scss

README.md

Jarvis

A WordPress theme for Gutenberg

Jarvis is a highly optimised theme, designed with sustainable principles in mind, using modern web development techniques.

Philosophy

I want Jarvis to be a lightweight theme. To do this I have:

  • Removed images
  • Used system fonts
  • Minimised complex features like widgets, and nav
  • Removed jQuery, and kept Javascript to an absolute minimum

Development

If you wish to work on Jarvis you will need to have node and npm set up. You can then run npm install to get the required packages. Once setup you just have to run npm run dev in order to set up the watcher. Npm will then take care of everything for you.

Directory Structure

  • assets - Files that could be included on the site. Mostly Javascript and CSS. Includes a SASS directory which gets built from but does not get included in a built zip.
  • gulp - Contains the code for the different gulp tasks used to generate the site.
  • inc - Holds all of the PHP files that add functionality to the site. This includes functions and filters that can be called from the theme.
  • parts - Template parts that can be included from theme files.
  • templates - Individual page templates that can be selected from the post/ page editor.

npm Scripts

  • npm run dev Watch for css and script changes, and compile them when required.
  • npm run build Compile css, scripts, and then generate a zip file containing the theme ready for installation.

Gulp Scripts

Jarvis uses Gulp to process files. You probably won't need to use it, but just in case the available tasks are:

  • gulp build Build all of the files, and generate a zip containing the most up to date version of the theme.
  • gulp watchFiles Watch the development files for changes and build if required.
  • gulp buildScripts Combine and minify the theme javascript.
  • gulp buildCustomizerPreview Combine and minify the theme Customizer preview javascript.
  • gulp buildCustomizerControls Combine and minify the theme Customizer controls javascript.
  • gulp buildStyles Process the .scss files and generate the theme styles.
  • gulp buildZip Generate a release ready zip file containing the theme files only.
  • gulp buildRTL Generate the RTL.css file.
  • gulp buildTOC Generate Table of Contents for style.css file.
  • gulp buildCritical Create critical path CSS styles.
  • gulp buildSVG Clean up exported svg files.
  • gulp buildPot Build the latest version of the .pot language file.
You can’t perform that action at this time.