Divi How To

Divi How To

The website from the front end looks gorgeous! How do they do it? Today, without a website, you’re not relevant or legit. It’s a harsh judgment. Not everyone knows how to build a website. Well, that’s changing. It’s possible when someone shows you how to.

How To

When you see how its done with tech stuff, you find out the tech guys best kept secrets. If they don’t want you to know then there won’t be a help menu and you’ll have to rely on them to do it for you. That’s not acceptable anymore. Maybe it was in the last decade. But now you have access to the how-to, at least on this blog you do.

If you’ve been on this website you’ll know that I’m in love with the one theme that teaches you how to do it for yourself. It’s the most advanced theme of it’s kind and here’s the big secret; the developers and designers also use it! It’s the Divi Theme made by Elegant Themes.

This article shows you how to with the Divi Theme. Building a website isn’t easy, if it was everyone would have done it and we’d be doing something else. It’s a complex set of components that must work together to create the website. But when you see the how-to in action then the complexity disappears and you can build a website yourself. We tend to think only a designer can design a website. This is not true, with the right tools you can design your website the way you want with built in settings inside the modules.

A website is a content management system and you can put into it whatever you need to function. WordPress is the ideal software for a website, it’s flexible and you can add functions to it as you need them. You will need a WordPress theme and the one I recommend is the Divi Theme. It’s the most versatile theme, and yes, it’s also for beginners and you don’t have to know how to code to use the Divi Theme.

The Theme Marketplace is jam packed with WordPress Themes, each one looks better than the last one you looked at. One theme isn’t better than another. It all depends on your willingness to want to create your website yourself, or have someone help you create it.

The Web Page

There are three parts to the webpage. The header, the body and the Footer bars.

The Screen

Contant is viewed on different size screens. The Theme adjusts the content automatically to fit the screen size.

Enable the Theme Settings

After uloading the Divi.zip file you’ll need to go to the Theme Options area to enable the settings. Without doing this the theme won’t work. It might sound obvious but sometimes a setting not enabled can cause a problem. 

Divi Theme Options Area

The image on the right is the Theme Options area.

At first all the settings will read disabled. Click disable and the blue ENABLED button will appear. This tells you that you just enabled that setting. When you return to this area you won’t have to remember whether you did or didn’t enable the setting. 

If you didn’t enable the setting it would be greyed out and read DISABLED.

Locating The Built In Help Access

There is a help menu built into each module. Open the module and locate the ? symbol at the bottom of the module. Click on the symbol and the Divi Builder Helper will open with a video tutorial of that module.  smile The video tutorial is published by Elegant Themes. This is exactly how I learned to use the Divi Theme when I first started using it when it came out in 2013. I would stop and start the video as many times as I needed. After a while I got it.

Did you know that no one knows how software works until they start using it?

Accessing Built In Help

When you click on the ? symbol the built in instruction video will open and you can watch the video. It is directly related to the module you’re using. In this example we’re looking at the Divi Toggle Module Settings Instruction Video.

Press the play button and the instructions will show you how to use the Toggle Module.

All of these videos are also on Elegant Themes YouTube Channel. There are also related articles to help you even further. This is how I learned to use the Divi Theme.

Premade Layouts

One of the most helpful elements when creating a website. You can choose any layout that fits into your idea. The layout is meant to be used as a guide.

There are 100+ Theme Layouts in the Divi Library and a new one is added each week and there is no extra cost, they come with the Divi Theme.

Accessible Content

As technology advances so do the effects of what you can do with content on a web page. This text box flips when you hover your mouse over it!

Is the Content Accessible?

Everyone uses the web including people with disabilities. Make sure your content isn’t overly animated or decorated. Just because you can doesn’t mean you should. Even if it looks cool to you.

Acessibility

We tend to think everyone is the same as we are, but there are people with disabilities that access the web. You want to make sure your content is suitable. Keep it simple and clean with as minimal distractions as possible.

