Redoing A Website With Divi

Redoing A Website With Divi

Website Redo

Build a Style Guide
Change the color scheme
Set the color palette
Chose the font pairing
Deal with Accessibility

Style Guide

The Style Guide should be the first consideration when you’re going to redo a website. Even if you’re not redoing a website and you’re starting from scratch, you should create a Style Guide. This takes into consideration all the elements that will give you the effect you wish to have for the website. There is no perfect style, there’s only the style based on preference. As you start the process you’ll be able to figure out what you like and what you don’t like.

Which Style is Best?

There isn’t one that is better than another. Styles come and go. What doesn’t change is the way the style should not interfere with the content. In the Design section of every module in the Divi Theme there are options to create good styles. It’s a matter of balance when it comes to styles. If there’s too much style it’s a distraction. With all the design elements built into the Divi Theme, and other Themes, you can overdo styling. 

Color Scheme

Colors have meaning and when they’re combined with other colors they either clash or match. Colors also bring an emotional response. Think about how some colors are soothing and other colors provoke action.

Interesting Fact:

“Research reveals people make a subconscious judgment about a person, environment, or product within 90 seconds of initial viewing and that between 62% and 90% of that assessment is based on color alone. “Source: CCICOLOR – Institute for Color Research

Color communicates and is an important element throughout the style of the website. If there is an existing color incorporate the same logo colors. Unless you want to redesign the logo. Depending on how well your company is known by it’s logo will help you make this decision. If you do decide to change the brand colors and logo it will be an opportunity to email to your existing clients the new changes in a logo and a website.

Color helps to focus our attention as does being able to easily read the content. The color of something can make it look pleasant or unpleasant. There is no perfect color that will be good for everything. Using only one color is uninteresting and the content will be ignored.

The Color Wheel

Most useful tool to use when making sure you get just the right kind of color tone and hue. The software used for this process is Affinity Designer. All of the softwares have the color wheel tool.

What I like about the color wheel is when you can drag the small circle and you will see the color change in the selected image or shape.

As you do this you’ll get the color that resonates with the color scheme you have in mind. 

The Implications of Color

Green: Wealth, Health, Balance, Relaxing, Easy-going Environment

Yellow: Creative, Friendly

Blue: Loyalty, Coolness, Trust, Security

Purple: Soothing, Calming, Luxury, Truth

Orange: Aggressive, Excitement, Fun

Red: Energy, Urgency, Courage, Warmth

Pink: Romantic, Tranquility, Sexuality, Feminine

Color Palette

The Divi Theme comes with the ability to change the Default Color Palette and is located in the Theme Options area. Here you can set the colors. When you set this Color Palette those colors will be used throughout the site. 

All colors come with a specific RGB, or CYMK, or #and a number setting. You can put your curser anywhere in the square and the color setting will change giving you the number of that color. 

Expriment with the Color Palette. There is no right way to do this. But what you’re looking for is a uniform color for your website.

Font Pairing

Which font is the right font? Again, there isn’t one. There are six-hundred Google Fonts to choose from so how do you know which one you should use. Fonts are tricky. They need to be readable. Sounds obvious, but when you look at the many styles of Fonts available you find some are much easier to read than others. For a website, you want to chose an easy to read Font. You do not want to give the person visiting your website eye fatigue. 

You want to be sure you have clean open spaces and readable content. We do so much more reading than we used to do.Have you noticed how many people wear eye glasses, myself included. It’s not confined to older people it’s a phenomenon of using the eyes constantly to read text on different sized screens.

Here’s a very good website that you can see the font pairing with colors introduced as well. The Ultimate Collection of Google Font Pairing. You do not have to use the font pairings, it is a matter of preference. You will find though that some fonts resontate with you and other’s don’t. That’s how you will eventually come to decide which fonts you should use for your website.

 

Accessibility

Your website must be accessible to someone with a disability. We don’t always remember that there are people in the world that are color blind, or handicapped in some way. Their online interaction is going to be different and it’s necessary to take into consideration accessibility. In the blog post Quickly Build a Website in Divi that I wrote on RealTime Paradigm Blog. I show an example of how using a flip module is a great effect, but it’s not obvious that you need to mouse over the text to see the other side.

This could be faulted as being inaccessible. You do want to watch for that kind of use. Animation and moving parts on a web page is now the “in style.” Just because you think it looks cool doesn’t mean you should use these effects. The best practice on this one is to use it very sparingly. You want to eliminate any barriers to prevent interaction. The World Wide Web Consortium has an Introduction to Web Accessibility article for further reading.

