How To Create a Website – Complete Tutorial

Home » Blog » Website Tutorials » How To Create a Website – Complete Tutorial

Updated September 2020

Want to learn how to create a website so professional your friends will think you hired a fancy web designer? If you have no experience and no programming knowledge it’s no problem. This tutorial will show you how to make a any type of website with WordPress in a few hours

Hey I’m David. I’m a web designer and top rated user experience consultant who published helpful tutorial videos people love. I’ve helped thousands of people create a website because I have a passion for creative work and beautiful design.

I know how essential online tutorials and resources are for helping to build confidence and competence in what you’re doing. Creating a website is now easier than ever and I’ll show you how from step 1 to step done

Make a Website Video Tutorial

More of a visual learner? You can follow along with our highly detailed video tutorials on YouTube.

Step 1 to done tutorial video.

Services used:

  • Bluehost – The #1 recommended web host by WordPress.
  • Namecheap – Low prices on domain registration

Website Planning – What type of website should you make?

What type of website should you make? Blog? Online store? Personal website? In general, if you want to create a personal website we strongly suggest Google Sites. If you want to get into creating an online store, use the Shopify platform as they take care of all the technical details that go into selling physical products online.

If you want to causally blog, use Blogger. For everything else, use WordPress. Why WordPress? It’s a free, open source content management system you can install on any shared hosting account. It’s easy to use for both professionals and beginners. WordPress comes with the ability to install premium custom themes so you can design your website however you like.

With WordPress, you can make any type of website you want.

Create a Website in 4 Easy Steps

Creating a website requires you to get a domain name, a hosting plan, then you need to point the domain to your hosting and last is to install a content management system.

  1. Get your domain name
  2. Where to purchase a hosting account
  3. Setup nameservers in under 5 minutes
  4. Install a content management system (WordPress)

Step 1: Get Your Domain Name at Namecheap

It takes time figuring out what to actually name your blog or website. BEFORE you get a hosting account, get your domain name over at Namecheap.

Domain names are the web address of your website. They are made up of two parts, the actual name and the extension.

Extensions are the .com, .net, .org, .co part of a domain name. These are top level domain extensions and are treated equally by search engines so a .com is not “better” than a .net for example.

Get a .com if possible.

Extensions are broken into two groups. Top level domain extensions like .com, .net, .org, .co and everything else. We strongly suggest getting a .com if possible as it is the legacy domain extension. However, if your .com is registered but not in use then it’s fine to go with an alternative.

Free domain name?

Free is not free. While you will see many web hosts including Bluehost offer a free domain name, it’s only free for the first year. After the first year every you’re paying an inflated price because the web host will tack on a small fee in order make a profit.

It also complicates things if you ever want to change web hosts in the future.

Instead we’re going to save money and use a domain name registrar and get a domain name at the lowest cost. My preferred registrar is Namecheap.

You may be more familiar with GoDaddy due to their aggressive advertising, but Namecheap really does have the better price for domain registration.

Please note you have to renew your domain name every year so these saving really add up over time!

Namecheap:

register a domain name with namecheap

GoDaddy:

register a domain name with godaddy

Not only is Namecheap cheaper than GoDaddy upfront, their renewal prices are lower too. GoDaddy is great for a lot of things, just not domain registration.

Head over to Namecheap.

Step 1:  Search for your domain name using the search box on the Namecheap homepage. If the domain name you want is taken, you have to think of a different combination.

Step 2: Once you find a domain that is available, add it to your cart and proceed to checkout.

Step 3: Once you’ve finished creating an account, it’s time to confirm your order. Here you can choose how many years you want to register the domain name for:

namecheap checkout
  • Register your domain for a year or two.
  • Whois guard protects your privacy and is included with your purchase.

That’s it!

To recap:

  • Get a .com is possible. Good alternatives are .co, .org and .net.
  • Build a brand. FinanceNinja.com for example.
  • Make it something easy and memorable.
  • Don’t stress and agonize over this too much.

Namecheap

The best domain name registration and renewal prices. Get your domains here.

Step 2 – Bluehost: Get Your Hosting Account