Animation on a web page attracts attention. It’s great when it’s subtle. Annoying when it’s overdone. The last thing you want to do is annoy the person visiting your website. They get off as fast as they can and don’t return.

Creating a Website is a Process

If there’s so much information about WordPress and creating websites, why is it so difficult to create one? It’s because the information isn’t presented from the how-to-do it’s presented from it’s easy and click here to get started. This is the number one reason why websites fail. The initial setup doesn’t follow the roadmap. Yes, you need a roadmap. It’s that much harder to get somewhere if you don’t know where you’re going.

Bringing Your Idea Into the Website

The idea you have for your website has been living inside you. You might be fairly sure what you want. You will find a lot of readymade themes to use. This is fine if you know how to use the theme and there is sufficient documentation to help you if if you get stuck. 

The majority of WordPress Themes don’t have as extensive support as the Divi Theme offers you. This makes a big difference when you want to get your website going so that it works for your business project, or service. Before you settle on a theme you need to have two other elements first. The Domain Name and the Hosting Company in that order.

The Domain Name

This is the name of your website. Do the work and make sure the name you choose isn’t taken. Search the main database Whois.com to find out. If the .com extension isn’t available but the same name is available to use with .org – don’t use that name. It’s “confusingly similar” and will result in the company with the .com name coming to you and wanting to know why you are using their name.

The Hosting Company

The real information about them; some are good and some aren’t. Don’t go with cheap hosting. Before you sign up for web hosting find out what version the Host servers are running on. Those servers will host your website. You want to have sufficient memory and not have your website crash beause the Hosting Company doesn’t give you enough memory.

The Hosting Company should be on 7.0+PHP. This will accommodate the memory you need.

The version is based numbers. Software updates regularly. WordPress core and the WordPress Theme will update fixing bugs and adding new features. When there is an update you will see a series of numbers. For example: the WordPress core software updated current version is 5.3.2 – the next time WordPress core updates the version numbers will change to 5.3.3.

If a Web Hosting service only operates websites at 5.0 they won’t be compatible with the updated WordPress version of 5.3.3. Since all Web Hosting companies supply the WordPress core software they have to keep pace with WordPress core updates.

The Theme will also have version numbers. These are different from the WordPress core version numbers. The WordPress Theme you use should update regularly, not once a year when the license comes up for renewal. The Divi Theme is regularly updated and all you’ll have to do is see the notice in the Updates area and then press the Update button.

Read More About What Divi Does 

Build Your Website Right The First Time

Why don't we do it right the first time? Because we don't have the right information. The right information only comes from someone who has made the mistakes themselves and is willing to share their experience so you can do it right the first time.The First Mistake -...

Can You Build Your Own Theme?

Yes! How so? The Divi Theme Builder will come out October 17, 2019.  Something we always associated with a designer or a developer is now going to be available for us users. The long awaited Divi 4.0 is about to launch. It will change the way you think about websites....

How To Use Images In A Website

The images used in a website are far more important than how easy it is to upload them. One of the biggest problems with websites is the images. The web is a great place to view awesome pictures. How do you get awesome images? Everyone thinks all you do is upload the...

Break Out of the Blog Box

Page Builders changed blogging. Writing content into a blog post takes on new meaning. The story unfolds in bite sized quality content, a balance of content and images. Visible. Accessible. Interesting. One of the best softwares to use for a website, especially if you...

A Better Way to Blog

After the much anticipated update of the WordPress core editor, Gutenberg, you still need to write a blog post, or two. At the same time of the update, the Divi Theme came out with a better way to blog using the Divi Visual Builder. The Divi Theme provided the...

GDPR and Your Website

The European Union General Data Protection Act is in effect May 25, 2018. The Information provided is a courtesy and is not legal advice.The user now has complete control over their data and has a say in how it may be used.As a website owner you must explain to the...

Divi and WordPress

