How to Make a Website (2021): A Step-by-Step Guide

You want a website.

Thankfully, creating a website is now easier than ever.

You don’t need to know a lot of code, nor do you need to hire a costly developer.

You only need to follow a few simple steps to have your website up and running in under 20 minutes.

We simplified it into seven simple steps:

Step 1: Pick the Perfect Domain

Step 2: Go to Bluehost and sign up for Web Hosting and Domain Registration.

Step 3: Use Bluehost to install WordPress.

Step 4: Construct Your Website Using Customizable Themes

Step 5: Create the Architecture of Your Website

Step 6: Link Your Web Pages Using Menus

Step 7: Produce Engaging Content for Your Website

Pro tip: Bookmark this page so that when you leave to complete one step, you can easily return to this guide.

Step 1: Pick the Perfect Domain

Choosing a domain name is one of the most important decisions you will make for your website.

Unfortunately, the majority of good domain names are already taken.

The internet has been operational for four decades.

Of course, the good ones have already been devoured.

That doesn’t mean you won’t be able to find the ideal domain for your brand.

Consider the following elements when brainstorming good domain names:

It’s simple to say and spell: Potential visitors should be able to say your domain to their friends in a bar without having to ask how to spell or say it.

Short and simple: We recommend a maximum of 14 characters. You don’t want a domain name that is too long and difficult to remember and say.

Choose a domain ending in.com,.org, or.net:While there are numerous domain name systems available, it is best to stick with tried-and-true ones.

Use your name: After all, you want people to be able to recall it. A fantastic choice for a personal blog, website, or portfolio.

Numbers and hyphens should be avoided: This just makes the URL look strange. Furthermore, it makes it more difficult for people to tell others what your URL is.

Make a list of five to ten potential domain names. Then, using the tool below, check to see if it’s available.

If you have a few spare, that’s fantastic! Choose the one you like best and use it as the domain name for your website. It’s fine if you don’t have any on hand.

I recommend that you continue to brainstorm ideas and search until you find an available domain. You can also buy a domain name, but I don’t recommend it because it’s very expensive. Domains, on the other hand, typically cost a few thousand dollars at the very least. I’ve seen it reach six figures for a domain.

Take it easy on yourself and keep going until you find one that is free.
After that, let’s move on to web hosting.

To “live,” a website requires only two things: a domain name and a web host.
You’ve just created your domain name. It’s now time to put it to use with a trustable web host.

We strongly advise you to use Bluehost as your website’s host. They provide a quick and dependable web host. BlueHost also allows you to register a domain name for free.

Bluehost is currently available for $2.95 per month.
It will provide you with everything you need to get your website up and running.
Begin by visiting Bluehost’s website. Then select Get Started Now.

It will introduce you to three options: Basic, Plus, and Choice Plus.

Choose the Basic Plan.

You can always upgrade your plan at a later date.

It’s now time to register the domain name you created in the first step. Because you already checked the widget to see if it was available, all you have to do now is type it into the first box.

Select the appropriate subdomain from the drop-down box. Then press the Next button.

You must now create a Bluehost account. You have two choices: sign up with a Google account or create one directly on Bluehost.

We recommend that you click on Sign in with Google. It’s simpler and faster.

When you sign up, make sure the Basic 36 Month Price — $2.95/mo. is selected for your Account Plan.

Yes, you must pay for 36 months of web hosting in advance.

However, this is how you achieve the lowest monthly price possible.

It is without a doubt the best deal.

Also, keep in mind that this is only an introductory price.

When your plan automatically renews in 36 months, you must pay the full price for your website.

Set a calendar reminder for 35 months from now that your website will auto-renew.

This way, you won’t be caught off guard by unexpected costs, and you’ll be able to adjust your plans as needed.

It’s now time to pick your Package Extras.

While Bluehost provides six add-on options for your plan, we only have one recommendation: nothing.

In all due respect.

None of the other add-ons are required.

They don’t add anything significant to your website that is worth the extra money you’ll pay each month.

As a result, make sure that all of the boxes in the Extras section are unchecked.

After you’ve completed all of this, double-check your information.

You can rely on us. You don’t want to explore an error after you’ve submitted your payment.

Now press the Submit button.

Congratulations!

You now have ownership of a piece of the internet!

Of course, your website isn’t yet live. To do so, you’ll need a good CMS. We’ll use WordPress for that.

Step 3: Use Bluehost to install WordPress

Now that you’ve selected your domain and web host, it’s time to select a website builder (CMS).

We recommend that you build your website with WordPress.

If Bluehost is your website’s heart, WordPress is its brain.

It allows you to have complete control over your website’s appearance, content, and functionality.

It’s simple to use, customizable, and completely free.

With Bluehost, it only takes a few steps to get started.

Step 1: Once you’ve purchased Bluehost, navigate to your main dashboard.