One common error is an overly complicated navigation system with too many items in a menu that folds out into a sub menu. This can cause confusion as to where you are in the website. People have visual disabilities, this is why you should always make sure your text size is not too small. It’s the perfect way to get someone off your website if they can’t read the text.

The whole purpose of a website has to be functional, accessible, operable, and this takes thinking through how you are going to redo the website. You don’t have to have the website done by a designer. In fact, the best person to design a website is you. Of course you might need some help to do this as website software is now more sophisticated. The Divi Theme is a robust theme with all the options available. 

k

Follow These Steps

Build a Style Guide

Change the Color Scheme

Set the Color Palette

Choose the Font Pairing

Deal with Accessibility

All of these steps will take you on a journey to redo your website. The context of a website is complex but when you approach it from this angle you’ll get the results you want when you redo a website in Divi.

We Are Connected

We Are Connected

Thanks To The Internet

The times we are facing will change everything in our lives, no matter where you live. Life as you once knew it will have to be revised. There’s no getting around it. We are now dependent on the Internet to stay connected. It was something we didn’t anticipate. But here it is.

Schools may not open. People will work from home instead of in an office. Conventions and events will stream online. Universities and Schools will have to use online tuition. I have been working from home for the last ten years, by choice. When I started an online Web Consulting and Design business I found many people were not willing to pay attention to any of the things that would indeed connect them in business. Those that did pay attention to the vast resources the Internet could bring their online businesses benefitted.

The most successful business is one that can survive through the problems. The problem of a global quarantine is disastrous, and definitely shouldn’t be around. This business that will survive is Amazon. No matter how much criticism is leveled at this company, let’s look at the real picture. It’s the number one sought after service because the idea behind it serves the need.

Building an Online Infrastructure

It starts with a simple idea and a website. The website is the publishing platform, the communication tool to connect with people. But because of the way we live we are now paying for it in the most unexpected way, disease. Viruses and disease is not new on our planet. What is new is blatant ignorance about the subject.

It’s essential to know the difference between fake news and real news. The problem is we’re saturated with information and we don’t pay attention to what we are doing. Sign up, register, login, subscribe are now reflex actions.

Manipulated information is part of the problem. It spreads panic and fear. What is even more alarming is those who claim to be intelligent, pretend there is no virus and they are too young to get the virus.

Well, the virus doesn’t know your age. Children, teens, adults, young and old will get the virus, unless they take the proper precautions and social distance themselves from contact. It’s just that simple. If you don’t make yourself available to contacting the virus you won’t get it. Going through childhood I contracted a variety of viruses. We were quarantined and that was that. The virus eventually stops mutating because there are no more hosts to feed from.

This is common sense. When you were sick you stayed at home. You didn’t go to work and you didn’t loose your job because you were sick. An employee was a valued person, not a commodity to be replaced by another hourly employee because the business owner didn’t want any loss in revenue.

Misinformation and Scammers

One of the most problematic situations to cope with when you use the Internet. We are all using the Internet now more so than ever. You will also find the scammers. Websites are springing up with all sorts of offerings. Courses, information, asking for donations to help people, setting up funds. And if you’re not careful your funds could go to someone who pretends to be an organization that is legitimately going to help those in need .

Number 1 Rule

Never donate to a cause because it’s convenient or because it looks like it’s a worthy cause. Do the research to make sure the organization is legitimate. The dark side of human nature is ever present in the most unlikely places. People will take advantage of you no matter how intelligent we might think we are.

Number 2 Rule

Anyone can say anything about anything on the web. There is no filter. I can tell you the most outrageous lie if I want to. How do you know I am giving you the correct information.

The lazy way is to just accept what people say without any kind of filter. For example; did you know that WordPress is going to be discontinued tomorrow. That is ridiculous since 60.5% of websites are powered by WordPress. The red flag should go up instantly after reading the statememnt. It’s usually made by someone to discredit WordPress so they can persuade you another software is better.

The buck stops with you

Work From Home

If this is an option, take it. I have been working from home for a number of years. My work as a Website Consultant and Designer building websites is done online. Online interaction is one-on-one with discussions and instructions when necessary. This way of working is cost effective and happens in real time. You get to see how your website comes together and how it works.

The New Normal

Change is inevitable. If things don’t change we’d still be living in the Dark Ages or as they did in antiquity. Thank goodness we aren’t. What doesn’t change is our social interaction. In this time with the Coronavirus we have to know it is not going to last forever. A temporary ban on social interaction won’t collapse anything. The whole situation will bring new innovation as to how we as a worldwide community have to alter some of the things we do.