The match between Divi and WordPress is a good from start to finish. No matter what you read about the "end of WordPress," or the "end of Page Builders and Themes," it isn't for real. Here are some facts: WordPress is the most used website software worldwide 30% of...

Blogging

The Blog is the humble web log that started some time ago and now we write posts and call it a Blog. The last ten years or so have given us a lot of telling. Long articles proving what we need to do. Endless lists of things to do right away to have instant success. We...

Blog Post Plugin

A different blog post style The layout used for this blog post is with a Plugin developed specifically for the Divi Theme. This makes producing content that much smoother. No one wants to admit it, but the reality is, creating content for a blog post is a lot more...

Need more information about websites? Get the Roadmap or have a Consultation with me. I’ll show you how based on my experience working with the Divi Theme. No other theme compares and I’ve done the comparing and used the other themes. 

The Journey

No matter where you are on the journey with your website, just starting out, need a revision, have to change themes, plugins don’t work, you have to know how to…

Why Some Plugins Work and Others Don’t

Why Some Plugins Work and Others Don’t

Which plugins should you use? There are so many how do you know the plugin will work? You don’t until you use the plugin. Some plugins will crash your website. This is because they are in conflict with the theme. How do you avoid this problem?

About Plugins

This article will give you information about plugins based on my experience of using plugins with WordPress since I started using WordPress in 2006. The links to purchase the plugins are my Affiliate links. I constantly use these plugins on my websites. They do specific functions I couldn’t do without them. They’re so good they’re worth recommending.

WordPress gives you the advantage to add specific functions into WordPress known as a Plugin. A Plugin is a package of code and is developed by a team of developers. For a Plugin to work sucessfully, it has to be compatible with WordPress and the WordPress Theme. All you would need to do is add the Plugin to your website and activate the settings, and the plugin does the work intended.

There are over forty-four thousand Plugins in the WordPress Plugin Repository. That’s a whole lot of plugins! All plugins are required to go through testing before being allowed to be offered in the WordPress Repository. The Plugin Repository is accessed from your website Dashboard in the Plugins area. The Plugin Repository is linked to your WordPress website. When adding a plugin, go to the Plugins section, select Add New, or Upload a Plugin.

How are Plugins Made?

Plugins are created by developers, the people that know how to code. Plugin Developers are problem solvers. Many of the things you want to do in a website aren’t simple to implement. The Plugin Developer creates the plugin code package to add specific functions to the website.

Before you add a plugin to your website you do need to research the plugin beyond the sales copy, which by the way is just advertising. The Plugin will appear to be the perfect solution for what you want. Is it? Always do some research. Read the reviews about the plugin. Who is the Developer? When was the plugin last updated? Is it compatible with the latest version of WordPress (which is updated frequently). Is there tech support available if something goes wrong with the Plugin? Sometimes the Plugin is offered free, but tech support requires an upgrade.

Because there are so many which one should you use? This depends on the WordPress Theme you’re using. Not all Plugins in the WordPress Repository are compatible with all themes.

The question to ask; does this plugin work with the Theme you’re using?

Today, technology updates faster and there are more people using the software. You want a smooth integration with Plugins and this isn’t always possible. There will be problems along the way. The key to less Plugin issues is to use Plugins specifically made for the Theme you’re using.

Plugins I Use

The plugins I use are compatible and specifically developed for the Divi Theme. It’s no secret I use the Divi Theme and love using it. I also don’t know how to code with HTML but I can copy and paste a CSS style into the appropriate field (following a video tutorial, which anyone can do). The Divi Theme is produced by Elegant Themes in 2013, since it came out I haven’t needed to use any other theme. 

I will only add a plugin to a website if it’s necessary and it has a specific feature. For example; the ability to add more information to the main navigation menu with images and text. This is something I could not do without a plugin.

At some point there will be a problem even with the most perfect plugin specifically built for the Divi Theme. When that happens the test is; the developers tech team fixes the problem, with no extra charge asap.

