Please enable JavaScript.
Coggle requires JavaScript to display documents.
Process Doc. Knowledge Base (Basic FAQs (What is Divi? (Explanation and…
Process Doc. Knowledge Base
Basic FAQs
What is a Child theme?
What is a Theme?
What is Divi?
Explanation and link to ElegantThemes/Divi blog/site
What are Plugins?
What is HTML?
Definition + Link to W3Schools
What is CSS?
Definition + Link to W3Schools
What is SEO?
Chrome DevTools
Learn how to use Chrome DevTools - to make life easier. Divi Academy - CSS & Divi Beginners Course - Module 10 Chrome DevTools
(SARA - add module link and find extra tutorial - youtube)
Crucial Theme Planning and Research
If you want to, you can cut some corners and find a nice free Theme to start with.
Check out
successful live sites that rank high as well as places like
Pinterest
or
TemplateMonster
for templates/ child themes to get an understanding of that particular type of business's standard webpage expectations and must include elements.
Find
good design inspiration references for your template relevant to your market, see what's working and what you'd change to incorporate your client's content and brand identity
Bookmark
the sites and templates on your browser for easy reference later on. Most of the time you'll need it for more than design inspiration but for curating content as well. Whether it's to help with SEO or that the client isn't delivering quite enough filler content.
Make Folder for Inspiration/Competition In that folder make two more folders named
"Live Site inspiration"
and
"Wordpress Theme Competition"
Where you put high ranking and well designed websites. Making an Electrician Theme? Google
"Electricians in (County)"
, bookmark the best ones in your Live Site Inpiration Folder, AND
"Electrician Wordpress Themes"
bookmark the best ones in your Wordpress Theme Competition Folder
Choosing a Niche
1
Keep in mind:
What industries do you already understand?
Can you find an untapped market?
What are you passionate about?
Who are you designing for?
Wireframing and/or Mindmapping
3
Coggle.it
Pen & Paper
Wireframing tool - look for one
After you've gotten and idea of what market you're designing for, and have an idea of what you want it to look like with your design inspirations bookmarked for easy reference- You're ready to start laying out your website's structure. Here i'll list with good methods and useful tools to do this easily.
Finding Inspiration/References & Potential Theme Competition
2
All resources mentioned it one place:
Text Editors
Photo Editors
WireFraming/Mindmap tools
Free Stock Photography Sites
Code Beautifiers:
Chrome Browser Extensions
CSS in Divi
Hierarchy
Look at other CSS information
Options for adding CSS
Divi - No media queries - most user friendly
Divi + Stylesheet - Two places end user has to look
Stylesheet - A bit harder for newer users but everything's in one spot
This is a great free tool to help swap out colors in your child theme Stylesheet:
http://css-color-replace.orca-multimedia.de/