How To Create A Website: About This Free, Step by Step Guide
How To Create A Website: About This Free, Step by Step Guide
An Easy, StepbyStep Guide for Beginners
James Steinbach
@jdsteinbach
Starting your very 1st website or helping someone? websitesetup has some great
walkthroughs for domain, hosting & CMS!
Greta MacDonald
@__Momma__G_
Going to attempt to create my first website today, found this great guide: How To
Make a Website websitesetup.org
Webalys
@webalys
When someone ask you how to create a website, point out to that cool guide to set
it up (mostly with Wordpress): websitesetup.org
Every month 370,000+ people use WebsiteSetup to build a
website.
Read the FREE Guide
Quote from the Author:
I wrote this SIMPLE guide to help anyone – from bloggers to small
business owners – make their own website without having to learn
code.
You don't need to spend money on web developers and designers.
Believe it or not, most of you will succeed.
If you get stuck, contact me and I'll help you out for free.
Nick Schäferhoff
Web Developer
It's uptodate
Other guides can be outdated or misleading. I update this guide each
year.
Platform specific
We'll use WordPress (free). Your website will be set up the right way on
the right platform for what you need.
Free support
I offer free help and consultation via email. I'm more than happy to
answer any questions. Get in touch here.
Step 1
1 Choose a website
building platform
Step 2
2 Choose a domain
and host
Step 3
3 Set up, design
and tweak your
website
Last updated: 21 April, 2021.
That’s why most people still think setting up a website from scratch is difficult or requires
a lot of coding and design skills – but that’s no longer true.
In 2021, content management systems (CMS) like WordPress have made creating a
website accessible to everyone.
To put it simply, a CMS (or website building platform) is a userfriendly platform for
building websites and managing your own online content, instead of creating a website
from scratch using HTML, PHP, and other coding languages.
Just take a look at this graph below:
Data credit: BuiltWith
As you can see, nearly half of the websites on the Internet are running on the
WordPress website platform.
But what makes them a better option than others?
Unlike website builders or web design software, WordPress doesn’t cost a dime to
download, install or use. It’s built by web developers and there’s a large developer
community who have designed beautiful free themes and templates, making it easy to
get going fast.
2. It’s highly customizable and userfriendly
If you know how to use Google Docs, you already know how to add your own content.
WordPress can be easily expanded with free addons to handle just about any site you
can imagine – from small business websites to ecommerce sites. With WordPress
“plugins” you’ll be able to add contact forms, subscription forms, image galleries, stores,
and so on for your website. And it’s all pretty simple.
3. Your site will be ‘responsive’. Meaning it’ll work on smartphones & tablets, too
The website you build will instantly be responsive, looking great on every mobile device,
smartphone, and tablet. No need to hire a web developer for that.
4. Help available from the community
With so many people using the platform (webmasters, smallbusiness owners,
bloggers), it’s easy to find fast help when you need it. You can get help from here for free
or you can hire thousands of WordPress developers from here.
In fact, I built WebsiteSetup.org using WordPress, too. Below are samples of my
homepage and ‘blog’ page:
WebsiteSetup Homepage
WebsiteSetup Blog Page
But, I would still use WordPress.
Wix is an easytouse website builder with a simple drag and drop interface, but it
has a higher cost, is not suitable for larger sites and it’s impossible to migrate your
website out if the need should arise.
Squarespace is a very aesthetically beautiful website builder which makes creating
beautiful websites easy, but it comes at a higher monthly cost and doesn’t have a
function to migrate your website out.
Drupal is a powerful platform that is popular with experienced coders and web
developers, but it has a high learning curve that makes it not the best option for
beginners.
Joomla is almost like WordPress and is a good tool for website building, but it does
require at least some basic understanding of how to write code to make things work
the way that you want.
If you want more details, I’ve put together a comprehensive comparison between
WordPress, Joomla and Drupal.
If for some reason you don’t want to build your site with WordPress, check out my
Drupal, Joomla, HTML5 and website builder guides as well.
WHAT NEXT?
At this point, you don’t need go looking for WordPress. Right now, you don’t need to to
install it nor download it.
To make sure your website is set up the right way, it’s important to complete the
following steps below:
In Step 2, I’ll walk you through the process of choosing a domain name and finding a
space to host your site.
In Step 3, I’ll show you how to install and customize your WordPress website. Don’t
worry – I’ll walk you through the process, with lots of images as a reference.
In order to get a new website online, there are two things that you’re going to need:
A domain name (a web address like yoursitename.com)
Website Hosting (a service that connects your site to the internet)
The WordPress platform itself is free, but hosting and domain name are not. However,
the combined cost is still less than a coffee, with around $3 – $5 a month.
In order to look professional, you need to have your own domain name, instead of
having a free domain that belongs to someone else (for example, yourbusiness.myfree
website.com.)
And, having a quality hosting service will also help you make sure that your website
won’t go down and that it loads quickly (very important for everyone who visits your
pages.)
Their website hosting costs less than a movie ticket ($2.75/mo) and they throw in a
FREE domain name (a nice perk to have).
Of course, you can try other web hosting providers and even try to host your site by
yourself, but it’s a very complicated process and often wouldn’t be capable of serving
your website visitors. So save yourself some money and get a proper web host.
With your own domain name, you are also able to get a professional email account(s)
like, [email protected] – this is much more professional than a regular
Yahoo or Gmail address, specially if you need multiple email accounts.
Already have a domain name and hosting? Go ahead and skip to step 3, where I’ll
explain how you can set up your website.
If you’re setting up a business website, your domain name should match your
company name. For example: YourCompanyName.com
If you’re planning on making a personal website for yourself
then YourName.com can be a great option.
For this site (WebsiteSetup), I chose WebsiteSetup.org
Domain names usually end with .com, .org or .net, but in recent times, a large number of
domain extensions (the last part of the web address, like .com or .org) have come out,
ranging from .blog to .party.
My best advice? Avoid the unusual extensions and go with .com, .net or .org unless
they precisely describe your website – and even then, it is usually better to go with a
more common extension.
#1 Is it brandable? For example, if you make a site about poetry then bestpoetry
website.net is not a good choice: poetryacademy.com or poetryfall.com is much better.
#2 Is it memorable? Short, punchy and clear domain names are much easier to
remember. If your domain name is too fuzzy, too long or spelled in a strange way, visitors
may forget it.
#3 Is it catchy? You want a domain name that rolls off the tongue, describes what you
(or your business) does and sticks in the head. Coming up with a cool name can be a bit
tough since there are more than 200 million active domain names in the world right now
– but don’t give up.
There’s one rule that always applies to domain names: If you like it, go for it.
WHAT NEXT?
Do some brainstorming to come up with a unique domain name that reflects your future
website, business or blog.
Secure your web hosting and domain name. For this, I recommend using Bluehost.com,
but you can pick any web host that’s reliable and trustworthy.
UPDATE: I made a simple guide on how to get started with Bluehost (which hosting
package to choose & how to install WordPress).
If you chose to sign up with Bluehost or any other similar hosting company, you should
find your “oneclick installation” either in the account creation process or in your account
control panel.
For example, these are the steps you need to follow to install WordPress on Bluehost
(the process is very similar or even the same on all the most popular web hosting
companies):
1. Go to Bluehost.com
2. Choose your hosting plan (cheapest plan is fine)
3. If you already have a domain, type it there
4. Fill in your information and choose your hosting length (you can remove the
“Extras”).
5. Go through the payment process and create your account
6. Log in to Bluehost use “oneclick WordPress install” to Install WordPress
If you’re unable to locate it, look here: How to Install WordPress on Bluehost.
If for some odd reason (some hosting companies don’t provide oneclickinstall for
WordPress) you don’t have the option to install WordPress automatically, look at
this manual guide below:
Installing WordPress Manually (Click to expand)
WordPress themes are design templates that make changing your site’s looks a lot
quicker and easier.
Luckily, WordPress has loads of themes to choose from. The official WordPress theme
directory alone contains more than 8,000, which are completely free to use.
You can access themes directly from within WordPress without having to navigate to an
external site.
For that, simply go to Appearance > Themes, and click the large + sign that says Add
New Theme.
Then use the search bar to find a theme that suits your site.
You can click on any theme in the listing to view a demo of it and read more about its
features on its Details & Preview screen.
Once you find a theme you like, install it by clicking the Install button in the Details &
Preview screen.
Once the install process is complete, click the Activate button that appears where the
Install button used to be.
If what’s available in the official theme directory doesn’t suit your needs, check out
premium theme markets such as:
ThemeForest
Creative Market
MOJO Marketplace
Elegant Themes
Themify
StudioPress
After all, it’s hard to customize your site when there’s nothing on it to show the changes.
What you need in terms of content will vary depending on the subject matter of your site
and your goals.
However, there are a few key pages that nearly every site has:
Homepage
About page
Contact page
In deciding which pages to add, consider what information would be most helpful to your
visitors. You’ll also need to think about visual content, such as photos.
To make things easier, some WordPress themes come with page templates for specific
page types. Others also come with more than one layout option for each page.
To take advantage of these, go to Appearance > Customize.
In this example, we’re using the latest WordPress default theme, Twenty TwentyOne to
create a site. By default, it uses a static page as the homepage that you can configure
under Homepage Settings. Use the dropdown menu to select which page you want to
serve as your website’s homepage.
Alternatively, if you want your homepage to feature your latest blog posts, check choose
the option Your latest posts.
Confirm your choices by clicking Publish in the upper left corner.
After that, you can move on to creating new pages for your site. For that, in the main
dashboard, go to Pages > Add New.
The Twenty TwentyOne theme relies on the Gutenberg editor, so here I can add page
titles and content.
Within this page, you can add features like images and formatting.
Repeat this process to add additional pages to your site.
Your website structure will become increasingly important the more content you add to
your website.
When learning how to create a website, you need to get expert at organizing your site in
a way that makes sense to your visitors and easy for them to get around it.
A crucial part here is the navigation menu. Once you’ve created some pages, it’s time to
make them available to your visitors on the site. You can do that under Appearance >
Menus.
The first step here, is to give your new menu a name, then click Create Menu.
After that, you can choose which content to add to it on the left. For example, tick the
boxes next to pages you want to appear in the menu, then click Add to Menu.
You can drag and drop menu items to your desired order and even turn them into sub
items by moving them underneath others like below. Once you are satisfied, choose the
menu position where you’d like for this menu to appear (in this case Primary menu).
Click Save Menu again and go to your site’s front end to see the new menu in action.
Ultimately, you want to reflect a structure that makes sense for your site and helps
visitors get to where they need to go.
Title and tagline
Colors
Typography
Background image
Menus
Widgets
You can also make adjustments to your homepage, blog page, and add custom code.
The options that appear will vary depending on which theme you’ve installed.
Beyond theme customization, there are many plugins available for WordPress, both free
and premium. In the official WordPress plugin directory alone, you can find close to
60,000 plugins that can add all kinds of new features and functionality to your site. Plus,
there are many more available from thirdparty marketplaces.
To install new plugins, navigate to Plugins > Add New.
You’ll be presented with a list of some of the most popular plugins currently available.
Use the search field to find anything else you are looking for.
To get plugins onto your site, hit the Install Now button. Wait until it has been
downloaded and then click Activate. You can find all plugins on your site plus the
possibility to activate, deactivate, and delete them under Plugins in the WordPress main
menu.
As to what plugins you should install, some choices worth considering include:
Yoast SEO – A top search engine optimization plugin that adds onpage optimization
prompts to every page and post plus the option to customize Open Graph social
media tags.
Jetpack – Includes a wide range of features to improve website speed, optimization,
social media integration, digital marketing, contact forms, and site search.
Smush – This plugin compresses images that are uploaded to WordPress, which
saves storage space, and speeds up page load times.
WooCommerce – This is the most popular ecommerce store plugin for WordPress
and makes it easy to set up an online store. More on it further below.
MonsterInsights – This plugin adds Google Analytics to your WordPress dashboard.
If you want even more control over how your website looks, you can install a page
builder plugin. These plugins add draganddrop functionality to your site, which means
you can visually build entire web designs — not just individual pages and posts. A few
popular choices include:
Elementor – This allinone website builder offers visual website editing, fast load
times, and a vast selection of templates to choose from.
Divi – Developed by Elegant Themes, Divi provides another straightforward way to
customize websites.
Beaver Builder – An easytouse page builder plugin that speeds up website design
considerably.
To add a blog in WordPress, you first have to select a blog page. Above, I have already
covered that you can configure your homepage to automatically display your latest
posts. However, if you want a dedicated blog page instead and keep your homepage
static, you first need to create it.
This is as simple as setting up an empty page (Pages > Add New), naming it Blog (or
whatever you want but Blog makes sense because it will automatically create the
whatever you want but Blog makes sense because it will automatically create the
address yoursite.com/blog for your blog page), and publishing it. Then, pick it as your
Posts Page either under Appearance > Customize > Homepage Settings or under
Settings > Reading.
When saved, all blog posts will automatically appear on your chosen page. Don’t forget
to add it to your navigation menu!
To add blog posts to your website go to Posts > Add New.
This will get you to the same content editor that you used earlier for your pages. Add a
title and content to your blog post. Include images and formatting, headers, lists, and
anything else it needs. In the sidebar on the right you also find options to apply
categories and tags, define an excerpt, and set up a featured image.
Once you’re done making changes, click Publish. Your first post is completed, well done!
The most popular plugin for this purpose is WooCommerce.
You can set it up quickly, it offers many payment options, and a wide range of optimized
themes to create an online shop. Plus, it has a variety of extensions available for
purchase to customize your ecommerce site and adapt it to many purposes.
To learn how to add an online store to your website, follow this guide.
8. Configure SSL
A secure sockets layer (SSL) on your website means data sent to your website’s visitors
is kept secure. SSL is an important search ranking factor, and it’s essential to ensure a
positive user experience by prioritizing user privacy and security.
To check that SSL is active on your new website with Bluehost, do the following:
1. Log into Bluehost.
2. Go to My Sites.
3. Click Manage Site.
4. Find the Security tab on the next screen.
5. Under the section that says Security Certificate, verify your Free SSL Certificate or
SSL Certificate: Let’s Encrypt status. The toggle should be switched to On.
6. Verify SSL is set up by visiting your site again. A lock icon should appear next to the
domain name in your web browser’s address bar.
Now you can check your live website.
Click through each page to make sure all links work, your text looks good, and your
images are formatted properly (you can use this checklist for reference).
At the same time, it can be very satisfying when you acquire a new skill and start
seeing your hard work pay off.
But don’t stop here. Use your new knowledge to learn more and implement more
complex functionalities and features. This way, you won’t just learn how to make a
website but exactly the site you want.
Next Chapter: Customizing WordPress 101
Next Chapter: How to Use WordPress Editor
Next Chapter: 25 Best Free Plugins for Your WordPress
Site
WebsiteSetup.org is a free resource site for helping people to create, customize and
improve their websites.
About Us
Newsletter
Write for Us
Free Help
Getting Started
How to Make a Website
How to Create an Online Store
How to Start a Blog
How to Register a Domain Name
Online Business Ideas
Categories
Website Building
Website Builders
Web Hosting
Web Developer Hub
Blog
© 2013 – 2021 WebsiteSetup.org: How to Make a Website. By using our content, products & services you agree to our Terms
of Use and Privacy Policy. | [email protected]