This may or may not happen depending on the Developer. Some Plugins are developed but not kept up and the Developer goes out of business and the Plugin is no longer available. Other times the Plugin becomes obsolete and is discontinued. Usually another Plugin better than the first Plugin will come in it’s place.

Why You Should Be Prepared to Buy a Plugin

It’s great when it’s free, but as you’ve most probably come to know by now, free means upgrade for a fee. Any Plugin might have conflict even if you paid for the plugin. Plugin Developers are a 3rd party development team and not part of the Theme Development Team. Remember, there’s three sets of code that work together, the Plugin code package, the Theme code package and the existing WordPress core code. If the Plugin Developer is good, their Plugins will work well for what they’re designed to do.

Plugins Included with The Divi Theme

Bloom

Bloom

Included With Elegant Themes Membership

An email opt-in plugin with design features that creates popup modules and fly-in modules to request visitors to your website to subscribe to your newsletter.

Split testing and growth measurement dashboard tells you how people respond. Did you know; email is the most direct way to connect with your audience and customers.

Monarch

Monarch

Included with Elegant Themes Membership

Social Media changed the way we communicate. Now you can arrange the social sharing buttons in a floating sidebar or an inline style at the end or beginning of a blog post.

This plugin is lightweight and integrates with all the social media platforms that you want to connect with.

Plugins Worth Considering for your Divi Website

Divi Blurb Extended Plugin

Divi Blurb Extended Plugin

Did you notice when you hovered over the Zip file image it flipped into another view? I use this plugin on all my websites. It has extra features and options that make the blurb look interesting.

The developers of this plugin, Elicus Technologies created an enhancement to the existing Blurb Module inside the Divi Theme.

This is my Affiliate link with Elicus Technologies; Purchase Divi Blurb Extended Plugin here.

Divi Post Extended Plugin

Divi Post Extended Plugin

Developed by Elicus Technologies

This blog post layout uses Divi Post Extended Plugin with the Stellar layout. If I didn’t have the Plugin, I would have to do a lot of HTML work to get this layout. This Plugin also comes with a Widget which you can pull in blog posts into a sidebar and the footer area. Here’s an example of a blog post with a sidebar using the Stellar layout. 

This is my affiliate link with Elicus Technologies;  purchase Divi Post Extended here.

Divi Blog Extras

Divi Blog Extras

Plugin Developer Elicus Technologies

With this Plugin you can arrange the blog posts on the Blog page from a choice of six styles. I use this plugin on all my websites to style the blog page.

Take a look at the Blog page on this website to see how the posts are pulled in and displayed using this Plugin. The Blog page has an attractive layout and this is because I can select one of six styles to display the blog posts on the Blog page.

This is my affiliate link with Divi Extended;  purchase Divi Blog Extended here.

Divi Mega Menu Pro

Divi Mega Menu Pro

Developed by Tim Strifler | Divi Life

This plugin gives lets you place additional information in the top navigation menu when you hover over a menu tab. The header of a website is one of the most complex areas and is best left alone! 

Without this plugin you only have the option to display the main navigation menu as tabs with a drop down list of items. This plugin isn’t in use on this site but soon will be.

This is my affiliate link with Divi Life; purhase Divi Mega Menu Pro here.

 

Divi Overlays

Divi Overlays

Developed by Tim Strifler | Divi Life

The Divi Overlay Plugin gives you the ability to put a popup form from a link in a button or text. This plugin is in use on the Homepage.

In this example if a visitor clicks on the button Free Live Consultation a contact form will popup without the visitor having to leave the page. The contact form can be styled and modified as well.

This is my Affiliate link with Divi Life; you can purchase Divi Overlays here.

The Divi Community

The Divi Theme changed the way we build websites. It’s for anyone to use. Even if you’re a beginner and have no experience with WordPress you can use the Divi Theme.

The popularity of Divi gave rise to the Divi Community. People who use the Divi Theme, Designers, Developers, and Users share their knowledge and products about Divi.

