Divi Child Theme Template
This is a premade template for creating a Divi 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.
- Let's start by navigating to your
wp-content/themes
folder instead your WordPress directory. - Once you're there, open
terminal
in the current folder. - Now with
terminal
, use the following commands to clone:git clone git@github.com:elegantthemes/divi-child-theme-init.git
Step 2: Development
Now that you have the repo cloned or installed, you can start development.
- If you haven't already, navigate to your
divi-child-theme-init folder
. - 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.
- Head over to
https://nodejs.org/en/
and install the latest version of Node.js - Now that it's installed, run
node -v
to verify that you have the latest version installed. - 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.
- Now that you have Node installed, let's install GruntJS by running the following command:
npm install -g grunt-cli
. - 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.
- Go to
https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
and follow the to installing git for the correct machine. - Head over to step #4.
Step 4: Cloning Repo
- With git now installed, navigate to
wp-content/themes
folder. - Clone the repo using the following command:
git clone git@github.com:elegantthemes/divi-child-theme-init.git
. - Now with the repo cloned, you can navigate to it by typing in
cd
and dragging the divi child theme folder into your terminal. - Head over to step #5.
Step 5: Installing Packages
- From current directory, install node packages with the following command:
npm install
. - Head over to step #6.
Step 6: Running Grunt
- From the current directory, run the following command:
grunt
. - Once grunt has been initiated, you can start your development.
Copyright & License
Copyright 2015 ElegantThemes. Code released under the GNU license.