Bluehost is the #1 recommended web host by WordPress and for good reason. They have an easy to use interface for beginners, good customer support, good hosting speeds for your new website, a low introduction price and a low renewal rate.

Pricing Plans

Bluehost Pricing Plans

  • Basic: $7.99 a month. Expensive and can only have 1 website on the account.
  • Plus: $10.99 a month. Good for a 1000 visitor a day website, 30k pageviews.
  • Choice Plus: $14.99 a month. This is the one I suggest getting. It’s perfect for growing a medium sized website.
  • Pro: $23.99 a month.

I suggest getting the plus plan or the choice plus plan. On the next page you’ll have to set your primary domain name for your hosting account:

Select “use a domain you own” as you registered your domain name at Namecheap.

On the next page simply fill out your billing detail and select a hosting plan for 12, 24 or 36 months. I suggest 24 months as this is enough time to grow your website.

You’ll also be given an on-boarding process, you can simple skip this. Next you will be in your Bluehost dashboard:

Next step is to setup nameservers.

Bluehost

The #1 recommended shared web host for WordPress powered websites and blogs.

We have also created a helpful Bluehost review.

Why Do You Need A Web Host?

A web host is what makes your website live for everyone to visit. Without a web host you can’t have a website.

Back in the early days of the internet, people would actually host their websites on their own personal computer. If your computer was turned off, then your website would be unavailable. This is why web hosts came to be a thing, to meet a market demand for fast, secure computers that are on 24/7.

This is what a web host is. You’re renting space a high power server that can handle web traffic from all around the world.

Step 3 – Setup Nameservers in 5 Minutes

You have your hosting account, you have your domain name. Now it’s time to connect the two by editing your nameservers at Namecheap to that of your web host. It takes just a few minutes

What you need to do is map your domain name to your hosting account. You do this by changing the nameservers for your domain name at Name Cheap to that of your web host. It’s a simple copy paste job.

*Side note: If you bought your domain through the web host you can skip this step.

Find Your Nameservers From Your Web Host

Check your email. All web hosts send a “welcome” email. In this email will be your nameservers. For Bluehost it looks like this:

Namer server details in the Bluehost welcome email.

For Bluehost, your nameservers are ns1.bluehost.com and ns2.bluehost.com.

These are your Nameservers for your account. What you need to do is simple. Change the name servers for your domain name to that of your hosting account. Very simple. Let’s do it.

Log into your domain name registrar

Log into your domain name registrar. In this tutorial we’re using Namcheap so log into your Namecheap account. In your domain name list click on “manage” for the domain name you want to edit.

Find where it says Nameservers and change it to “custom DNS.” Input your web hosts name servers and click the green check mark to save.

Done! Name servers are setup, now it’s time to install WordPress.

What are Name servers?

Name servers, map an IP address to a more logical and memorable name. Much the same way your phone maps names to numbers so when you want to call Mike, you just select “Mike” in your phone.

Imagine having to type into your web browser 66.249.95.255 every time you wanted to visit Google!

When anyone visits your site, all that is going on is that a request is being sent to your web hosting server via the IP address and name servers for the corresponding information and data.

Step 4 – Install WordPress

Now you need to have some sort of content management system powering the back end of your website so it’s easy for you to create content, add pictures, links and videos to your website.

You’ll also want something that allows for ease of use and is highly supported and simple to customize. There are quite a few options out there:

create a website with wordpress
  • Wix – Paid (7%)
  • Squarespace – Paid (4%)
  • Joomla – Free (4%)
  • Weebly – Paid (2%)
  • Progress Sitefinity – Free (4%)
  • WordPress – Free (52%)

WordPress is ideal for beginners and advanced users a like. When understanding how to create a website, WordPress gives content creators the tools they need to build a website fast and easy. There are just so many reasons why you should use WordPress:

Very easy to setup. WordPress is the leader in the CMS space by a huge margin. So much so that all web hosts now come with simple 1-click install of WordPress. You can install WordPress and in 5 minutes be creating content for your website in the time it takes to make coffee.

