In this episode, we discuss getting started with Elegant Themes’ Divi theme and some of our favorite resources on the interwebs. Also on the show is our very first Divi Chat guest Tim Strifler of Divi Life, creator of one of the best ecommerce Divi child themes on the market — RoyalCommerce. He also builds and sells some very useful Divi plugins.
Mentioned on today’s episode plus a little bit more…
Tutorial Sites:
- Elegant Themes Blog – The source of all sources, why not go to straight to the ET blog for some of the best content out there for users of all levels, and not just for Divi but for WordPress and Web Design.
- Elegant Themes YouTube Channel – Some kickass videos on all things Divi by the creators themselves.
- Divi Documentation – ET has some really great, thorough documentation for Divi, should keep you busy for hours.
- Divi Tutorials by Divi Life – Tips, tricks, freebies and more by Tim Strifler.
- Aspen Grove Studios – One to two posts a week about marketing, lead generation, Divi tutorials — everything under the sun Divi, WordPress and Web Design!
- Tutorial Link Library – Here you will find tutorials for Divi, WordPress, Photoshop, Fireworks and more.
- Divi Space – Some very excellent tutorials for Divi by developer SJ James, as well as very easy-to-use child theme builder.
- A Girl and Her Mac – Divi tutorials and free Divi layouts.
- The Design Space Co – Tutorials on everything web design in general, like Google Analytics, SEO, and more by Melissa Love.
- Creative Child Themes – Designer and developer Fabio Sarcona offers some really great tutorials and snippets to make your Divi site pop!
- DiviTheme.net – A blog and Divi tutorials, tips and tricks by Andrej Parise.
Hands-on Learning:
- Divi Child Theme Guide – Everything you will ever need to know about Divi Child Themes (how to create them, when to use them, where to get them, etc).
- Divi Learning Zone – Want to know how Elegant Themes makes their demos? Now you can with a FREE hands on approach from Aspen Grove Studios.
- How to Speed Up Divi – an in-depth tutorial on how to speed up the Divi Theme
Divi Facebook Groups:
- Divi Theme Users (Official Group by Elegant Themes)
- Divi Web Designers
- Divi Theme | Extra Theme | Help & Share
Developer Tools & Tips:
- Using Chrome’s Inspect Element
- Chrome Inspect Element Documentation
- How-to video on using Inspect Element
- Stylebot Chrome Extension
- Pascal CSS Editor
- Divi Selectors eBook
- W3 Schools
Divi Plugins:
- The Divi Builder – A Drag & Drop Page Builder Plugin For WordPress.
- Bloom – Email Opt-in Plugin, integrates with 16 email marketing services.
- Monarch – Social Sharing Plugin
- Divi Popup – Divi Overlays Plugin by Divi Life
- Divi Mega Menu – Divi Mega Pro Plugin by Divi Life
- Testify – Testimonial Plugin by Aspen Grove Studios
- Divi Shop Builder – Everything you need to customize your shop
So awesome for you guys to share your wealth of information. My sites are pretty basic but because of all you share have been able to do so much more. So many people don’t want to tell you anything for fear of work being stolen or whatever but you all are so real…thank you!
Thank you for the kind words Eleanor. We all learn from each other :). I too have learned so much from everyone. Thank you for listening to us ramble on!
Awesome ! Very informative! Thank you Team DiviChat 🙂
Just found your Divi Chat episodes – love them. Thanks for sharing your wisdom.
Quick question for Geno, you mention you give everything a Class. How do you pick/choose the Class names to use? Do you have some sort of structure you use for every site?
Cheers
Rich
Hi Rich. Thanks for watching/listening and especially thanks for taking the time to comment. Yes we have come up with a structure that we use on all our projects now. It makes it easier to use in new projects or to mix and match between websites. Here are some examples…
Sections
.mp_s_intro (mp=monterey premier, s=section, intro=name of the section)
Rows
.mp_r_intro (mp=monterey premier, r=row, intro=name of the section)
Columns
.mp_c1_intro (mp=monterey premier, c1=column/column#, intro=name of the section)
Modules
.mp_m_blurb_intro (mp=monterey premier, m=module, blurb=blurb module, intro=name of the section)
Everything starts with mp so that we know its ours, the next letter is either the section, row, column or module and the last bits are either the type of module or just a brief description of what we are modifying.
Sometimes we only need to name the section and then we can target the modules using the standard et classes for example.
.mp_s_intro .et_blurb h4
This will target blurbs headers inside this section only. This works fine when you are not creating different blurb styles within a section which should not be the case too often anyways.
It has made customizing the stylesheet and going back to make changes so much easier. Hope that helps 😀
Thanks Geno, that is very helpful and makes total sense. I think I’ll try something similar on my next build.
Cheers
Rich