Step 2: In the left navigation menu, click My Sites, then Create Site.

Step 3: Enter your website’s information and details. WordPress will begin to install itself as soon as you complete all of the fields. When you’re finished, Bluehost will display your website’s information, including the URL, admin URL, username, and password. Make a note of everything for future reference.

Step 4: On the left navigation menu, click the My Sites tab once more. Then, locate the newly created domain and click login to WordPress.

Step 5: Your website is now operational. To test it, open a new tab and enter the URL to your new website. It may take a few moments to load.

The default theme for your website will be very simple. That’s fine! That simply means it’s time to select one that you can personalize to your heart’s content.

With WordPress themes, you can make your website look and feel exactly how you want it to.

These are pre-made designs that you can modify in any way you see fit.

WordPress has thousands of them from which to choose.

Many of them are free.

Some require payment

Take some time now to look through their massive theme library for a theme that appeals to you.

Step 4: Construct Your Website Using Customizable Themes

With WordPress themes, you can make your website look and feel exactly how you want it to.

These are pre-made designs that you can modify in any way you see fit.

WordPress has thousands of them from which to choose.

Many of them are free.

Some require payment.

Take some time now to look through their massive theme library for a theme that appeals to you.

Pro tip: Don’t be too concerned about this section. It’s easy to become obsessed with perfectionism and believe that you must get your theme right the first time. That is not correct.

The most important thing you can do is pick a basic theme and stick to it.

You can always change your theme at a later time.

Navigate to the administration dashboard of your WordPress website.

In step four, you can do this through the Bluehost dashboard, or you can use the URL [your website name].com/wp-admin.

Then enter the username and password you created in the previous step. (Did you remember to jot it down as we said?)

Go to your sidebar and click Appearance>Themes>Add New Theme once you’re in the admin dashboard.

This will allow you to add any theme from WordPress’s theme library.

Choose one right now.

We’ll be using OceanWP for this article.

This is a free theme with a lot of customization options.

OceanWP can create a blog, an eCommerce store, or anything else you need.

Using the search bar, look for the theme. When you’ve found it, click Install.

When the installation is complete, click the Activate button. This will activate the theme on your website.

By clicking on the Customize button, you can now customize the theme to your liking.

This allows you to change any aspect of your website, including the colors, menu options, header images, and more.

After you click customize, you’ll see a preview of your website as you customize it, as well as a left sidebar with various customization options.

Each theme provides unique options, but there is a lot of overlap between them.

We’ll go over each option in greater detail — and whether or not it’s necessary:

Site Identity. It is extremely important. This section allows you to change the title of your site as well as a subhead or tagline. In most cases, you will also be able to upload a site icon. When people visit your website, this is the image that appears in new browser tabs.

colors. It is optional. Change the color scheme of your website. This section only allows you to change the color of the title text in OceanWP.

Menus. This is crucial. It enables you to create a website navigation menu. This menu will be used by your reader to discover and navigate to specific pages on your website. You will also have the option of deciding where the menu appears (e.g. top, footer, sidebar).

Widgets. Optional. These are various tools that you can place on your website, such as archives, calendars, search bars, and so on. This is completely optional, but it can be useful depending on the type of website you have.

Homepage settings. optional. This determines whether you have a static homepage or if your website automatically displays your most recent blog posts. Again, this is entirely optional and is determined by the needs of your website.
Additional CSS. optional. This is where you can use CSS code to add additional customization options. If you have the right resources and knowledge to change your website, this can be extremely powerful.

General Options. It is essential. This section allows you to customize a variety of aspects of your website. It covers topics such as the size of your header, the icons you can use, the titles of your pages, the layouts, and more.

Typography. essential this is where you can personalize everything font-related. This includes the font size, the type of font you want to use, and the location of those fonts.

Top bar. OptionalThis modifies the top section of your website. You can include social links, buttons to other pages, and other features here.

Header. Important. Allows you to completely customize your website’s header area. Change the font and colors, add images or logos, or do whatever else you want to personalize the website.

Blog. Optional. This allows you to change the layout of your blog as well as which posts appear on the main page of your website.

Sidebar. Optional. A sidebar can be added to your website. This is completely optional because your readers can navigate your site using the top navigation bar.

Footer widgets. Optional. Customize your footer by adding tools.

The bottom footer is optional. This is the section of the website that contains the copyright and contact information. It has the potential to be significant, especially if you own a business.

Spend some time right now customizing your website to your liking. When you’re finished, click Publish, and there you have it! Your website will automatically update to reflect your changes.

Your website will still appear a little sparse. As a result, we’ll need to create some pages for it.

Step 5: Create the Architecture of Your Website

If your website were a house, it would currently be a vacant lot. It has a sturdy foundation and is wired for essential utilities, but it lacks walls and rooms.
You’ll need to create web pages to do so. These are internet documents that readers can access via your website.