Bring Back Travel Vaccinations

Eventually a vacine will be developed for this virus and it will be contained as it is a more serious virus than seasonal flu. I’m not an expert on viruses, but I know enough to realize this is a mutative virus and the body will develop immunity. Just as the Polio vaccine did and the worldwide epidemic was stopped. Some people did get the disease because the vacine wasn’t available.

Vaccines used to be enforced for travel. When you went overseas you could not board the plane without proper vaccination documentation anywhere in the world. What happened? This was relaxed some years ago it should return.

When you travel you are subject to pick up viruses and germs. When you eat you ingest bacteria. The body has a built in system to kill unhealthy bacteria. The compromised immune system comes from bad eating habits and a totally unhealthy lifestyle. We all think we are so healthy! Think again. We have tampered with the food we eat and we’re paying for it.

Contracted While Traveling

True story: I contracted small pox traveling from South Africa to the United States in 1983. This is a contagious disease. There was no vaccination requirement at that time. I was quarantined at home for a few months. The health official was my primary care physician who visited me at my home. Fortunately the fever was lowered and I did not have to transfer to hospital. 

How Did I Get Smallpox?

An airplane is a confined space. People travel when they’re not well. In my opinion, the ventilation system in an airplane is not cleaned. The inside of the airplane is, after the passengers have left the plane. Airlines have too many flights and no time to clean the ventilation system of an airplane in between flights. This is how viruses spread when people travel.

Value being able to Connect

Without the Internet we would be completely isolated, thank goodness for the web. It’s a remarkable invention. Technology has propelled us forward not backwards. Eventually life will return to what it was but we’ll have learned through this experience. Keep vigilant, in order to function you need a healthy body. Look after it well, it’s the only one you have for the duration of this lifetime. Remember a virus doesn’t know how to tell the difference between a child and an older person. Everyone is vulnerable.

We Are Connected. smile

Website Creating the Inside View

Website Creating the Inside View

Before Creating A Website

What the sales copy doesn’t tell you.

 

Website Creatingthe Inside View

The inside of a website isn’t mysterious, it’s just an organized content management system that operates when you know the commands. All software works this way. Once you know how to operate it, the mystique disappears.

The problem with creating a website; the initial information before setup.

It’s true anyone can create a website. This is usually the developer or the designer’s territory. But now website software is built for the user as well. There are two ways to go about creating a website, have someone create the website for you, or create it yourself.

Now not everyone likes to do it themselves. Whichever way you want to create your website you still need the foundational knowledge before the website is created. The foundational knowledge is the inside view, it’s not the sales view, but the information you wish you’d had before the startup that you now have to undo.

If you haven’t started a website don’t jump into the first easy-to-use, free, website… here’s the foundational knowledge based on my experience buildling websites since 2006.

Website FoundationalKnowledge

The foundational knowledge is the know-how-it-works. This is what the advertising doesn’t tell you, and what you find out after you’ve bought into the freebie website with ads. Or worse still, your website just crashed because there’s insufficient memory to properly display the website.

This website is powered by WordPress. You’ve no doubt heard about other software for a website, Wix or Squarespace. Wix is a free software with ads, but if you need your own domain name or want to do business online, you’ll need to upgrade to one of the plans. The least expensive plan without any ads is $13 per month. This plan gives the website 3GB storage. This isn’t enough memory space for a website.

The same is true for a WordPress website hosted on WordPress.com. WordPress.com also requires an upgrade to remove ads from the website. You don’t want to have ads on your website. That’s the problem with free, it means use someone else’s platform and live with features not needed. Why would you advertise your competition? They pay for their advertisement to be on your website because it’s a relevant match advertisement.

  • WordPress 62.5%
  • WooCommerce 15.5%
  • Wix 2.3%
  • Weebly 1.6%
  • Squarespace 1.5%

Source: W3 Techs
Web Technology Surveys – 2020

  • Blog
  • Demo

MisinformationOutdated

Before you take the time to read make sure the information is current. Check the date, last year’s information is considered current. If you can’t find a date the information is most probably ‘evergreen’ meaning it might be factual and doesn’t go out of date. But even the ‘evergreen’ article will at some point be outdated.

Tech information on the Internet isn’t always updated and revised, unless the owner of the website is meticulous and cares enough about the content on their website to be current and not outdated.

