There is no license information available for the latest version (1.1.6) of this package.

The official SiteCrafting WordPress starter theme

Installs: 3 526

Dependents: 1

Suggesters: 0

Security: 0

Stars: 1

Watchers: 7

Forks: 0

Open Issues: 14


1.1.6 2018-10-26 17:40 UTC



The official SiteCrafting WordPress starter theme.

Build Status

Migrating from the old, closed-source Groot

For client projects built on top of Groot, there are a few new ways of doing things using more consistent, reliable tooling that comes bundled with the Lando environment. Note that running lando yarn isn't necessary in normal circumstances: the new Lando environment installs everything for you on lando start.

Task Old command New command Notes
Install dependencies npm install lando yarn Lando does this automatically
Add a dependency npm install lib-xyz lando yarn add lib-xyz
Watch LESS/JS grunt watch lando webpack --watch
Recompile LESS/JS once grunt lando webpack

Asset Paths in LESS files

Webpack handles image paths differently. The simplest way to refer to theme files is to use the absolute path from the webroot.

At build time, webpack will update the @theme-path variable in base/variables.less based on your theme's directory name:

@theme-path: '/wp-content/themes/<theme-dir-name>/';

This will enable you to use the @theme-path variable like this:

* { background-image: url(~'@{theme-path}img/icons/my-icon.svg'); }


To start hacking on the Groot starter theme itself, run:

git clone && cd groot
lando start

This will prompt you for site info admin credentials to set up. Then it does some setup/cleanup. After this, you should have a fully functional WordPress site running Groot!

Run commands from the root directory

For compiling LESS/JS assets within Groot itself, you should be able to run commands within the root directory. For example:

cd /path/to/groot
lando webpack --watch

Building a new release

Start by updating the Groot release number in the style.less header comment. This is not strictly necessary, but can make things easier to troubleshoot:

 * Theme Name: Groot
 * ...
 * Copyright 2020 SiteCrafting, Inc.
 * Based on Groot release: vX.X.X     // <-- UPDATE THIS NUMBER

Make sure you commit this change before creating the actual release. Otherwise your release download will not include this update.

Groot includes a script for building itself and creating a release. To create a tag and corresponding release called vX.Y.Z:

scripts/ vX.Y.Z

This will create a .tar.gz and a .zip archive which you can upload to a new release on GitHub.

If you have hub installed, it will also prompt you to optionally create a release directly!