Skip to content

elegantthemes/extra-child-theme-init

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Extra Child Theme Template

This is a premade template for creating a Extra Child Theme. This repo comes preinstalled with 3 different paths...

CSS Path

If you don't have any experience working with preprocessors, this is the best path for you.

Step 1: Cloning the Repo

The first step to getting start with building a child theme is cloning this repo. If you don't have Git installed, you can download the ZIP file and drop it into your wp-content/themes folder.

  1. Let's start by navigating to your wp-content/themes folder instead your WordPress directory.
  2. Once you're there, open terminal in the current folder.
  3. Now with terminal, use the following commands to clone: git clone git@github.com:elegantthemes/extra-child-theme-init.git

Step 2: Development

Now that you have the repo cloned or installed, you can start development.

  1. If you haven't already, navigate to your extra-child-theme-init folder.
  2. Open up style.css in your favorite editor and code away!

Preprocessor Path

If you want to speed up your development, you can choose one of the following preprocessors installed.

Requirements

Below are a list of applications/software that you will need preinstalled before continuing down this path.

Step 1: Installing Node.js

The first step is getting NodeJS installed. If you already have it installed go ahead and skip to step #2.

  1. Head over to https://nodejs.org/en/ and install the latest version of Node.js
  2. Now that it's installed, run node -v to verify that you have the latest version installed.
  3. Head over to step #2.

Step 2: Installing GruntJS

The next step is setting up GruntJS locally. If you already have it installed go ahead and skip to step #3.

  1. Now that you have Node installed, let's install GruntJS by running the following command: npm install -g grunt-cli.
  2. Head over to step #3.

Step 3: Installing Git

After installing Node and Grunt, you can now install Git. If you already have it installed go ahead and skip to step #4.

  1. Go to https://git-scm.com/book/en/v2/Getting-Started-Installing-Git and follow the to installing git for the correct machine.
  2. Head over to step #4.

Step 4: Cloning Repo

  1. With git now installed, navigate to wp-content/themes folder.
  2. Clone the repo using the following command: git clone git@github.com:elegantthemes/extra-child-theme-init.git.
  3. Now with the repo cloned, you can navigate to it by typing in cd and dragging the extra child theme folder into your terminal.
  4. Head over to step #5.

Step 5: Installing Packages

  1. From current directory, install node packages with the following command: npm install.
  2. Head over to step #6.

Step 6: Running Grunt

  1. From the current directory, run the following command: grunt.
  2. Once grunt has been initiated, you can start your development.

Copyright & License

Copyright 2015 ElegantThemes. Code released under the GNU license.