Connect with the Divi Community on Facebook, and Meetup. Join the Divi Nation and participate in website building with professionals and beginners.

Join the Divi Chicago Meetup Group. The Divi Community is in Chicago! Everyone welcome at all levels, beginners too. Feel free to bring something to share or questions to ask.

How Many Plugins Can You Add?

As many as you want. But if you add too many you could bloat the website and weigh it down causing the site to load slowly.

If you wanted to sell products on your website you can add the WooCommerce Plugin. The WooCommerce is free to use initially but it is adequate for a start up business. As your business increases you add specific features you need. If you wanted to add courses to your website you could add LearnDash. Almost any function you can think of you can find a plugin for it.

Questions to Ask About Plugins

Find out as much information about the plugin as you can. Do others use it? What is their feedback?

Is the Plugin updated regularly?

Avoid Plugins that haven’t been updated in a while.

Is there tech support and tutorial documents?

Is the Plugin compatible with the WordPress version you’re using (you should be using most current one).

Is the Plugin compatible with the Theme you’re using?

Is the Plugin necessary?

Sometimes you might purchase a Plugin and some time later the Theme updates and adds the feature the Plugin provided. Developers know this and it’s part of their work. They might discontinue that Plugin or develop it further with additional features. You can continue to use the Plugin, but if you’re not going to continue to use the Plugin you should delete it from the website.

Plugins Are Essential

This is one of the most outstanding features of the WordPress software, being able to add a specific function to a website to enhance the website even further. A WordPress website can expand to a membership site, an information portal, an online store. Anything you want to expand into with your idea can be accommodated and added to a WordPress website with Plugins.

All Plugins should come with sufficient documentation to help you set it up. If you get stuck on the settings you can always contact the Developer, they’ll be more than glad to help. They want you to be satisfied using their Plugin.

Your plugin adventure is about to begin as you start to develop the idea behind your website. Research the options and always be prepared to ask questions. If you have more questions contact me, I’m always willing to answer questions. These Plugins work with the Divi Theme.

Purchase the Divi Theme

To use the Divi Theme you must be a member of Elegant Themes. This is one Theme Company you don’t have to worry about whether or not they’ll be going out of business or discontinuing their Theme. The Divi Theme is the world’s most popular Theme for a simple reason; it’s the ideal WordPress Theme that accommodates all types of users, even beginners. 

This is my affiliate link with Elegant Themes. I’ve used the Divi theme since it came out in 2013 on all my websites. It’s that good!

Build Your Website Right The First Time

Build Your Website Right The First Time

Why don’t we do it right the first time? Because we don’t have the right information. The right information only comes from someone who has made the mistakes themselves and is willing to share their experience so you can do it right the first time.

The First Mistake – It’s FREE!

This article gives you the information. It’s written from my experience. I’ve made them all.  The First Mistake was starting a free website. It looked simple to do, or so the text read so I clicked the “get started” button. Every step was complicated. First I had to select a name for my website then I discovered the name I wanted to use was taken by someone else.  With the free website the name of the website had the website platform in the URL and this signals to the world it’s a freebie. The only way the platform name wouldn’t be in the URL was to upgrade.

I thought the website was free?  The website is free, but the URL looked like this: http://mywebsitename.wordpress.com this didn’t look right. I don’t want wordpress.com in the URL! Too bad this is how a free platform works.

If I wanted to continue, I would have to buy a domain name and then I could have the URL as http://joanmargau.com. If I had the right information to begin with I wouldn’t have started a free website with a free theme. I didn’t like the website and I didn’t want to buy a domain name… and I couldn’t figure out how to use the theme either. I thought WordPress was easy to use. It is when someone shows you how it works.

N

Step # 1 The Domain Name

You don’t want to start out with a free website at all. The first step is to decide on a domain name and to check if this domain is available to use. The name of your website should tell people what the website is about. It is the name of the industry or business or your personal name. But it is the first thing you need to do before starting a website. 

