What is the Divi Theme?
THIS IS !
Its a complete design framework to customise every part of your website.
Divi theme is a complete design framework that allows you to have control over every part of your website. Its designers ElegantThemes have built a Divi Builder that uploads automatically when you upload the theme.
It allows you to build your site from the front end, like photoshop so you can see what your website will look like as you work. You can change every detail as yoou work from the spacing between sections to the lines, colours and backgrounds… so many features I can’t name them all here but Im going to show you in this article how to get started and create some amazing websites.
The Basics
So the most basic thing to start with is when you come onto the divi
builder, you will see a purple circle withthree dots in the middle of it.
It will be located in the centre bottom of your screen. Clicking this will
open a small button menu, one of the most important things here is the save button.
There are three basic blocks that are used to build Divi, each layered over the top of the last, offering various options on each layer.
The section layer is blue, and the largest, the bottom most layer, then the row layer in green where you can choose how you want your row or rows to be put together, the final layer is the module layer, the foremost layer with lots of choices as to what kind of module you want.
Each layer offers a vast choice of customised options, that allow you to offset sections, pad them out, change their colour… so many different options.
This section for example is a module layer, with padding either side to push the writing more centrally and from the top and bottom, so theres a border. The whole thing then has a shadow behind to make it stand out and the corners softened. I could add a background behind it, by adding it to the ‘row layer’. And if I offset this whole layer against the row layer I could push them to overlay like this example below.
Choosing Profitable Niches eBook
‘………manufacturers and retailers have saturated the market with the conventional marketing strategies and as a result, it has changed consumer reaction and interest. In order to grow a customer’s interest along with a business’s sales, it is vital to build your business in a niche market.’
If you would like a free copy of this eBook, subscribe to my website using the form in the side bar.
Thankyou!
HOW TO GET STARTED
When I started I used a preset template..it made it easier to get used to how each section worked and it also allowed me to progress with the articles I was trying to write whilst on this hugh learning curve of Divi Theme!
Preset Templates
There are over 1000 of preset layouts. They come in packs, with themes that match various industries, from restaurant to yoga classes, realtor agencies, copywriter… I just flicked through them until I found a suitable preset template that I could adapt to my website colour and had some of the fun features I wanted to use so I could learn how to make the article buzz.
This is a Full width Header
Along with a great header settIng, you can add a button with a link to another page on your website or to an affiliate link that you might be promoting. The pop up tab to customise offers all the information you need to fill in to achieve a clickable button.
Every section has a panel like this that pops up to assist with the customisation. I can add almost anything to the header using this panel and as you are editing on the front end, you can see exactly what it will look like and adapt.
I decided that I wanted the image to overlap the section talking about it so I was able to set a double row here, and using the padding customiser buttons, could move the image up.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
