Authority Website Income
Shares

How To Make A WordPress Website From Scratch In 2019 [Beginner Guide]

Since you are searching for how to make a WordPress website, you are certain to know about it step by step. First, you should remember that creating a WordPress site isn’t a hard thing. Secondly, you need to think about the model and component of your website before start building one.

Once you are sure about the model or scratch of the site you can follow these steps to give it a visual look. Everything I have written inside this article has one purpose: help you start creating your first WordPress site/blog.

If at any point you feel uncomfortable or confused about this tutorial, place a comment down below and we will discuss.

Important disclosure: Some of the links in this article contain affiliate links, which means that if you make a purchase by going through these links, I will earn a commission. This commission won’t cost you additional money. Please understand that I have experience with all of the companies which I am mentioning here. I recommend them to you because they are useful, not because of the small commissions I make if you decide to buy something. Please do not spend any money on these products unless you feel you need them.

Required Time: 2-3 Hours (If you follow these steps accordingly)

Hope you will enjoy this tutorial on how to make a WordPress website or great looking personal blog (for your own business).

Since you are going to build a WordPress site, you must be certain about one thing that you will use a software called WordPress to build it. This is the best and most used way to make a responsive and stunning website.

Actually, WordPress has two different versions. WordPress.com and WordPress.org.

First one is the official version where you can create your blog or website after purchasing a plan. They offer free blogging with [WordPress] subdomain, that means when you create a free blog with any name for example “Myblog”, then your website address will be www.myblog.wordpress.com.

If you want full control and customization over your website, without purchasing a WordPress.com plan, then you have to choose WordPress.org. Also, need to learn how to make a WordPress website by yourself.

So in this tutorial, we are going to use the open source WordPress version (.org) which is completely free to use. Remember that although the software is free you have to purchase the Domain Name (your website name) and Web Hosting (stores your website files and keep the website alive 24*7*360 days)

Note: First we need to buy two most important requirements to make a WordPress site.

#1. Website Hosting

  • Website hosting is a place or cloud computer where your website will be installed and it will make sure that the website is available on the internet 24 hr/360 days.
  • Initial Cost: can vary between $1.41 – $12.94 per month.

#2. Website name

  • Website name (also known as a domain name) is the name and address of your website where people can find it. For example, my website name is rankwordpress.in. When you search this name on Google you will find my website on the result.
  • Initial Cost: can vary between $0.95-$15 per year.

How To Make A WordPress Website From Scratch

(Step 1): Choose a website hosting

Now we will start by choosing a web hosting. When you are going to buy a hosting make sure you know about the reliability and speed of that hosting. In this tutorial, I’m using Hostgator because it’s affordable, reliable, provides great service and avilable worldwide.

Some more good reasons why I choose Hostgator:

  • Excellent website speed and reliable web hosting with 99.99% server uptime guarantee.
  • Unlimited monthly website visits.
  • Unlimited server storage for your website & emails.
  • Stunning expert support 24*7 (360 days).
  • Here you can see the Awards & user reviews of Hostgator.

(It’s not necessary to always use Hostgator, there are a couple of great hosting out there like Bluehost and MilesWeb etc. You may choose any one of them either.)

Hostgator offers two types of hosting. Depending on your budget limit you need to choose the suitable one. First, visit the Hostgator Official Website. You will know about both the hosting services as we go further.

#1. For minimal budget: Starting at $2.75/month

  • Shared Web Hosting

#2. For Standard budget: Starting at $4.95/month

  • Cloud Web Hosting
 

1. Shared Web Hosting

Simply Shared hosting stands for multiple websites is sharing resources of a single web server. Due to multiple sharing of server resources shared hostings are comparatively slower managed hostings. However, they are perfect for a new blog site or any kind of small business website that has low traffic and low budget.

Later, when the website starts to get enough traffic you can easily migrate to any other cloud or managed hosting plan in any time. To get a shared hosting from Hostgator you need to proceed with the following instructions.

how-to-make-a-wordpress-website-with-hostgator-shared-hosting-plan
HostGator-shared-web-hosting

Go ahead and select the Hatchling Plan from the plan list.

how-to-make-a-wordpress-website-plan-to-make-a-wordpress-site
Hostgator-hatchling-plan

