Home » alternative to divi

Tag: alternative to divi

Simple and Free Freelance Writer Website Design 101

So, after showing you how to create a website from scratch in under 5 minutes, I promised a tutorial on how to design your freelance writer website.

I’ve been busy building a new website, so I was thinking it’s the perfect time to show you how to build a freelance website from scratch.

I’ve been using the Make Theme from Theme Foundry to build my web pages. It’s simple and easy to use, which is what I like. I don’t like fuss or too many options. This WordPress page builder is also free, so there’s that. However, you can upgrade to the paid theme to get more options.

Make Theme is a great alternative to Divi. It has drag-and-drop features that allow you to build web pages without having any coding skills.

 

To install the Make Theme to your WordPress site, go to Appearance–>Themes–>Add New

 

How to use Make Theme for WordPress

 

Then, search for “Make” in the Search box to find the theme.

Make Theme by Theme Foundry install

 

Hover over the picture and click “Install” and then “Activate.”

 

Let’s play around with it so you know what it does. Go to Appearance–>Themes and click on “Customize” under the Make Theme.

 

Make Theme Site Builder

You’ll be taken to a page that looks like this:

 

Make Theme Theme Foundry WordPress

Now, all you have to do is play around in that left sidebar. You can do all kinds of things with color and design there. It’s so much easier to learn all the features by playing around and testing different things out than by me trying to walk you through all of it.

You can test any of the features out, and it will give you website preview on the rest of the page. It won’t make any permanent changes to your site unless you

 

For example, we could spend all day just playing around with color, but let’s hit the color button:

Theme Foundry Make Theme Tutorial

 

Hit Header Bar:

 

Make Theme Header Bar

 

Now, I chose a color palette for my website here on Garden Stew.

 

Forest color palette

I entered the forest green color as my header color, using the html color number for the green color:

 

Make Theme Theme Foundry Tutorial

Just like that, you can play around with the theme colors and look.

 

Now, let’s look at how to build a new page using the Make Theme page builder.

So, click Pages–>Add New

 

Make Theme Page Builder

I’m going to create a “Suggested Resources” page for demonstration. Let’s say we want to add suggested reading on forest bathing. I am going to choose Columns from the Page Builder section. I use columns for almost everything.

Wordpress Make Theme Tutorial

 

So, now 3 columns will show up on your page. You can “click to edit” to add text or images here.

 

Make Theme Tutorial

 

I’m going to add a few Amazon books using my Amazon affiliate links here, so I’ll hit the “Text” tab here and add the html code that Amazon provides and click “update column.”

 

Make Theme Foundry Tutorial

 

I did this for all three columns, so now, on the backend, they look like this:

 

Wordpress Make Theme Columns

 

As a freelance writer, you could offer resources similar to this on your blog with freelance writing courses, books, or products that you love.

 

To add pages to your website, including a home, about and blog page, go to Pages–>Add New

add blog to wordpress site

Title your new post “Blog” and it will automatically assign the permalink yoursite.com/blog. Hit the Publish button. Now you’ve just set up a blog on your website.

Add a blog to your wordpress site

 

Now go to Settings–>Reading

We’re going to make sure your blog tab shows up in your website menu.

Add blog to wordpress website

Select Blog from the Posts page dropdown menu.

Import blog to wordpress

If you want to, you can select how many blog posts show per page and whether it will show the full blog posts or just a summary with a “read more” button.

Then, save your changes.

Next, go to Appearance–>Menus

adding blog to wordpress site

 

On this page, click to check “blog” and then click “add to menu.” It will add your blog to your menu like the big arrow shows.

Add blog to website on wordpress

 

You’re all set. Your blog is now ready to go! Just hit the “Posts” button on the right sidebar to start writing posts. If you preview your site, you’ll see that “Blog” now shows up on your menu bar. You can do the same with other pages, like our Suggested Resources page or a Work With Me page.

 

Okay, so hopefully this gives you a starting point to building some basic pages and a blog for your website. I don’t pretend to be a web design expert, but I do have some years’ experience running this here site to show you just how possible it is to make a decent website with some great resources at your disposal.

If you have any questions, feel free to ask away in the comments and I’ll do my best to answer;)

Happy site building!