However, you should consider them to be rooms in your home. Visitors will see and learn about you and your website in these areas.
While there are many different types of web pages, the most important ones are:

Homepage. This is your website’s main page. It is the first thing readers notice, so it is crucial.

Contact Page. This page explains how your visitors can get in touch with you. Depending on your industry, this can be essential.

About Page. This page tells new visitors everything they need to know about your website and/or business. Typically, businesses will include their “brand story” about how they came to be here.

Online Store. This is where your readers can buy your products and services. Again, depending on your industry, this can be critical.

Blog Page. This is where all of your blog posts will be stored. If you intend to publish articles for readers to read, this will be a key element of your website taxonomy.

It only takes a few clicks to create a page in WordPress. Let’s get started on creating the most important page for your website right now.

How to Make a Home Page

OceanWP provides two options for creating a homepage:
Your most recent posts. Your homepage displays your most recent blog posts.
This is a static page. You create a page that will serve as your home page.

The first option is self-explanatory: Create blog posts, and the homepage will display all of your most recent blog posts.

That’s why we’d like to walk you through the process of creating a static page for your website. This is especially useful for websites that simply want a branded page to introduce their audience to their site.

It’s also far more customizable than a page displaying your most recent blog posts.

Return to your WordPress website dashboard and select Pages>Add New.

You’ll now be in WordPress’s page editor mode. This section allows you to create a page by inserting text, images, videos, memes, or anything else you want to display on your homepage

In the Add title box, you can enter the title for your home page. This will place a large piece of text at the top of the page.

Below that is the content box, into which you can insert text or media. To add new content blocks, click the + button in the top left corner.

This is a crucial section where you can easily add media, quotes, pull quotes, new paragraphs, headings, and more.

You’ll notice five buttons on the top right:

The draft should be saved. This enables you to save your progress while editing your homepage.

Preview. This shows you what your page will look like after you publish it.

Publish your work. This publishes the draft.

Settings (Gear Icon). This section allows you to change the font size for each block, among other things (under the Block section). You will also be able to set the visibility of your homepage, schedule a time for the page to be published, change the URL, select the featured image, and enable comments (under the Page section).
Additional tools (Three Dots). This menu contains many additional tools for customizing the appearance of your page editor.

Create a basic homepage by adding a title and some content right now. It does not have to be fancy. We’re only doing this as a test. You can always change your mind later.

After that, in the top right, click Publish. The website is now functional!
That doesn’t mean it’s your homepage just yet. On the sidebar, navigate to Appearance>Customize.

Then click on Homepage Settings. You can now click on A static page displaying settings beneath your homepage. This will allow you to select the newly created homepage from the dropdown menu beneath the Homepage.

Choose that page, then click the Publish button at the top.

Congratulations!!

You’ve just finished your first homepage.

How to Make an About Page, a Contact Page, a Landing Page, or Any Other Page

Creating any other page for your website will follow the same steps as creating your homepage.

Return to your WordPress website dashboard and select Pages>Add New.

And then, in the page editor, make the page you want to make. That’s all there is to it.

However, if you want your readers to be able to easily find that web page, you’ll need to create some navigational elements for them.

The process of creating menus will differ depending on the theme. However, in OceanWP, it’s a lot easier.

Click Appearance>Customize from your WordPress dashboard.
Then, go to Menu>Create New Menu.

You’ll be able to give your menu a name and specify where you want it to appear here.
For the time being, we’ll go with the very creative name “New Menu” and Top Bar as the menu location. You can always change your mind later. Then press the Next button.

It’s now time to add some links. To begin building your menu, click + Add Items.

You can add pages from the pages you’ve already created, as well as custom links to other websites, blog posts, categories, tags, and more.
For the time being, we will add our Home, Contact, and About pages (which we created in previous parts) to the menu.
To do so, go to the Pages section and click on one of the pages.

They will now be visible in the main website’s top bar menu.

It’s worth noting that you can create drop-down menus for any larger categories you can think of.

It’s worth noting that you can create drop-down menus for any larger categories you can think of.

Assume we want to include our Contact page in our About section. When customizing the menu, drag the Contact menu underneath the About section (see below).

Your About menu will now include a drop-down containing a link to your Contact page.

When you’re finished with the menus, go to the top and click Publish.
And you’re finished! You’ve just launched your first website.
Check out your new website in all its glory:

We showed you how to set up your website. It is now YOUR turn to fill it with content. We demonstrated how to set up your website.

It is now YOUR turn to fill it with content.

Step 7: Produce Engaging Content for Your Website

It is entirely up to you to decide what content to include on your website.

(Disclaimer: Some of the links in this article are affiliate links.

If you click on any of those links and make a purchase, I will be paid.)

passionate about teaching hosting and digital marketing