N

Step # 2 The Website Must be Self-Hosted

Self-hosting isn’t hosting your website on your computer. It’s using a Hosting Company to host your website on their server. Which is the best Hosting Company? The one that gives you the best support based on your level of comfort with the intricacies of website management.

 

N

Step # 3 Choosing the Right Hosting Company

Don’t go with the cheapest price. Cheap hosting fees mean insufficient memory and you’ll have to upgrade to get enough memory. Even if you think your website is only a small one with a few pages and a blog. The content will soon mount up with images and videos and the website will run out of memory, and you’ll have to upgrade your hosting fees.

The Hosting Company must be able to give you PHP 7.0+ without costing extra. You want free SSL certificate, daily backups of your website and email service, and 24/7 helpful tech support and WordPress expertise.

N

Step #4 Choosing the Website Software

This time you’re in luck the best software for a website is WordPress and there is no cost to you to use WordPress. It’s delivered to you when you sign up with a Hosting Company. WordPress is the most used software for websites worldwide. It is secure and updated regularly. The next step is the most challenging one.

N

Step #5 Choosing the WordPress Theme

There are literally hundreds of themes each one better than the one you looked at previously, and they’re free. By now you should be wary of the word “free.” My advice; never go with a free WordPress Theme. Do yourself a favor and go with the most used Premium WordPress Theme in the world, the Divi Theme. This is all you will need.

One of the things you do not want to do is to have to change your theme each year. Why? A theme comes with a one year license to use and to continue using that theme you must renew the license. 

Why the Divi Theme?

There are plenty of themes and why I’m prepared to recommend the Divi Theme is because it’s the one theme that let’s you be in charge of your website. The idea that only a designer or a programmer can build a website isn’t true. You can build a website without having to know how to code. You can also build it the way you want it built, and you don’t have to depend on anyone to build it for you. All you need is someone to show you how Divi works.

 

To use the Divi Theme you must be a member of Elegant Themes.

The Leader in the Industry

In my opinion this theme is the best theme. I have used other themes but they aren’t as versatile as the Divi Theme. The amazing thing about this Theme is that it is constantly being improved. The Divi Theme now has a built-in Theme Builder. This means you can create your own Theme.

All this is without having to know how to code. 

 

The Most Important Consideration – Your Budget

How much money are you wanting to spend? None? Then you’ll live with the free website and eventually come to the point of dissatisfaction because you can’t get what you want out of the website and it isn’t working. If you’re going to have a website it will take an investment on your part, but it’s not as expensive as you think.

The Figures

Step # 1: The Domain Name. You can purchase the domain through the Hosting Company as most of them are Domain Registrars. A domain is priced from $9.88 to $20. All domains must be renewed annually to keep them from dropping into the public domain. Some Hosting Companies will include the domain for free when you sign up with them for hosting. This might be for the first year of hosting only.

Hosting Fees

Step # 2 and #3: Hosting Company. A Hosting Company will have attractive low introductory rate offers. After the introduction period the price will go up to the regular monthly rate. Always make sure you know what that rate is. Don’t be lured by the cheaper hosting company. Remember, cheap means insufficient memory and upgrade to use more.

For more information take a look at SiteGround pricing. As a comparison take a look at WordSpaces pricing.

Divi Theme Purchase

Step # 4 and #5: WordPress and the Divi Theme. WordPress is included. To use the Divi Theme you must be a member of Elegant Themes. The memebership includes tech support and all the products that come with the Divi Theme. The products are Monarch, a social media sharing plugin, Bloom an email opt-in plugin, and premade layout packs added weekly to the Divi Library. The Elegant Themes membership is $87 per year. You can upgrade to a lifetime membership with a one time fee for $249 and thereafter your fees for all the products and features will be $0.

If you’re budget conscious, it’s Black Friday on November 29. This means you get a huge discount off joining Elegant Themes and the lifetime membership.

What is your budget? How much should you spend? As much as you need depending on where you want to go with your website. 

