Skip to content

3. Cloning the theme

Will Jones edited this page Apr 11, 2016 · 13 revisions
  1. Open PhpStorm
  2. Clone the repo from Github
  • For fresh PhpStorm installs: Choose "Check out from Version Control" on the welcome screen, then choose Github.
  • Or, go to VCS -> Check out from Version Control -> Github
  1. Choose the ualibweb/roots-ualib repo
  • If you have contribute access to the ualib Github machine account, Do not checkout the ualib/ualib-roots repo
  1. Set the Parent Directory to the WordPress themes folder in your Bitnami install.
  • Ex: C:\Bitnami\wordpress-4.1.1-0\apps\wordpress\htdocs\wp-content\themes
  • If you're not using Bitnami, just set the Parent Directory to where ever you have WP installed
  1. Click Clone

Install Grunt, Bower, and repository dependencies

If you have already installed Grunt and Bower, skip step 2

After you have cloned the repository from Github, you'll need to install the theme's Grunt and Bower dependencies.

  1. In PhpStorm click open the terminal by clicking the Terminal button on the bottom left or press Alt + F12.
  2. Install Grunt and Bower globally by typing the following command npm install -g grunt-cli bower
  • You'll only have to do this once. The -g tells Node to install Bower and Grunt globally, and not just for this repo.
  1. Install the repo's Node dependencies npm install
  2. Install the Bower dependencies: bower install

If Node or Bower are given the install command without specifying a package (i.e., bootstrap, grunt, etc...) then they assume you want to install from a list of packages in a config file.

The Node dependencies are defined in the package.json file. Bower dependencies are in the bower.json file. To install from these config files you must run the install command from the same folders where the config files are.

◄ The dev stack     Editing theme files ►