How To Create Simple Website In 2020 - Step by Step Guide

How To Create Simple Website In 2020 - Step by Step Guide

How to create simple website in 2020.
So perhaps you are an individual or small business that want’s to create simple website in 2020?
I believe that everybody should be able to set up their own simple website with little to no technical knowledge. Without coding!

By the time you are done going through this short tutorial, you should have your site up and running with your own custom domain!!

NOTE: If your are looking to rather create a simple blog(instead of a website), then try this short guide: How To Start A Simple Blog

Create Simple Website - Steps To Follow

  1. Choose a domain name (eg www.aloudinthecloud.com)
  2. Website Platform to use (eg, Wordpress, Joomla etc)
  3. Setting Up/Configuring your website
  4. Add content to the website

1. CHOOSE A DOMAIN NAME (Name of your website)]

In order for people to reach your website, they will need to know the name. Try and choose a name that is unique, memorable and hints at what the website is about. For the purposes of this tutorial, we will use the name aloudinthecloud.com as the domain name.
Please note that if you don’t desire a unique or custom name, you are better off using any other free online publishing platform available(eg. wordpress.com)

These free publishing platforms allow you to publish on their platform by creating an account.
Your website will end up with names like myownsite.wordpress.com or mybusiness.wordpress.com.
Such names don’t look professional and also don’t rank well in search result(meaning people will struggle to find your site).

Register Your Chosen Domain

Once you decide you need your own custom and unique name/domain(eg. aloudinthecloud.com), you must proceed to register the name. This is called Domain Registration.
But before you register your domain you must also consider where you will want to store your website assets/files. This is called Web Hosting.

Luckily, most domain registrars can also store (i.e. host) your website!

There are several Domain Registrars available but from our experience, we will recommend BLUEHOST
Here’s the KICKER! When you buy hosting(about \$4 per month) from BLUEHOST, you get domain registration for FREE!!!

Register your domain with Bluehost

Register your domain with Bluehost

Once you come up with your unique, cool website name please proceed to register it above so someone else doesn’t get to register it before you.

Disclaimer: We get a small commission to help us pay for server cost when you click some of the links in this post and proceed to make a purchase.

Steps to Sign up on Bluehost

  1. Once on Bluehost, select ‘Wordpress‘ on the top left of page and select ‘Wordpress Hosting

How To Create Simple Website In 2020 - Step by Step Guide - Bluehost Landing Page

How To Create Simple Website In 2020 - Step by Step Guide - Bluehost Landing Page

2. Select the hosting plan. We will go with the Basic plan for now.

How To Create Simple Website In 2020 - Step by Step Guide - Bluehost Hosting Plans

Bluehost Hosting Plans

3. Create A New Domain

I will advise you go with the much simpler .com extension(the default) or you can choose any of the listed ones from the dropdown when you click the small arrow beside the .com

Note: If you already have a domain, use the second box.

How To Create Simple Website In 2020 - Step by Step Guide - Bluehost Create a Domain Name

Bluehost Create a Domain Name

3. Create Account
Enter your contact and billing information here.

How To Create Simple Website In 2020 - Step by Step Guide - Bluehost Account Information

Bluehost Account Information

4. Enter the hosting package information
NOTE: For the Account Plan, the cost per month gets cheaper the longer your commitment. Decide which one suits you.
Uncheck all other options under Package Extras. We will not need those for now.

How To Create Simple Website In 2020 - Step by Step Guide - Bluehost Hosting Package Information

Bluehost Hosting Package Information

5. Enter your payment details and click Submit to complete the transaction. How To Create Simple Website In 2020 - Step by Step Guide - Bluehost Payment Details

Bluehost Payment Details

Once you are done with this, Bluehost will proceed to install your website platform(ie Wordpress) for you!! Awesome, right?
Now that you’ve seen the steps, we’ll wait. Go register and come back here.
Take note of your Bluehost login details(i.e. username and password)

2. WORDPRESS AS A WEBSITE PLATFORM TO USE

There are various website creation platforms available. We have Wordpress, Joomla, Drupal and a host of others including cloud based ones.
However, from our experience, Wordpress offers the best options. It is popular, flexible and powers more than 30% of the web. This means when you run into any issues you can be sure help will always be available somewhere online.

So we will go with Wordpress

Wordpress

Wordpress

Installing Wordpress

NOTE: You should have installed Wordpress from the steps above when registering your domain name and creating a an account. Otherwise you can still follow the steps below.

This step is surprisingly one of the simplest in this tutorial.
We will make use of Bluehost’s 1-Click Installation process.

