Getting Started With Divi Child Themes.pptx

abonyopl 15 views 17 slides Jun 27, 2024
Slide 1
Slide 1 of 17
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17

About This Presentation

Learn how Divi Child Theme works, how to create it and how to use it on your Divi website.

This is a presentation made for Divi Nairobi June Meetup. Join Divi Nairobi Meetup via meetup.com/divi-nairobi


Slide Content

How to Create & Use Divi Child Themes By Patrick Lumumba meetup.com/divi-nairobi

What is a Child Theme? A child theme is an active theme that inherits the look, feel, and functions of the parent theme that’s inactive. When a modification is made to the child theme, they are kept separate from the parent theme’s files – ensuring that a new update on the parent theme doesn’t interfere with your modifications. meetup.com/divi-nairobi

So, when do you need a child theme?

You need a child theme… If you are making changes to Divi’s PHP theme template files such as a header.php , footer.php , single.php , 404.php , etc. 1

You need a child theme… If you are adding custom functions or code snippets to functions.php . 2

You need a child theme… If you are customizing the theme’s javascript files or adding lots of new javascript. 3

You need a child theme… If you are making edits/additions to ANY file that is within Divi’s theme files. 4

You need a child theme… If you don’t want clients to see any code that you save in the Theme Options so that they don’t mess with it and break something. 5

Let’s now create a Divi Child Theme!

You will need … Computer Text Editor (Notepad, TextEdit.App, VS Code)

The three main files… Style.css Functions.php Screenshot.png

style.css

functions.php

Screenshot.png Canva Photoshop (1200 by 900px)

What’s in the folder…

The final piece…

Thank You meetup.com/divi-nairobi