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. Next week you’ll be able to build a theme. Something we always associated with a designer or a developer is now going to be available for us users. 

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 is so versatile and easy to use. 

Designers and Developers have been using a Child Theme method to build stylized themes. The Theme Builder makes Child Themes obsolete. That’s the way of technology it forges the new and makes it less troublesome for business owners large and small.

Develop Means Build

Develop means build, but not in the sense of building it from the ground up and using code. WordPress is already coded. A theme overlays the WordPress framework The Divi Theme is a theme framework and this means you’re in the position 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 8″ x 11″ it is 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 in it such as the copyright notice and other links and information. The header and the footer appear on each page throughout the site.

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 because not everyone wants to code the commands for the web page to function.

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 need a Child Theme for a website.

i

Your Website

Have you been thinking that building a website is too much for you? If you have, contact me. Let’s talk about your website.

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

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!

Break Out of the Blog Box

Break Out of the Blog Box

Break Out of the Blog Box!

Page Builders changed blogging.

Writing content into a blog post takes on new meaning. Long posts with complex images don’t get read. The story unfolds in bite sized content.

Visible. Accessible. Interesting.

WordPress

One of the best softwares to use for a website, especially if you don’t know how to code. WordPress started out as an open source blogging software and was developed by Matt Mullenweg and David Little in 2003. It grew into the most used software for websites worldwide.

Having a WordPress website meant you needed to use a WordPress Theme. The Theme had a one year license. This meant you could renew the license but if the developer no longer updated that theme you had to get a new one.

 

Frustrated Blogger

The web is an ideal place to communicate. Blogging was something I wanted to do regularly. I would come to the WordPress classic editor to enter the content and start writing. When I wanted to add an image and get the text to look right the text wouldn’t align with the image. I had to insert a page break in the HTML area. First I had to figure out what a page break was, and where to put it. 

To someone who is not a developer this was confusing. I lost interest in creating content and my blog ‘died.’

 

The Page Builder Solution

The Page Builder was a plugin developed specifically for WordPress Themes. There are quite a few Page Builders. One isn’t better than another. It’s more a matter of personal preference. I use the Divi Theme.

The Divi Builder

The Divi Builder is built into the Divi Theme but it is also available as a standalone WordPress Plugin. You are able to design the content the way you want, without having to add a short code.

Divi Visual Builder

The Visual Builder created a whole new level of creating content. You see the content created, in real time. This is a great time saver.

Edit the conent

Change the column layout

Add style and an image

Pull in other relevant blog posts

The image on the right is a screenshot of the Visual Builder using the Image Module Settings.

 

Blogging is Enjoyable Again

Blogging isn’t a list of topics buried in a word document that don’t get posted into the blog. You can prewrite the content and copy and paste it into the blog post. I find it easier to write as I go along. The process helps me to think and I edit as I write.

After you’re done entering the text you might not like the way the text looks in the particular column width you’re using. To change a column wisth you adjust the columns in the row settings.

Checking for Mobile View

The Divi Theme is responsive so it will change the view on mobile and tablet view. But as you put content onto the page you can check the mobile and the tablet view. You have to be using the Visual Builder to do this. All this is possible and this is how I broke out of the blog box. Now I look forward to writing a blog post.

Just because you can…

The only rule to follow is; just because you can doesn’t mean you should. You don’t want to decorate every section. Always think about the person reading the post. You want to make the experience pleasant. Too much design takes the reader away from the content and puts their focus on the design.

Your website is a powerful communication tool and with the Divi Theme you’ll break out of the blog box!

 

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

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. Next week you'll be able to build a theme. Something we always associated with a designer or a developer is now going to be available for us users.  The Divi Theme was created by Elegant Themes in...

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

read more
Break Out of the Blog Box

Break Out of the Blog Box

Page Builders changed blogging. Writing content into a blog post takes on new meaning. Long posts with complex images don't get read. The story unfolds in bite sized content. Visible. Accessible. Interesting. One of the best softwares to use for a website, especially...

read more

A Better Way to Blog

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 solution. It can be irritating to have to learn an entirely new system when you’re used to the previous one.