Log in to your Bluehost account(the log in link will be at the top right of the homepage).
You will see 1-Click-Installation in your control panel. Use that to install your Wordpress platform.

TIP: If you ever get stuck performing any of the following steps, the Bluehost tech support will gladly help you. They are one of the best in the business! Go to the Bluehost homepage, scroll down and you’ll see 24/7 Expert Support section. Click on the Chat link to get help!!!
Another bonus for being a Bluehost customer ;)

How To Create Website In 2020 - Step by Step Guide - Bluehost Chat Support

How To Create Website In 2020 - Step by Step Guide - Bluehost Chat Support

3. SET UP / CONFIGURE YOUR WEBSITE

Once you are done installing Wordpress, it’s time to set up the look and feel of your awesome site. The look and feel of a Wordpress site is controlled through what we call a THEME. Wordpress by default comes with a theme and you may choose to go with that or there are thousands of FREE and PREMIUM themes to choose from. Several sites mythemeshop, themeforest, elegantthemes offer free and paid themes.

If you decide you want full control of your themes, you may have to go for a paid/premium theme.
We will recommend the themes available at MYTHEMESHOP. Their themes are affordable, fast and user friendly.

Again, don’t hesitate to contact Bluehost Tech Support if you get stuck.

You’ll have to log into your Wordpress site to start your configurations.
The log in page of your site will be found at www.yoursitename.com/wp-admin (eg. aloudinthecloud.com/wp-admin).
Enter your username and password to log in. (Contact support if you can’t remember your credentials).
NOTE: You can also log into your wordpress dashboard by logging into Bluehost(using your Bluehost credentials) then selecting your site from there.

How To Create Simple Website In 2020 - Step by Step Guide - Wordpress Login

Wordpress Login

Once you successfully log in, you will be taken to your Wordpress dashboard where an overview of your setup is displayed(no. of pages, posts, plugins installed etc). As you continue on your wordpress journey you’ll become familiar with this view and get to know what plugins, widgets, posts, pages etc all are.
Your Wordpress dashboard is your engine room. This is where you control everything.

How To Create Simple Website In 2020 - Step by Step Guide - Bluehost Wordpress Dashboard

Bluehost Wordpress Dashboard

Installing Your Wordpress Theme

On the left side are your dashboard menus. Hover over ‘Appearance‘ then click ‘Themes‘ to open the Themes page.
Here, you’ll find the list of available themes.
Click on Add New button or scroll to the bottom of the theme list and click Add New Theme.

Here, you can see the themes that you already have installed, you can also search for new themes.
When you click on Feature Filter button at the top, you can filter out the desired features you want in a theme by Subject Matter, Layout or feature.

To install a theme, hover over the theme’s image and click Install.
TIP:
Note that you can preview a theme before installing it.
Once the theme is installed, you can hover over it and click Activate to use that theme on your awesome site.

How To Create Simple Website In 2020 - Step by Step Guide - Activate A Theme

Activate A Theme

4. CREATE PAGES FOR WEBSITE

Hurray! Now that your site’s look and feel is done, you can now create the pages for the site.
Most websites have Contact Us and About Us pages. Let’s create those!

There are two main ways to create content in Wordpress. You create content using either Posts or Pages.

What’s the difference between Posts and Pages?

Wordpress was originally mainly used for blogging, where users post content at regular intervals. These contents are displayed in reversed chronological order and usually have timestamps or name of author. These are called Posts(ie blog posts).
Pages on the other hand are used for static or fixed content(eg. Contact Us, About Us, Product List, Disclaimer pages).

By default, a newly installed Wordpress displays the list of blog posts(in reversed chronological order) on the homepage of the site. If you prefer this behaviour, you can proceed to learn how to create posts and have them automatically listed on the site’s homepage.

For the purposes of this guide, we will demonstrate, later in this guide, how to customize the homepage with your own custom page and have your list of blog posts(if any) displayed on a separate page/link(instead of the homepage).

NOTE: The new version of Wordpress has a new editor called block editor. While some prefer this, I personally like the old classic editor.
So before we begin adding content, let’s install the classic editor plugin and use that instead of the block editor.
The following steps will also show you how to install Wordpress plugins in general.

Installing Classic Editor Plugin

  1. Click on Plugins on the left dashboard menu. This opens the plugin page
  2. Click Add New(at the top)
  3. At the right search field type ‘Classic Editor
  4. Click on Install on the Classic Editor search result
  5. Click Activate to install the plugin

This is the same process for installing all other plugins.