Easy to use. Creating content, adding products, pages, images, videos, email forms and links to your website is so easy with WordPress. Unlike other platforms where you would have to know HTML and CSS, WordPress is user friendly.

Total control over your blog. Unlike Squarespace, Wix and Weebly where you’re limited on how your website looks and operates. With WordPress you have complete control over the look and feel of your website. Essential for anyone serious about internet marketing and making money with a website.

Excellent support community. WordPress has a thriving community so you can always get help and advice for any aspect of your blog.

WordPress is secure. It’s constantly updated and supported so you never have to worry about running software that is out of date.

Create a new site with Bluehost

Installing WordPress with Bluehost is very easy. In your dashboard simple click on “my sites” and click on “create site.”

Click the blue button that says “create site.”

Now it’s time to set some administrative settings for your website:

Create a new WordPress website with Bluehost

Site name should match the URL of your website. For example, our site name is “Website Creative Pro.” Add a tagline if you like. Both the site name and tagline can be changed or deleted within WordPress.

Also click on the “advanced” tab where you can enter an email address which will be your recovery email as well as an admin user name and password of your choosing.

Choose domain name

Next you will be able to choose your domain name. You should only have one domain name but with your hosting account you can add multiple domain names. Install WordPress on the root domain. You do that by leaving the directory option blank.

Choose domain and install on root domain name.

When you’re ready go ahead and click on “next” which will begin the WordPress installation process. Upon completion you’ll be presented with:

You have now created a website! Congrats.

How To Log Into WordPress

You can log into WordPress from your Bluehost dashboard or you can log in via your WordPress installation.

To log into your WordPress powered website all you need to do is visit example.com/wp-admin

log into WordPress

To log into your website now, all you have to do is go to website.com/wp-admin and put in the user name and password you made when installing WordPress. 

This is how you will log into your website from here on out.

Welcome to WordPress.

Check to make sure your SSL certificate is working

With your Bluehost account you get a free SSL certificate installed on your website. That means you should see a little “lock” icon in your web browser. If not, contact Bluehost support and they will fix it quickly and easily.

In order to check your SSL certificate:

  1. Log in to your Bluehost portal.
  2. Click on the “my sites” tab.
  3. Find your website and click on “Manage Site.”
  4. Go to the “Security” tab.
  5. Under “security certificate,” you will find your “free SSL certificate” status.

If everything is setup correctly you should have a secure website. It sometimes takes an hour or two for everything to get working correctly. But you can still edit and design your website.

Essential Pages:

Your website is going to need some basic, core pages. Let’s talk about how to set them up. To create a new page go to page >> add new when in the WordPress dashboard.

About Page – This page is designed to tell why the website exists and why you are qualified to create it.

Contact Page – This page is what people will use to reach out to you.

Legal Pages – Your website needs a privacy policy and terms of use page.

Blog – This is the blog section on your website.

Homepage– While you can forego having a dedicated homepage and instead just use your latest blog posts, it’s not ideal. Learn how to make a homepage.

Blog Post Permalinks:

Permalinks are the URL structure of your pages and blog posts on your website. WordPress by default has a really weird default structure: example.com/?p=123.

Let’s change this. Here are your different options:

/Post-Name – Perfect for smaller sites that are never going to have more than 50 pages of content.

/Category/Post-Name – Perfect for large websites that will have 1000+ pages of content and multiple categories.

/Date/Post-Name – Perfect for time sensitive content like news.

/blog/Post-Name – Best URL structure for most websites. Go with this one in most instances.

To change it go to “Settings” in your WordPress dashboard and click on “permalinks.” Select the permalink structure ideal for your website. Below, “custom structure” is selected and “blog” is added to the URL.

This structure is great because your pages will still be example.com/page-title but your blog posts will be organized nicely as example.com/blog/post-title. The most popular websites in the world use this structure because it gives your website a nice structure that search engines love.

How to Design Your Website

SEO, content creation and good design are essential for building a profitable website that gets traffic. we will cover:

  • What will my website look like
  • How to install a WordPress theme
  • Important WordPress plugins