The fast pace of uploading and publishing content is always going to be at top speed. Don’t be in a hurry to jump at the nearest cheap bottom line price. The website you create should be long-term. You want your presence on the web to generate business. For this you need a professional website that will accommodate the growth you envision for your company, or as an individual practitioner. 

Website Roadmap
  1. Website Software
  2. A Professional Website
  3. Website Theme Choice
  4. Website Hosting
Website Problems
  1. Have to know code.
  2. Free website
  3. Discontinued Theme
  4. Cheap Hosting

WebsiteSoftwareWhich One?

The truth of this is in the usage. The best website software to use is WordPress, this is based on my experience using the Blogger software, the Microsoft Small Business Software (now discontinued). WordPress came out the winner having the most flexible layout and I didn’t need to know code to use it. The WordPress core software is provided by a reputable Hosting Company. WordPress is the remarkable invention of co-founders Matt Mullenweg and David Little. WordPress started as a fork from b2cafelog a blogging software that needed improving. They modified the software so well that it grew to become the most used software for a blog and a website.

The WordPress core is open source software. Developers from all over the world contribute to the code. The result is a versatile software with the flexibility to add functions as needed. WordPress has created a higher standard for websites. This is good news because this is exactly what you want for your website. Longevity and flexibility. WordPress is not going to suddenly be discontinued and they won’t raise the price and make it proprietary code.

When a software creates an environment where everyone benefits from it’s use, the developer, the designer, and the user, then it stands out and this is why 62.5% of websites are powered by WordPress as opposed to 2.3% by Wix.

Large Corporations, Governments, Educational Institutions, Schools, Restaurants, Individuals, Businesses, Entrepreneurs, Individuals, all use WordPress for their website.

Adding to the excellence of WordPress is the availability of Plugins. A plugin is designed by a 3rd party developer and if it passes the grade is offered in the WordPress Plugin Repository. If you’re serious about doing business online you will need a profressional website.

A Professional Website

Premade Theme Layout

Designers and Developers use this Theme.  Anyone can create a website using this theme. You don’t have to know how to code to create your website.

There are 125+ Premade Theme Layouts designed by Elegant Themes designers. Using these layouts is like hiring a professional designer. Even if you’re a total beginner you can create a professional website.

The Divi Theme is the world’s most used Theme, and has the flexibility to style a website to suit the subject without emptying your wallet.

WebsiteThemeWhich One?

The WordPress core software is the shell onto which a Theme is built.  The Theme is the decoration or style relating to a subject or topic. Today the WordPress Theme market is saturated with every kind of theme you can think of. The technology of website styles changes all the time. What looked good in the 1990’s doesn’t look good in 2020.

WordPress recently rocked the boat and introduced a new Classic Editor. The section where you input the content that goes onto the web page. The introduction of the Gutenberg Block Editor is the biggest change WordPress has made since it was launched in 2003. The result is now what is called a Block Editor, or Page Builder system to help you put content onto the page.

Themes styled with the earlier Classic Editor are now outdated and will cause the website to operate on an older version of WordPress. Theme developers will need to update their themes or discontinue that theme. This is a definite consideration before you use the inexpensive theme that you found on the web. Is it compatible with the most current version of WordPress 5.3.2? Updates to the WordPress core softwear happen regularly. In a few months WordPress will be up to 5.3.3.

There will always be an updated or improved version particularly with a website. Always make sure you can update the Theme and WordPress when needed. An outdated website will be hacked and this is what you don’t want to experience. Once a website is hacked, it’s dropped from the search engine. The website will then take a long time to get back into the good graces of the search engine.

Best Practice: always use an updated version of WordPress and WordPress Theme.

You want a theme that keeps pace with WordPress. Not only do they keep pace with WordPress but they integrated their unique Page Builder into the Gutenberg Block system. This theme is the Divi Theme.

The Divi Theme

The Divi Theme is your creative partner working by your side as you come to know how the sections, rows, and modules work. You are using one of the most used themes in the world. Even the designers and developers use this theme. The Divi Theme has built-in styling features and you can add content directly onto the page using the advanced Visual Builder.

Whenever there is an excellent product there are always those that will downgrade the product, claiming it’s slow and has too many things wrong with it. This is professional jealousy. The person, feeling the competition, criticizes the product with the intent to purposefully misinform you, so you’ll buy their product instead.

Are You Hands On?

As the owner of a website you need to decide how hands on you want to be with the website. You might not have the time to do this yourself, in that case you should have your site managed by someone, and be prepared to pay them for this service. The back end site management is called site maintenance. The front end of the site management is called front end where you add content to the site. This is the part you should operate as the owner of a website.