Creating Website Pages

  1. Hover over the Pages link on the dashboard menu. Click Add New
  2. This opens a text editor with a Title and Content fields
  3. Populate this fields with your desired content. You can preview your work by clicking ‘Preview‘ on the right side bar of the editing window under Publish section.
  4. In this edit window, you can add images, videos and other media types by clicking Add Media(top left button) and uploading the file.
  5. Once done, click Publish also under Publish section.

Repeat this process for all other pages you may want to create. Then click Launch Site to make your site available to the public.

Creating Blog Post

If you intend to blog on your site, you will have to create your specific entries as a post(instead of a page).

The process is similar to creating Pages

  1. Hover over the Posts link on the dashboard menu. Click Add New
  2. This opens a text editor with a Title and Content Fields
  3. Populate this fields with your desired content. You can preview your work by clicking ‘Preview’ on the right side bar of the editing window under Publish section. Once done, click Publish also under Publish section.
  4. In this edit window, you can add images, videos and other media types by clicking Add Media(top left button)
  5. Once done, click Publish, also under Publish section.

Setting Up The Homepage With A Static Page

Instead of having blog posts display on the homepage, we will create a static page(eg. a page with a welcome message)
Use the steps above to create the page you want to display on your homepage before continuing with the steps below

  1. Hover over the Appearance link on the dashboard menu. Click Customize to open the Customization page(see screenshot below)
  2. Click on Homepage Settings in the list of menu links
  3. Select Static page to display homepage settings
  4. Under Homepage, select the page you want to use for your homepage (see screenshot below). Note that there’s a link below to let you create a new page should you choose to do that.
  5. If you want to display you blog posts on a different page, select the page under Posts page. Click Publish at the top
  6. Now when you visit your homepage, you should see your custom static page!

How To Create Simple Website In 2020 - Step by Step Guide - Customizaton Page

Customization page

How To Create Simple Website In 2020 - Step by Step Guide - Homepage Settings

Homepage Settings

Managing Your Site’s Menu

How well you organize your links can determine if your visitors find it easy consuming the content on your site. You can create custom menus and choose which links to place on them. Good navigation is important!

Wordpress themes come with a default set of menus. We’ll show you how to customize menus for the theme we are using(ie. Schema from mythemeshop.com.

You can check how many menus your chosen theme supports by going to Appearance -> Menus -> Select Manage Locations Tab

How To Create Simple Website In 2020 - Step by Step Guide - Menu Configuration

Theme showing number of supported menus(ie 3)

The Schema theme happens to support 3 menus: Primary, Secondary and Mobile(for smaller devices).
This is how the menus are presented on the Schema theme(on non mobile site), with the primary menu at the top. How To Create Simple Website In 2020 - Step by Step Guide - Primary and Secondary menus on non mobile devices

Primary and Secondary menus on non mobile devices

How To Create Simple Website In 2020 - Step by Step Guide - Mobile menu

Mobile menu

Adding Links For Navigation
We will demonstrate how to create a menu and add links to it. We then assign this menu to either be the Primary, Secondary or Mobile menu.
Click on the Edit Menu tab and click Create Menu. Give the menu a name(eg. Primary Menu)

How To Create Simple Website In 2020 - Step by Step Guide - Enter name of menu and click 'Create menu'

Enter name of menu and click ‘Create menu’

Under Add menu items, you will see Pages, Posts, Custom Links and Categories.

Expand any of these and select the links to add to the menu created above.

Under Menu structure, you can rearrange how the links are displayed on the menu. Click Save menu once done.

How To Create Simple Website In 2020 - Step by Step Guide - Add menu and Menu structure

Add menu and Menu structure

Congrats!! You created your first website!

Next Steps

  1. Learn more about Wordpress at www.wordpress.org
  2. Learn more about popular Wordpress plugins and how they can simplify your work.
  3. Bluehost tech support is your friend!

Conclusion

In this current information age, performing a task like website creation should be accessible to many people.
This involves a few steps:

  • Choose and register your website name (bluehost preferred)
  • Select the platform on which to create the website (wordpress preferred)
  • Set up or Configure the website
  • Create content for the website (You can get additional help on wordpress from www.wpbeginner.com)

If you find this guide useful, kindly share it with your friends via email, social media so that they can also benefit.
If you need assistance with any of the following steps contact us

- SKS

Translations: French | Spanish | Portuguese

See also:

  1. How To Host Website On Google For FREE
  2. How To Start A Simple Blog
  3. Tip To Register Your Domain Name For FREE
  4. How To Make Your Resume Stand Out
  5. How To Create Your Portfolio Online

Disclaimer: We get a small commission to help us pay for server cost when you click some of the links in this post and proceed to make a purchase.


Comments

comments powered by Disqus