What will my website look like?

You website can be designed using various themes. Some themes have a pre-built look where you can’t change much, others are designed with a drag and drop editor making creating any sort of website easy.

Websites tend to be over complicated from a design perspective. From a practical standpoint there are only a handful of winning layouts you should consider for your website:

  • Blogroll
  • Niche Website
  • Influencer Pro

The Blogroll Layout

The blogroll layout shows a website’s blog posts on the homepage in chronological order (instead of a dedicated homepage).

This image has an empty alt attribute; its file name is blogroll-layout.jpg

This layout is ideal for brand new websites with minimal content or websites where the main focus is to keep readers engaged through publishing new work week over week.

You should start your website as a blog roll and focus on creating content, but over time you’re going to want to transition to a dedicated homepage.

Niche Website

The niche website is how I designed the majority of my websites. I like the niche website layout because it builds your email list or it sends traffic to a specific page of your choosing while also giving exposure and deep linking to additional published content.

If you’re building a brand around a topic this is the sort of layout you’re going to want for your website. It quickly introduces what you websites topic is all about and it directs traffic to specific pages or an email list.

Influencer Pro

The last type of site layout is the Influencer Pro layout. This layout is like the niche website but it puts YOU as the face of the brand behind the website and business:

This sort of layout is ideal if you’re an expert in your subject matter. Like if you were a lawyer giving advice about starting a business, it would not be a bad idea to put your face on the homepage.

The influencer Pro is an ideal layout if you want to associate your website’s brand with your own personal brand.

How to Install a WordPress theme

You just created your own WordPress powered website and we just went through a few design layouts. The first thing you’re going to want to do is design your website so it looks the way you want. For that we will need to install a WordPress theme.

For themes, you have two options, free and paid.

Here is our list of the best WordPress themes.

How To Install a Free Theme

To install a free theme please navigate to the appearance tab in your WordPress dashboard. Here you can select any theme you like. It’s best to sort by popularity as the most popular free themes are usually some of the best.

To install a theme simply click on the theme of your choice and click install.

upload theme

Paid WordPress Themes

Paid themes are designed and coded by theme developers. They range in price from $30 to $80. Some themes are a one time purchase, others require a yearly payment to continue getting support and updates.

What’s the difference between paid themes and free themes? Paid themes have a lot more features and functions than a free theme. They tend to be coded better and you also get support for how to use the theme. Which is great if  you’re just starting out.

As such, you’ll want to be using a premium theme after you out grow your free theme.

The Best Premium Themes:

Ultra Theme – The theme Website Creative Pro uses. Get your copy today and use coupon code ULTRAPRO for  a discount.

Avada Theme – This is the best selling theme on Theme Forest for the last few years. It’s a theme that comes with the ability to customize various aspects of your theme however you want as well as coming with different templates you can download and use.

DIVI – The Divi theme comes with a front end visual editor where you can move different element blocks around to design your website however you want.

How To Install A Paid Theme:

Installing a paid themes is a bit different. As they are purchased from a developer, they must be uploaded directly to your WordPress installation as they are not going to be found in the free WordPress directory.

To begin the installation process just navigate back to appearance, click on “themes” and then click on add new and click where it says “upload theme.” When you purchase a theme, you will be able to download it to your computer as a ZIP file. This ZIP file is what you will be uploading.

After you click install, your theme will be installed. The next step is to “activate” the theme and you’re all set. You’ve just install a premium theme. Now it’s time to read up on the documentation for your premium theme to learn how to design it or to watch one of my tutorial videos for how to use your theme.

Install WordPress Plugins

A plugin is a a piece of software that acts as an extension for WordPress, giving it new features and functions. There are thousands of plugins you can install.

What plugins you install is dependent upon what you need for your website. One key thing to remember is that plugins can slow down your website so keep your plugins to a minimum.

You can install plugins that add social share buttons, affiliate link management, contact forms and so much more.

To add a plugin to your website is a simple process:

 plugins >> add new

What plugins should you install you may be wondering – checkout our list of essential WordPress plugins.

For this tutorial, there are two essential plugins every website needs:

Install Yoast SEO

An essential plugin for any website is the Yoast SEO plugin. At million+ downloads it may be the most popular WordPress plugin of all time.

To get started with, go to plugins >> add new and the search for “yoast SEO.” Install it and activate it.

The key feature this plugin adds is the ability to control the title and meta description of your blog posts and pages:

This is important because if you were creating a blog post about “best headphones for teenagers” you would want that phrase in your title and in your meta description.

Additional helpful features of Yoast:

  • Yoast SEO gives you a readability analysis of your content
  • It creates a sitemap that you can submit to Google (more on this later)
  • You can enables your website to have breadcrumbs*

Breadcrumbs?

Breadcrumbs help visitors to your website navigate easily they help and search engines crawl your website. Breadcrumbs are typically found above the post title or page tile:

Home >> Blog >> Category >> Blog Post Title

A lot of themes come with built in breadcrumbs but too many do not. With Yoast you can add breadcrumbs.

Install Smush It

Smush It is a WordPress plugin that compresses your images upon upload to your website. It reduces the file size and makes your website load faster.

To add it just go to “add new” plugins and search for “smush it.”

Your website as it grows is going to have a lot of images, optimize them with Smush It

Create Content for Your Website

Great work! Now let’s cover how to actually create search engine optimized content for your blog and website. That means creating content search engines like Google want as well as what your audience wants.

Blog Posts 

Blog posts are organized by category and it’s where the majority of your content should be published. You’ll have to create categories so create 3 or 4 categories as they relate to your website.

If you have a blog on travel for example, pick categories related to that. Travel tips, travel gear, destinations and so forth. Don’t create irrelevant categories. Categories are good way to signal to Google what your website is about.

Tags you can ignore generally. The idea behind tags were to create a way to organize a piece of content in a specific way. For example, if you have a category called “Europe” and write a few posts about France you could tag those handful of posts as France.

Again though, don’t use tags. Just focus on create 3 or 4 categories.

Write content people want and are searching for in your niche. A good starting point is Google itself. Simply start typing in something related to your topic into Google.

keyword research with Google

Take this information as well as suggest search terms for content ideas. You can also take a look at other websites in your industry and take note of what content is popular  for them.

This combination of doing keyword research, writing content on proven topics and understanding your niche topic will help you create content people actually want.

Interlink your content and link out to other websites

You can and should go through your older content and link it to new content as appropriate. You should also link out to other websites as needed. A good website structure helps your website from an on-page SEO perspective as well as your visitors.

Pages

Pages in WordPress exist as a way to help organize your content on the back end from blog posts. Pages are ideal for more static content that does not need to be organized into any category.

Pages like your about page, contact page or any product and resource pages do not need to be published as blog posts.

The majority of your content should be published as a blog post.

URL Structures

Your URL structure is important. Earlier we stated that example.com/blog/post-title was the best structure for most websites.

But for the post-title section you should also strive to keep it short and sweet by avoiding stop words and URL’s that are just way to long. 

Bad: Example.com/blog/how-to-travel-to-thailand-for-10-dollars-a-day 

Good: Example.com/blog/thailand-budget-travel

Google and people like shorter, cleaner URL’s. Search engines are sophisticated enough to figure out what your blog post is about.

Header Tags

Last are header tags, also know as H1, H2, H3 tags and so forth. For blog posts and pages your title will be H1. Sub headings should be H2.

Sub heading for anything under H2 should be H3 and so forth.

Media – Pictures And Video

how to add a video to your website

Use pictures and video in your blog posts. Each blog post should have a feature image to represent that post in search engines and on your website as a related post:

how to add a feature image

Apart from this, use images only to demonstrate something.

How to Create a Website Conclusion

So that’s it for Website Creative Pro’s guide to how to create a website from step 1 to done. You should now have the ability to create a well structured, well designed website with WordPress. You can now take this and create any type of website you want from a blog, online store or a personal website. For an advanced guide, checkout our premium course.

Plan. Build. Promote. Profit.

A complete video course on how to create a website that makes $1k a month in 18 months.