The front end has a learning curve, as with anything we use, we have to learn how it works first. With the Divi Theme you have full control over the front end and you’ll be able to change an image, add content, and if you want, change a style. 

Not having to use code is the best way to create a website. Website code runs in the background while you’re using it on the front end. If there’s a problem with the code, you initiate the built-in support ticket and the tech support developers fix it for you. This is how it should be. Code is complicated, and unless it is your passion… don’t mess with it.

Learning Divi

No one likes learning something by themselves. This is why YouTube is so popular. Whenever we want to know how to do something, we search for a video on YouTube.

But you can’t ask the video questions. You can ask questions if you have someone teach you. You can have one-on-one training with a Divi enthusiast, and learn to create a website using Divi.

Where toHostYour Website?

The answer to this question depends on who you talk to. The Hosting Company is one of the most important choices you will need to make. It’s the second most important thing next to the domain name of the website.

The cPanel

This is where you will manage your website. Not the WordPress login to the live site but the back end of the website where it sits on the Hosting Company servers. Your website will be on a shared server, unless you’re a large operation and have a dedicated server for the website.

The cPanel is not complex, but it is unfamiliar. Developers are at home in the cPanel because they deal with the FTP (file transfer protocol) and generally manage the back end of the website. If you’re not familiar with FTP protocol, subdomain management, memory upgrade, and SSL certificate instillation… then you will need tech support.

If you like doing this yourself, you will be able to find your way around the cPanel and make minor changes, but if you run into a problem you don’t want to change or delete files in the database. What you need is a Hosting Company with reliable tech support, and at all hours of the day and night. When something goes wrong you need to fix it as soon as possible. Downtime means loss of business and reputation. If you’re operating an online business this is what you don’t need.

Web Space

How much web space does the Hosting Company provide? This ranges from 3 GB to 10 GB. Obviously 3 is less than 10, you do not want to be limited in the amount of web space. 3 GB is not sufficient space.

Website software is continuously upgraded, improved, and debugged. No software works perfectly all the time. But when you need to press the Update button you don’t want a server error message telling you there is insufficient memory to support the update of the Theme. An outdated Theme is one ready to be hacked!

Reliable Tech Support

Depending on the Hosting Company you’ll get variations. In some cases there will be an extra charge for tech support. In most cases though the tech support is built into the monthly amount with Hosting fees. How do you know if the tech support is any good? Ask around and people will tell you of their experience. Since Hosting Companies are essential to having a website, you’ll get instant feedback. Hosting recommendations provided are based on my using those services. I’m so satisfied with their service I am part of their Affiliate program.

Three Different Kinds ofWebsite Hosting

DIY

DIY means do it yourself. A developer builds a theme on their computer, with special software, and then uses FTP (file transfer protocol) to upload the Theme to the Host server files. All the files in a website are stored in a database. 

Managed Hosting

If you’re not hands on this is a good hosting option. For a fee, the Hosting Company maintains your website, keeping it up to date, and fixing any issues that might occur. Managed Hosting Company I recommend.

WordSpaces

Some DIY + Tech Support

This type of Hosting is good if you want to learn cPanel basics such as email setup and forwarding, but you don’t want to go into the database and root directories. Some DIY+Tech Support, I recommend.

SiteGround

Website Roadmap

Website Software – WordPress

Professional Website – Premade Layout Pack

Website Theme Choice – the Divi Theme

Website Hosting – do it yourself, managed hosting, do-it-yourself with tech support.

The website journey is like a roadmap, you have to follow the road to reach your destination. You can go cross-country, but the terrain is more difficult and might not reach the desired destination. In this case your destination is a website.

No one ever got anywhere without knowing where they were going. With the inside view, you’re now able to decide how you’re going to create your website.

Write in Real Time with the Divi Visual Builder

Write in Real Time with the Divi Visual Builder

Write directly onto a web page in real time?

See your words flow onto the page as you type them into the module? Style the module with a different color and shape? You see it as you style it.

Unheard of. Impossible… until now. Enter the Visual Builder experience built into the Divi Theme.

The Buit-in Divi Visual Builder

Writing is a chore and not everyone likes to do it. But today you need to write and create content regularly. We’re doing it all the time, in emails, texts, tweets, commenting on blog posts, on social media, but we still need to create content for the website and the blog. In some cases you’re able to hire a freelance Copywriter to do the writing for you, but this can get expensive, and you can do it yourself. A common complaint about writing content is; there’s no time to write the list of topics you’re going to write.