Some of the links on this page are my affiliate links. I only recommend products I use on my websites and on clients websites.

Can You Build Your Own Theme?

Can You Build Your Own Theme?

Can You Build Your Own Theme?

Yes! How so?

The Divi Theme Builder will come out October 17, 2019.  Something we always associated with a designer or a developer is now going to be available for us users. The long awaited Divi 4.0 is about to launch. It will change the way you think about websites. You won’t have the problems becuase you’ll have the right tools to use.

The Divi Theme was created by Elegant Themes in 2013. It has become the most used theme in the world and has been translated into thirty-two different languages because it’s so versatile and you don’t have to know how to do HTML.

Designers and Developers have been using a Child Theme method to build stylized themes. The Divi Theme Builder makes Child Themes something you don’t really need. That’s the way of technology it forges the new and gives everyone the opportunity not just the few elite. Now you can start to think about building your own unique website with your style.

Develop Means Build

Develop means build, but not in the sense of building it from the ground up and using code. WordPress core software is already coded. A WordPress Theme overlays the WordPress framework. The Divi Theme is a theme framework and this means you’re now in the position of being able to build a website.

The Web Page Structure

A web page is divided up into sections. The top part of the page is the Header, the content is in the middle, and the footer is at the bottom of the page. The web page isn’t the same as an 8″ x 11″ piece of paper. It’s as long as the content on the page.

The information inside the web page is made up of dividers, or div containers stacked on top of each other. The dividers are arranged into column widths to put content on to the page.

The header has the logo and the main nagivation menu. The footer has information such as the copyright notice and other links and information. The header and the footer appear on each page throughout the site, this is known as global or sitewide.

h

The Page Builder Concept

The page builder overlays the existing WordPress editor and helps you put content onto the page. As the term implies it builds the page without your having to use code. It is a method created by the developers. Not everyone likes to  use HTML.

We’re looking at the web page from the front end, the finished product. All software used on a computer is operated by code that runs in the background while the software is in use.

With the Visual Builder you see your edits on the page as you enter the content into the mdoule.

Drag and Drop Modules

The modules are self-contained. They are mini content management systems for a particular item you want to use on the web page.

This is also an invention of the developers who figured out how to use the basic icon commands and wrote the code to create the specific module with settings for content, design, and advanced styling.

The whole style of drag and drop modules has changed the way a website is built. The Global Editor allows you to save the module in a particular style throughout the website. This means you don’t have to style each module.

Styling the Content

With the new Theme Builder you can style the header and the footer, this means you don’t have to use a Child Theme for a website.

i

Your Website

Have you been thinking that even building a website is too much technical know how. Contact me and let’s talk.

Building a Website Before Building a Theme

Building a website isn’t done in three steps. Before you can run and build a theme you will need to learn to walk in the foundational knowledge of how a theme functions. The Divi Theme now includes builder features. These builder features are the most advanced tools that will assist you with your project no matter what level the project is at. Even if it’s still an idea inside your head, you’ll find the solution in one of the Builders built into the Divi Theme.

The Divi Builder

The Visual Builder

The Theme Builder

The Divi Builder

This is built into the Divi Theme but is also able to be used as a stand alone plugin in a WordPress website. That is one of the excellent features about using WordPress for a website, the ability to add functions to the website. These addons are known as plugins.  The Divi builder replaces the standard WordPress editor and gives you a module to use for everything you want to do. You can use the Divi Builder plugin with any WordPress Theme. The Divi Builder is available from Elegant Themes the makers of the Divi Theme.

The Visual Builder

Built into the Divi Theme for use as an onpage visual editor where you see the content as you create it in real time. One of the most avanced technologies in website building. A first of it’s kind. As you type the content into the module you can view the content. The Visual Builder will increase your work speed and accuracy. You edit your content as you type the content into the module. Even if you copy and paste the content you are able to read it and edit the content easily.  This way of working when writing for the web is a content creators dream.