The Divi Visual Builder Experience

With this update the Divi Theme changes the way we create content. Now you can enter content directly onto the page. As you type, your edits are in real time. At last you can concentrate on the content you’re writing and not the technology to arrange the content on the page. You now have no obstruction for the flow of the information.

Within the post you can add sections, columns and images to make the post interesting and pleasant to read. Did you know, people skim read the content you worked so hard to produce. The web is full of information and distractions. All competing for the reader’s attention.

You want to keep your paragraphs short and to the point. You can when you get into the flow of writing directly onto the page. Then you can see the length of the paragraph, and edit the content.

Selecting the Content Layout

You can stay with a single column width for a blog post. and put pictures into the single column, or you can put the next section in a two column layout. What you’re doing is making the content easy to read and pleasant to view.

 

Choose a Module

Staying within the confines of a blog post you don’t want to divert the attention away from the subject. In this layout only the text and image modules are used in a two-column width. The two images in this layout reduce the need for an explanation.

Don’t make the reader work to read your content.

 

The Purpose of the Blog Post

The Internet is a place to share and exchange information and connect with people you wouldn’t ordinarily have an opportunity to meet in person. The blog post is a powerful tool. It is the voice of communication of your business, or hobby. This is where you give out information that relates to what you do.

When you write a blog post regularly you create fresh content. Think about the times you want to find out information and you go to the search engine of choice and type in what you’re looking for. The search engine results show more questions going deeper into the original question. Eventually you find a link that takes you directly to a blog post. This is the way we find information.

The blog post doesn’t have to be lengthy but it must be substantive in that it gives information and enough pictures and not too much text.

Always write for a person, not the search engine.

When you write regularly the content of the blog post will flow better. Writing blog posts directly into the post is a better way to blog.

Styling The Blog Post

This blog post has a different layout. It isn’t the standard blog layout with a right sidebar. For this post I am using the Divi Blog Extended Plugin by Elicus Technologies. This plugin gives you six additional layouts to choose from for a blog post. No short code or coding needed. The layouts are fully responsive. You can even create a custom category archive page to store in the Divi Library.

The ability to style the blog post has to be in moderation. Always keep in mind the person reading the content. A blog post isn’t an advertisement. Nothing is more irritating than an interruption in the flow of content.

Other Blog Posts

A Better Way to Blog

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

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

read more
Divi and WordPress

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

read more

Divi and WordPress

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 the websites on the web are powered by WordPress
  • WordPress is the most flexible software to build an online platform
  • The Divi Theme is used by Developers and Designers
  • The Divi Theme has been translated into thirty-two different languages
  • It is used all over the world
  • You don’t have to know how to use code to build a website with the Divi Theme

There will always be those who want to take down the person who is sucessful. It is a favorite passtime among some competitors to consistently bash the best. The Divi Theme is the developer and the designer’s best kept secret. This is the Theme they use because it compliments their knowledge.

WordPress is open source

Open source means developers from all over the world contribute to the core code. WordPress is the framework upon which a Theme is built. The fact that expertise is garnered from the best developers is a testament to the collaboration of WordPress. The end result is WordPress has created the space for everyone to benefit.

Developers, designers, business owners, entrepreneurs, corporations, governments, schools, individuals, use WordPress. With this philosophy, WordPress isn’t about to collapse or put anyone out of business because it makes changes and improvements to it’s existing framework.

Divi is a Premium WordPress Theme

The features inside the Divi Theme give you the opportunity to work within a framework that suits your technical knowledge. At first you might think you cannot build a website because Divi is too advanced. There are predesigned layouts in the Divi Library. A new layout is added each week.

With Divi, you never have to look at a blank page.

Conceptualizing the layout of content onto a web page is much easier if you have the elements of the page widths and measurements visible. As you work with the premade layouts with the modules you become familiar with how a webpage works. The page is divied up into dividers, this is how the Divi theme got its name.

Column Layout

This is what the layout of a page looks like using the built in Divi Builder. The blocks assigned are predefined and fit exactly to the width of the page.

You have a selection of columns. After choosing the layout you select a module to place into the layout.

Select a Module