Technology to the rescue, you now have a tool to help you write in real time directly onto the web page. Remember that blog post or landing page idea you had for your website? The content is still languishing in the document where you created it… if only you could remember where you created the document. What happened to the goal you made; to write and publish more posts?

The Blog Post Publishing Solution

Use the built-in Visual Builder that comes with the Divi Theme. The Visual Builder is an on-page visual editor where you type into the specific module and see your edits alongside the module as you enter the content.

Traditionally you would write the content in a separate document and then copy and paste it onto the web page or blog post. After you copy and paste the content you have to format headings and subheadings. You may want to use an image, but you have this long block of text to deal with. Where do you add the image? Using the Visual Builder you can access the page layout. Seeing the visual element of the page layout guides the content.

The content is shaped by the amount of space available in context to an image or column width. This helps the writing to be precise and on point. Not only is it clear where you want to put the content, but it’s clear how you want to arrange the content.

A Different Experience

Writing content directly onto the page and editing as you write, is an entirely different experience.  You can immediately tell if the content is relevant and on point. Instead of writing and returning to edit, you edit as you write. This method is efficient, it not only saves time, but it will improve your writing, and help you formulate the sentence structure.

Everyone has a different way of writing and there’s no right way to write.

Creating content regularly is necessary. The content is the ‘voice’ of the business. People are searching for information about what you do. If your website doesn’t have an active blog with current information, people will move onto the blog that does have current and upcoming information.

Engaging Content

Create engaging content is something you think about. But how do you do this in real time? Using images combined with content is attractive to the reader. Images engage attention immediately, even before text is read. Some people will scroll up and down the page reading only the headings and subheadings and then look at the pictures before they read the informaton in the article.

The image also needs to be on subject otherwise the viewer’s attention is absorbed into the image. Their minds are off vacationing by the water with the scenic picture of a waterfront.

Connecting With The Content

When you write content using the Divi Visual Builder, you’re not only connecting with your audience, but you’re connecting with the content itself.  Even if you don’t like to write, you’ll find you will read the text you just wrote and writing content will take on a new form. It will actually inspire you and before you realize it you’re creating content instead of talking about it.

If you’re a writer, you’ll be delighted with the Visual Builder. All writers enjoy writing. No one says they are a writer and doesn’t like writing. When you write and read your own writing, you’re looking into a mirror. This is reflected through the content and because you connect with the content you’re writing you’ll reach the intended audience.

Since using the Visual Builder my content creation has increased one hundred percent. I can press the publish button the same day as the post is written. I’ll return to the just published post the next day to refine the content. I have completely departed from writing the blog post out in a word document and then copying and pasting it into the blog post. My blog posts don’t wait long to be written.

The Divi Difference – Using the Visual Builder

The Divi Builder

One of the major disappointments with WordPress was the difficulty to put content into the page or blog post. It requried knowing short codes and some HTML.

The Developers of WordPress Themes built a Page Builder specifically to help you add content to the page or post without needing code. If it hadn’t been for the Page Builder, WordPress might not have become such a widely used software for a website. 

The Divi Visual Builder

Adding content to the page and seeing the edits as you add them is an advanced innovation of technology.

This could be the end of long meetings and discussions over wireframe drawings of the website layout that don’t match the content. It’s always been a problem for content creators and designers. No one quite knows what to do with the text and how to arrange it on the page or blog post.

The Divi Theme Builder

The value in building your own theme is priceless. No other website will have the same style.

Design and Content Creation Teams can now work together and build a complete website with an active blog. The image shows the Theme Building area where you start to build the theme and add templates.

To use the Divi Theme Builder it’s necessary to have foundational knowledge of the basic elements. You can learn more about Divi here.

More About Building a Website with the Divi Theme

Website Building

Website Creating the Inside View

Before creating a website, what the sales copy doesn't tell you. The inside of a website isn’t mysterious, it’s just an organized content management system that operates when you know the commands. All software works this way. Once you know how to operate it, the mystique disappears...

website software

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 

Redoing A Website With Divi

Build a Style Guide Change the color scheme Set the color palette Chose the font pairing Deal with...

Write in Real Time with the Divi Visual Builder

Write directly onto a web page in real time? See your words flow onto the page as you type them into the module? Style the module with a different color and shape? You see it as you style it. Unheard of. Impossible... until now. Enter the Visual Builder experience...

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...

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…