Meetup Wordpress Geneva - Customize Divi theme

1. Personnaliser
le thème
Divi
Meetup WordPress Geneva - Avril 2019

2. Hello!
I am Helen Yau
Web Artisan
You can find me at mail@helenyau.ch
2

3. Divi
Or not Divi
https://colorlib.com/wp/divi-theme-review/
https://www.elegantthemes.com/gallery/divi/

4. Table de matières
￮ Divi theme
￮ Divi page builder
￮ Customizer
￮ Ajout du code CSS
￮ Modules externes
￮ Ajout de hooks
4

5. Le thème Divi
￮ Flexibilité - Drag and drop
￮ Builder intégré
￮ Booster avec thèmes enfants,
layout kits et add-ons
￮ Portabilité - Clonage de la mise
en page
￮ Définir des éléments globaux
Demo : https://www.elegantthemes.com/preview/Divi/
5

6. Divi Page Builder
￮ Drag and drop
￮ Prise en main facile
￮ Visualisation du résultat en live
Demo : https://www.elegantthemesdemo.com/?et_fb=1
6

7. Customizer
￮ Modification du contenu en live
Demo : https://www.elegantthemesdemo.com/?et_fb=1
7

8. Ajout du code CSS
￮ Créer un thème enfant
￮ Modifier les éléments de manière
globale
8

9. Modules externes
￮ Modules gratuits ou payants
￮ Ecosystème très riche
Demo : https://divibooster.com/divi-booster-plugin-features/
https://divi.space/product/divi-switch/
http://www.sean-barton.co.uk/2016/06/divi-extended-co
lumn-layouts-6-column-layout/
https://divilife.com/divi-overlays/
9

10. Ajout de hooks
￮ Ajout manuel des fonctionnalités
￮ Thème enfant - functions.php
Demo : https://divi.space/tips-tricks/how-to-use-divis-hooks/
https://www.elegantthemes.com/documentation/develo
pers/hooks/divi-template-hooks/
10

11. 11
Thanks!
Any questions?
You can find me at
￮ @yau_helen
￮ mail@helenyau.ch