This is the selection of modules available to use. For every function there is a module to match.

The design team that created Divi wanted to make the experience of building a website pleasureable. Not only for the developer and the designer, but for us, the user.

The design team at Elegant Themes were so successful, the Divi Theme is now the #1 used theme in the world. Since it came out in 2013, I have had no need for any other theme. Some have said when you use Divi you’re stuck with it. Not so. I’ve never been “stuck.”

Once you learn the basics there is no limit, you can take your website where you want, and concentrate on your business, and enjoy the experience of owning a website. To have more visibility and take advantage of doing business online you would need a marketing and promotion strategy.

Today’s web is a network of connections. Knowing how to connect isn’t obvious. To get help with this next step connect with Scott Winterroth. I had the good fortune to meet him at a WordPress Meetup four years ago. Ever since that meeting the conversation hasn’t stopped. He is an excellent resource for digital marketing strategy for your online business.

If you’re interested in learning more about how WordPress and the Divi Theme work to build a website, join me in an online bootcamp. I show you how it’s done step-by-step. No code or advanced knowledge needed.

 

Blogging

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 are told how to respond, who posted something on Facebook, who tweeted what. It’s a steady stream of content flowing onto the web. Whatever your interest you can find a blog post about that subject.

Have you noticed how everything saves you so much time? Really. With all the time we have saved how come no one has any time. The same is true for money, and websites. Everything happens in record time, smoothly, so you can have a great and awesome website. All of this does nothing for us. What we need is someone to take the time to show us how it is done.

Don’t tell me, show me.

Now we can do it ourselves. The way we want to, but with one caveat, if you know how.

The purpose is to demonstrate one of the most remarkable innovations in technology, the modular system of building a website. Never has there been such a flexible theme. You can tell by the fact that everyone’s either talking about it or using it. In the near future you will also see emulations of the Divi Theme. This is because it is the leader in this field.

Gone are the days of having to build a website from the ground up.

The Divi Theme is a Premium Theme and overlays the WordPress core. Actually the two work seamlessly together. That’s the turning point. When designers and developers work together you have harmony. It blends technology which by the way is constantly on the move. Thank goodness it is, updates and bug fixes are essential. No code functions perfectly all the time.

Who is using this theme?

The Divi Theme gives the developer, the designer, and the user the opportunity to build a website. That’s right, the user. The one on the receiving end of the developer and the designer’s thoughtful work. Some feel the user is clueless and doesn’t know the first thing about websites. Well, I take exception to that view.

I’m the user. That’s me you’re talking about. Then there is the ‘obedient client’ the one who has to obey the developer/designer and the site is locked so the client cannot “mess with it.” Now that is a turnoff as far as I am concerned. After all I am the one who paid the developer or the designer for the site, and I have restricted access to my website.

The Designers and Developers of the Divi Theme don’t have that attitude. They built the Divi Theme to serve everyone who wants to use it. You don’t have to know code to use the Divi Theme. If you want a specific feature, you can copy and paste the CSS code into the module in the Advanced section, but you don’t have to.

Everything you need is already built into the module. Are you the adventurous type that wants to know how the software works so you can work it?  If you answered yes, then we’re on the same page. The mystery of website building isn’t all that complex, providing you operate within a given framework.

The designer of the Divi Theme created the theme with the end user in mind. There are hundreds of details to take care of when building a website, but if those details are already in the module, you’re in the position of just using the design settings. I can change a pixel size, or add a width to a column by filling in the percentage. There is something refreshing about being in control of the publishing platform for your business or service.

Learning the Foundation with Divi

When you know how the foundation of the website works within the Divi framework, you’ll understand the elements of all the components that go into the growth of your website. It doesn’t matter if you are a large corporation or a small startup, the principle is the same. Today it is essential to know how the web works.

Even if you’re the President of a large company. Technology moves fast. If you want to keep pace you need to know and not be solely dependent on someone who knows IT.

Obviously, you can’t do everything yourself, but when you understand the components of a website and how it works, you won’t be talked into unnecessary and often expensive Plugins, that cause the site to collapse the next time WordPress core updates, or the Divi Theme updates.