The Theme Builder

Just recently added to the Divi Theme. It’s the leading innovation into website building. The fact that you can build a website, and a theme if you want, without needing to know code, is a technological achievement that is complimetary to our ability. Of course there is more to building a theme than just being able to use the feature of the Theme Builder.

Going without a website isn’t a good idea. The Internet isn’t going to be eliminated. Online communication is the best way to reach an audience, grow a business, share information, and learn. In fact, we’re so in love with the Internet most of us can’t sleep at night because we’re inside our computers finding more information. To build a website you need the foundational knowledge about how the Divi Theme works.

Foundational Knowledge

The best way to get the foundational knowledge the basics of the how it’s done is to see Divi in action. The best way to see how it works is to see it in action. When you see what is possible then you’ll be inspired to bring your idea into your website with a blog. For a live in-person demonstration on how to start using the Divi Theme contact me. 

Blogs with the Divi Visual Builder in real time. When she’s not blogging she’s teaching you how the amazing Divi Theme works so you can build your website. Also known to be in love with the Divi Theme since it came out in 2013.

Joan Margau

More About Website Building

How To Use Images In A Website

How To Use Images In A Website

How To Use Images In A Website

The images used in a website are far more important than how easy it is to upload them. One of the biggest problems with websites is the images. The web is a great place to view awesome pictures. How do you get awesome images? Everyone thinks all you do is upload the image from a mobile phone. The mobile phone takes incredibly sharp images. They look great on the phone!

A smartphone can have a 2, or 3 megapixel camera. This means the the camera takes high resolution pictures which gives the image a large size. When you use that image it needs to be sized and compressed for the web. When an image is compressed, the picture quality is reduced somewhat but the file size decreases. If the image is not compressed the file size is too big and this causes the webpage to load slowly.

Image Compressing Plugins

They’ll do the work for you. But that’s the lazy way around the issue. If you want to save yourself time, expense, and future problems with webpage loading times, prepare the images you’re going to use correctly before you upload them to the media library in your website.

There’s no way around this, and no quick fix no matter how many plugins you find in the WordPress Plugin Repository on WordPress.org.

Image Responsiveness

A premium WordPress Theme will have built in image responsiveness, and a sizing chart for images to use with the Theme. If you don’t know the correct image size it’s a guessing game and a lot of wasted time.

This is a great way to irritate the visitor who lands on your website as they wait for the page to load because the image file is too large.

Eventually you’ll get the timeout notice from the browser that the page couldn’t load.

Free Image Editor

Free doesn’t always mean they’re good. It depends on your preference.

Affinity Designer

Is the same as Adobe Photoshop without the expense. Your images need attention before uploading.

Image Sizing

This is so important especially when you are laying out the content onto the web page. In the Divi Theme you have the option to choose the columns you want for the page. It’s better to follow an image measurement guide that shows you exactly what the width of the column is and what the size of the image should be.

The Ultimate Guide to Image Sizing was published in 2017 by Elegant Themes. Technology updates but the structure of a web page won’t change. A web page consists of divider tables which can have various column widths. 

Content Image Balance

The content you put on the page will need images to break up the text and make it interesting. A picture tells a story without having to write a whole lot of words. Images are also great motivating tools. No one likes to look at text with no images. It’s different when you’re reading a book. The web is similar to a magazine when it comes to layout, but you can’t click on a link, go to another article and find more information. 

Ideally you want to achieve a balance of text and images on a given page or blog post. This is a challenge. But once you know what images you want to use and what size they should be you won’t have problems coming up with the kind of content you want to put onto the page or into the blog post.

Author | Joan

Bloggs with the Divi Visual Builder in real time!

Divi
GDPR and Your Website

GDPR and Your Website

The European Union General Data Protection Act is in effect May 25, 2018. The Information provided is a courtesy and is not legal advice.The user now has complete control over their data and has a say in how it may be used.As a website owner you must explain to the...