In this Hatchling Plan you will receive:

  • One domain name capacity.
  • One click WordPress Installer
  • Unlimited Bandwidth (Unlimited visit per month)
  • Free SSL certificate (encrypted connection with https://)
  • 24/7/365 Phone, LiveChat, Email Support
  • 60% off on apply Coupon Code

I don’t recommend you to use BABY or BUSINESS plan because at the start you don’t need additional features and you won’t need anytime soon.

2. Managed Web Hosting

Unlike the shared web hosting managed hosting offers one-on-one service to every single package. Due to low-density servers, premium hardware, and multiple caching layers, you will experience 2X faster website loading time with improved performance.

Managed web hosting is recommended for reliability, scalability, and flexibility of a business website despite having lots of workloads starting from sales to promotions. To choose the managed hosting plan:

how-to-make-a-wordpress-website-managed-web-hosting-hostgator-2
managed-web-hosting

Go ahead and select the Hatchling Cloud plan.

how-to-make-a-wordpress-website-hatchling-plan-from-cloud-hosting

In this Cloud Hatchling Plan you will receive:

  • One domain name capacity.
  • 2 Core CPU power & 2 GB RAM memory (help your website load even faster)
  • One click WordPress installation.
  • Unlimited bandwidth & unlimited email.
  • Free SSL certificate (encrypted connection with https://)
  • 24/7/365 Phone, LiveChat, Email Support.

Again in case of cloud hosting it’s recommended to use the Hatchling Cloud rather than Baby and Business cloud.

 

(Step 2): Order Domain Name and Hosting

1. Order Your Domain name

Once you decided which hosting plan you will use, the next step will be purchasing a domain name for your website. While choosing a name for your website either you can target a low competitive but higher volume meaningful word or a self-created a unique name.

Think about a name which will be easy to remember, understandable and most importantly describe your WordPress site. For example, my blog’s name is RankWordPress.in. Rank for achievement and WordPress for the software most of the people use to build a website. That means my website share tools & tutorial on how to make a WordPress site that help you rank faster on Google.

Recommended article: 7 Tips To Come Up With Creative Blog Names

Once you get the idea, put that name on the field ‘Enter Your Domain’ to check if the name of your choice is available to use or not. Also, select the prefix (.com/.org/.in etc).

how-to-make-a-wordpress-website-Choose-a-Domain-Name
Enter the chosen name here.
how-to-make-a-wordpress-website-choose-your-domain-name

2. Apply Privacy Protection (optional)

In case you want to protect your personal information and privacy you can apply for domain privacy protection while purchasing the domain name. Check or Unchecked to alter your choice.

Here is the example for your concern:

how-to-make-a-wordpress-website-Domain-Privacy-Protection

3. Order The Selected Hosting Plan

Since you have already chosen which plan you are going to use so in this step you need to buy that plan. To buy the plan simply select the following:

Package type: Hatchling (As mentioned earlier hatchling is enough to create a new website)

Billing Cycle: Select 36-month package ($2.75/month). It’s a pretty good deal for a 3-year subscription. And getting it for 3 years will make sure that the website goes on a long run.

Username: Provide a username that you can always remember and it will be required in the future when you have to access your hosting panel.

Security PIN: Pick a numerical PIN and take a backup note of the pin. The PIN will help you verify account ownership when contacting Hostgator Customer Support.

how-to-make-a-wordpress-website-choose-hosting-plan-in-hostgator

4. Provide Your Billing Information

When plan selection is done, fill up the billing information. If you have a credit card then use that or use PayPal (if you have). For Indian user, The Hostgator Indian version will allow using Debit Card to complete the transaction.

how-to-make-a-wordpress-website-billing-info-hostgator

Fill all the billing information correctly.

5. Add Additional Services

These additional services are optional. You may choose them according to your wish.

Free SSL: The SSL certificate will be activated on your website for free. So you don’t have to check that box or it will come checked by default.

Site Lock Monitoring: This is a monitoring service that checks your website on a daily basis and immediately notifies you about any hijacking or malicious code inside your website. This service is highly recommended by them but you may skip them if you wish to use any other WordPress plugin.

Professional Email: Provides you the professional email address with your domain name as a prefix. For example support@www.rankwp.in. My recommendation is to keep it unchecked.

CodeGuard Backup: It’s an insurance for your WordPress site. This service automatically backup your website files and databases with a 1-click action. You can add a schedule according to your choice.

HostGator SEO Tool: Since you are going to integrate some powerful SEO tools with your website, that’s why you don’t need to buy this tool from Hostgator.

how-to-make-a-wordpress-website-additional-feature-of-hostgator

6. Enter Coupon Code

Few times in a year Hostgator offers up to 70% off deal. Mostly these kinds of offers come during New Year, Black Friday, Cyber Monday etc. If you are lucky enough to get started with a more than 50% off hosting deal then in the Coupon Box there will be a code automatically which you can apply to get the discount.

how-to-make-a-wordpress-website-enter-your-coupon-code-hostgator-discunt

7. Review Order Details

Once you are done with the above part it’s time to recheck your order. In this review section, you can verify the details of services and hosting package you are going to buy. Make sure that each and every service you have selected to buy are really necessary for you.

how-to-make-a-wordpress-website-review-order

Since this amount is for 3 years so you don’t have to pay any bills for the next 3 years. What I believe that $105 deal for 3 years is a pretty much good deal to buy your hosting. Now go ahead and click on CHECK OUT option and complete your transaction.

Once you have completed it you should get a quick payment confirmation message and new Password from Hostgator (billing@hostgator.com) to their customer portal.

 

(Step 3): Login To Your Customer Dashboard

Follow the link from the Email you have received from Hostgator right after the Checkout process. Enter the email address that you have registered with Hostgator and your Password. (If you don’t know where to put Emal and Password find LOGIN or SIGN IN link )

how-to-make-a-wordpress-website-hostgator-customer-portal-login

 

 

(Step 4): Install WordPress With One-Click Installer

After login to your personal dashboard, you will see all the options from your account settings to support.

how-to-make-a-wordpress-website-HostGator-Customer-Portal-Account

Go ahead and click on the hosting tab on the bar.

HostGator-Customer-Portal-hosting

Scroll down to hosting and click on lunch quick install.

HostGator-Customer-Portal-Quick-Install

Once you click on Quick Install you will be redirected to your Control Panel (cPanel).

1. Select WordPress From The Installer

Now in the left sidebar, click on Website Essentials > One Click Install You will see WHMCS and WordPress. Click on “WordPress”

how-to-make-wordpress-from-hostgator

After selecting the WordPress platform now you have to select the domain name on which you are going to install your WordPress site. So select your domain name there and click on “next“.

2. Configure Domain Name For WordPress

how-to-make-a-wordpress-site-in-2019

In the next step, you have to fill the data required to create a WordPress user account so that you can have access to your website’s back-end (internal functions).

3. Create A User (Administrator) Account For WordPress

Blog Title: Your Desired Website/Blog Name (Can be changed later)

User Name (Admin): A short name that you must use while login to your WordPress Admin panel

First Name: Your First name (If you have middle name type both with space between the first and middle)

Last name: Your Surname.

Password: Create a password and keep it safe.

Admin Email address: This email can be your personal email address. It will be saved in WordPress user details.

User-details-wordpress-installation

Once you have included all the required details, make sure you have a backup of email & username. Now click on Install. It will require some seconds to complete the process and as soon as the process completed you will get a notification in your provided email address about the installation.

 

(Step 5): Login To Your WordPress Admin Panel

After getting the Email about your installed website, open your web browser. Go to the URL address bar and type or copy this link.

https://your-domain-name/wp-admin

*Don’t forgot to replace “your-domain-name” with your original domain name.

Now you will be asked to log in to your Website dashboard. Simply put your ‘username‘ and ‘password‘ to login.

wordpress-login-page

 

After a successful login, you will be redirected to the WordPress dashboard. From your dashboard, you can control each and every task of your website. Inside the left side menu, you will see options like posts, pages, media, comments, appearance, plugins, users, tools and settings.

wordpress-site-dashboard

 

Now to check your website you need to click on the domain name on the top left corner. It should be something to look like this.

how-to-make-wordpress-site-from-dashboard

 

For the first time, the website may not look fancy. But don’t worry because in the next few steps you will learn how to make the website look better.

 

(Step 6): Choose a theme for your site

The theme is a pre-designed template using which you can instantly change the look or design of your website. When a new theme applied the layout, icons, fonts and menu style will be changed. Now along with the theme design, one more important point is to use a lightweight and well-coded theme.

Lightweight themes are fast and well-coded themes can increase your website ranking. Previously, I have created a list of fastest themes for WordPress. You can pick up any theme from that list. But for now, I will go with one of those themes.

1. Install a theme

wordpress-appearance-theme

 

add-a-new-theme

 

Now you can browse all the available themes in the library. You can choose any theme or you can upload a theme manually.

install-theme

 

2. Customize the theme

After installation, you can customize the theme. To customize hover your pointer on appearance and all the option for customization will be available.

customization-of-wordpress

(Step 7): Install plugins for your WordPress site

Plugins are useful for extending the functionality of your website. Different plugins are available for different task. Mostly you can use these plugins for free but when you believe that you need to use the professional version then the subscription is a must.

I will mention the most important plugins for the new website. Later, you can add more plugins according to your need.

All these plugins are recommended and free to use.

The configuration of these plugins will be separately published so that I can describe them in the step by step tutorial. Skipping them in this post is essential to control the article length and page size.

1. Social Plugin – Sassy Social Share

This plugin enables you to connect with social media when you update your website with any new page. You can customize the plugin in a various way as you need. To install this plugin: Go to Plugins > Add new > and search for ‘Sassy Social Share’.

install-plugins

 

Now Install the plugin and activate it.

how-to-make_-_plugin-wordpress-site

2. Website Performance Optimizer – Autoptimize

Autoptimize is a caching plugin. Which means it optimize the website to load faster and compress the components like javascript, CSS, and HTML. To install Autoptimize apply the same procedure, go to plugins > add new > search for ‘autoptimize‘ and install the plugin.

how-to-make_-_autoptimize-plugin

After activation, you should configure the plugin to work properly. ** Remember, if you miss-configure Autoptimize plugin it can break your website. So follow this step-by-step guide to configure the plugin settings.


3. Database Optimizer – WP optimize

WP optimize plugin will keep your website database clean and organized. A clean, well-organized database can boost your website performance. Install WP optimize plugin from your plugin repository and activate it. After activation goes to WP optimize on the left sidebar > click on settings.

wp-optimize-settings_-_how-to-make-a-wordpress-site

Now go to the ‘Database’ tab and follow the instructions below.

database-cleaning-and-optimization_-_how-to-make-a-wordpress-site

4. Image Optimizer – Robin image optimizer

An image speaks louder than words. So the image is an essential part of your website. But more image can increase your website load. So to keep the image optimized you have to use a plugin.

Most people recommend WP Smush but I personally got better performance with Webcraftic Robin image optimizer plugin. This plugin is free to use and don’t need any third party access. Once the plugin is activated go to settings > Robin image optimizer > General settings.

image-optimization_-_how-to-make-a-wordpress-site
main-settingsn_-_how-to-make-a-wordpress-site

When you have properly configured the plugin don’t forget to save the settings.


This plugin is useful for placing custom codes inside your website header or footer section. Custom codes like Analytics tracking code, Adsense tracking code can be used inside this plugin. Install the plugin and activate it.


6. Create an Analytics account and configure with your site

If you do not have already got a Google Analytics account, you’ll be able to simply create one for free of charge on the Google Analytics website! To create a new account proceed through the steps mentioned below:

  • Click here visit Google Analytics. (Note: If you’ve got a Google account, and don’t seem to be signed in, click sign up. If you do not have a Google account, click on create a new account.)
  • Once you have got signed in to your Google account, click Access Google Analytics.
  • Click sign in.
  • Fill in your Account Name, website Name, website URL, and choose a business category and reporting zone.
  • Under the data Sharing options there, check the boxes next to the options that you just need.
  • Click Get the tracking ID.
  • From the Terms of Service Agreement that opens, click I accept.
  • Copy the tracking code (javascript code) and paste inside the header. (See the image below)

Go to settings > Insert header and footer

header-and-footer-plugin

Now paste the Analytics code that you have copied from Google Analytics account inside the header box.

insert-header-code

7. Install Custom Page Builder – Beaver Builder

Custom page builders can help you design beautiful webpage such as homepage, contact page etc without any coding knowledge. With easy to use drag and drop builder you can easily create a clean, organized webpage that will attract your visitor’s mind. Go to Plugins > Add New.

Search for Keyword: Beaver Builder Install and activate the plugin.

beaver-builder_-_how-to-make-a-wordpress-site

After activation by default, the custom builder will be ready to use. In case you want to find the settings then Go to settings > Beaver builder.

beaver-builder-settings

To start using beaver builder go to Page > Add new

page-add-new_-_how-to-make-a-wordpress-site

Now click on ‘launch beaver builder’

create-page-with-beaver-builder

Now drag the modules from the library to the blank space of your page. Available modules:

  • Audio (Audio files, you have to upload to your WordPress)
  • Photo (Photo files, you have to upload to your WordPress)
  • Video (Audio files, you have to upload to your WordPress or videos use video from URLs)
  • HTML (Modules where you can paste HTML code)
  • Text Editor (Useful for add any text)
drag-and-drop-builder

Use columns to organize the content of the page accordingly. To add a column select ‘rows’ from the library.

beaver-builder-rows-and-column

 

(Step 8): Configure Your Website Settings

After installing the plugins it’s time to adjust the default settings of your website.

1. General Settings

Go to settings > ‘General’

  • Site Title
    • Here you can set/change the name of your WordPress site. This site title is used to display your website name on Google search. Usually, on a direct search of your website or after page/post title.
    • For Example: [Tutorial] How To Make A WordPress Site In 2019 – Rankwordpress
  • Tagline
    • The tagline is a meta description of your home page. It does explain about your website topic.
tagline-setting
  • WordPress Address (URL)
    • This is your website address where all the contents of your webpage are stored.
      •  

      URL: https://<your domain>

  • Site Address (URL)
    • Address, which someone should type in an internet browser to access your website.

      URL: https://<your domain>

  • Date formate
    • Keep the date formate same as in default.
general-settings-wordpress-site

2. Writing settings

Writing settings don’t need to be changed as the default configuration works best.


3. Reading Settings

  • Homepage display
    • Choose if you want your latest post to be shown on the front page or you want to use a custom page as your homepage. You can design a custom page using the beaver builder that I have mentioned before.
  • Article Feed Setting
    • Full text: full post on the homepage
    • Summary: Short summary on the homepage
  • Visibility
    • Whether the search engine can discover your page or not?
Reading-settings-wordpress-site

4. Discussion Settings

In the discussion setting, you can control pingback & trackback, comments, publishing notification, and article email newsletter. The following settings are my personal choice, you can follow them as well.

discussion-settings

5. Permalink Settings

Permalink setting is a very important part, especially for SEO. Permalinks are the address of the pages inside your website. After publishing a page, if for any reason the permalink got changed, then that page can’t be obtained through that link anymore.

This will harm your website’s Google indexing and the page ranking on Google will drop. When page ranking will go down you will certainly get lower traffic. The most recommended permalink models are,

  • https://www.rankwp.in/postname/
  • https://www.rankwp.in/category/postname/
permalink-setting

 

(Step 10): Add content to your page

Before starting to create valuable contents for your visitors, you have to decide what kind of content you are going to deliver them. These two questions will arise:

  1. Should the visitors be allowed to comment under the content?
  2. Will you often update the content?

If the answer to both questions is ‘YES’ then you need to create ‘post’ instead ‘page’

Post: Posts are blog entries that shorted by newest order. They are shown on your website according to that newest order. Post are variable that means they are often updated for many reasons from time to time.

Page: Page contains static contents. That’s why we use contents like privacy policy, contact page which don’t need to change often. Comments are disabled on a page.

 

1. Create a post

To create a post go to ‘Post’ > ‘Add new’

add-a-new-post

Color Guide:

  • Here’s the meaning of the color box I’m using to define elements of the Gutenberg WordPress editor.
    • Add Module: It contains different module option like textbox, title, media, shortcode, etc which you can add inside your blank page or blocks.
    • Add Title: In this place, you have to add the article name.
    • Start Writing: Start writing is a text block, where you can start writing your article. (You can switch to another module using the ‘+’ icon)
    • Publish/preview: Preview can be used to pre-check the article in reader mode before publishing. Publish held for publishing the article.
    • Option: The gear icon is used to switch between enable or disable the right sidebar.
    • Essential Sidebar: This sidebar contains all the important options starting from category selection, featured image configuration, tags configuration, post attribute settings, etc.
    • Status: This block provides the post status and control over the publication time and format.
create-a-post

2. Create a Page

Creating a page is similar to creating a post. Only one thing you have to remember that to create a page go to ‘Page’ > ‘Add new’


(Step 11): Submit Post/Page Url To Google Search Engine

I have created an entire separate tutorial how you can submit sitemap and URL to search engine. Visit this post to know in brief.


Congratulations! You have made an amazing decision and successfully joined the world’s webmasters I wish you all the best on your journey. Good luck!

Always remember that it takes time to write a useful tutorial. I hope you enjoy this process of creating a WordPress site. I will keep updating this post with more useful information. To know more about how to increase your website visitors and designs keep reading my articles on this blog.

Provide a comment: Please send feedback to this tutorial so that I can understand your need better and improve my crafts. Also, do share with people who may need this.

About the Author Jon

I am a 33 year old husband, father of 3, engineer and a huge fan of developing systems to build useful and profitable websites. The reason I build online businesses is to provide financial independence for my family and yours AND so I can spend time outside skiing and biking with my family.
Jon Gillham, Online Entrepreneur

Leave a Comment: