This Guide Is Suitable for Anyone Wishing to Build a Website Including Beginners
- 1 This Guide Is Suitable for Anyone Wishing to Build a Website Including Beginners
- 1.1 I will show you how to create a site suitable for the following purposes
- 1.2 The tutorials will be in two parts.
- 1.3 Recommended reading before we start to build a website.
- 1.4 What will your Websites Purpose Be?
- 1.5 Is it going to be a business site?
- 1.6 Let’s Start Building a Website
- 1.7 WordPress and other Platforms
- 1.8 Step one | Setup your Hosting and Domain
- 1.9 Get started
- 1.10 Choose a plan
- 1.11 Choose a domain
- 1.12 Payment options
- 1.13 Setup your account
- 1.14 Verify your email
- 1.15 Email confirmation
- 1.16 Setup a your password
- 1.17 Welcome email
- 1.18 Your control panel (cPanel)
- 1.19 Step two | Initial Setting Up of WordPress
- 1.20 Step three | Set up basic WordPress options
- 1.21 WordPress settings | General
- 1.22 WordPress settings | Writing
- 1.23 WordPress settings | Reading
- 1.24 WordPress settings | Discussion
- 1.25 WordPress settings | Media
- 1.26 WordPress settings | Permalinks
- 1.27 WordPress settings | Akismet
- 1.28 Step four | Posts
- 1.29 Step five | Pages
- 1.30 Step six | Set up a static page
- 1.31 Create a new blog and home page
- 1.32 Both pages listed.
- 1.33 Step seven | Set up menus
- 1.34 Step eight | Widgets
- 1.35 Step nine | Themes
- 1.36 End of Build a Website -Basic
First of all, a ubiquitous question for someone about to build a website is, can I do it my self. The short answer is in almost all cases, yes you can. Some basic computer skills are required, however.
Consequently, If you can use Microsoft Word, then you should be okay. First of all, I will show you how to build a website to a basic level and get it up and running step by step.
The second part of this tutorial will show you the next step forward where I show you how to continue building your website with more advanced features and functionality.
I will show you how to create a site suitable for the following purposes
- A blog for something you have a passion for.
- You might wish to build a website for personal reasons.
- An eCommerce to sell products and services online.
The tutorials will be in two parts.
The basic: A basic site which is functional and ready to use.
Advanced: Taking further steps which will also greatly increase the functionality and also the presentation of the website.
We shall be taking it slowly, all small bite-size chunks. As a result, you will have your new website online and ready to add content. Also, I will show you how to do that too.
Read through all the information first and by the end of this tutorial, you will know what skills are required and prepare you with your quest to build a website. Also, I am here for you if you need help.
Recommended reading before we start to build a website.
Take some time and read some crucial information before you begin to build a website for your self. The recommended reading will provide you with the knowledge you need for all the various components that make a website.
Also, see website technology which explains the meaning of the many terms used about websites.
Once you are confident about what all the associated components mean, then come back to this point.
We can then start to build a site for which ever purpose you have chosen. Furthermore, this will also allow you to complete all the steps with confidence and have your site up and running in no time.
What will your Websites Purpose Be?
Before you begin to build a website, it is essential to be clear about the site’s purpose. First of all is it a personal site or a blog? Also if you have the expertise for any given subject or are passionate about something, then build a blog.
Is it going to be a business site?
If so, are you selling products or services? The website building process will take different paths depending on the choices made now. That’s ok; I shall cover that as well.
The Basics will take about 35 to 45 minutes approximately to complete.
Let’s Start Building a Website
Right click and choose “open in new tab.
Be sure to be clear about the following; no actions are etched in concrete. Upgrading and modifications to the site become a routine procedure. In fact, a good site is one that makes changes as required. Content needs to be reviewed and changed regularly if necessary.
Furthermore, doing so will help your websites on page SEO, more about that later.
WordPress and other Platforms
Within this tutorial, I will also show you how to build a website using WordPress as a content management system (CMS). You may have heard about some of the other content management systems which are also available.
Drupal: Comes with a steep learning curve but consequently, is very powerful.
Joomla: A very good CMS but some technical and coding knowledge is required.
I strongly recommend WordPress, because it is the most preferred, user-friendly and versatile CMS of them all. Furthermore, it’s free.
Step one | Setup your Hosting and Domain
Let’s get your domain and hosting setup.
Once you are on Bluehost’s website, they make it very easy to get setup. Just click on the “get started” button.
Choose a plan
There are many plan options, the cheaper plans are upgradeable but consider which plan is best suited to your site’s purpose. A 36-month plan means more money up front than a plan which is less money per month. However, it’s the best value. The Basic plan and the Plus plan’s suit most users.
Choose a domain
After your hosting is setup, you will arrive at a screen which offers you an option to use an existing domain or create a new one. Type in the domain name of your choice and continue. Also, if your first choice is unavailable, then you need to pick another.
You will now be presented with payment options. An option to pay using Paypal is also available, if it’s not visible, “click more payment options”.
Setup your account
Add all the required information for your account including your preferred payment options. Finally, you will see some optional extras for purchase. If you see something there that you are sure you need, by all means, add them in now. Also be aware that you can return and add them later.
Verify your email
You will at some point also receive an email asking to verify your email address for your domain.
After a successful verification, you should receive another email notifying you of successfully verifying your Whois contact information.
Setup a your password
Set up a strong password for your account.
When you reach the final point, and your account becomes finalized, you will receive an email welcoming you along with all the password credentials and account information.
Your control panel (cPanel)
Once logged in, you will have access your control panel. From here, you have a myriad of options which you can choose from, for now, first of all, I would encourage you to look around and become familiar with how the control panel is set out, but leave everything alone for now.
Step two | Initial Setting Up of WordPress
You will notice that links to the administration page of your WordPress website there. Your site should now be online. In your welcome email, you should see a link to your WordPress Login page along with your username and password. Login to your website now.
Your login URL will take the following format: http://yoursite.com/wp-admin
Be aware, because it will take about 24 to 48 hours for your web sites to propagate around the internet world. (For your site to be visible)
Go ahead and click on the left side of the administration page “Users” and set up your profile information. While you’re here, as the site administrator, you may change the color scheme if you wish.
Step three | Set up basic WordPress options
Important options we need to change in “Settings” We shall work through them one by one now.
WordPress settings | General
WordPress settings | Writing
Settings on this page will affect how content is written and published on your website.
In section one, there are options which affect the post and categories. We will set these later.
The post via email section we will deal with in the “Build a Website Advanced” Section soon, just disregard those for now.
WordPress settings | Reading
These settings will affect the way your site displays information. Pages are for information which does not change very often.
Posts are time sensitive and are typically:
- Event announcements
You have an option to show your blog posts or a page (static) as pages; they will list here. And if you wish? Choose a page or post from the dropdown lists as your home page.
(We shall set those later in this tutorial.)
The blog pages to show allows how many posts will appear on the page chosen as the blog page.
Syndication feeds show the most recent posts from an RSS feed.
For each post shown from the feed, show either the full post or just a summary.
Choose to allow your websites content to be indexed by the search engines, or not. In most cases, this will be unchecked so that the search engines will also index the site’s content.
WordPress settings | Discussion
These setting are personal preference, leave at default except for “Comment must be manually approved” I recommend it be ticked as checked.
Default article settings
Attempt to notify any blogs linked to from the article:
Allow link notifications from other blogs (pingbacks and trackbacks) on new articles
Allow people to post comments on new articles
Comment author must fill out name and email
Users must be registered and logged in to comment
Automatically close comments on articles older than 28 days
Enable threaded (nested) comments five levels deep
Break comments into pages with 20 top level comments per page and the last page displayed by default.
Comments presented with the older comments at the head of each page
Email me whenever
Email me whenever anyone posts a comment
A comment becomes held for moderation
Before a comment appears
Before a comment appears comment must be manually approved
Comment author must have a previously approved comment
Go to gravatar.com to and upload a gravatar if you don’t have one.
Choose as appropriate for the content of your site.
Comments and blacklist
WordPress settings | Media
Media settings allow control over the size of your media settings, photos or other image types. Set sizes give consistency across your site’s posts and pages. Leave at default for now and adjust if required later.
The Uploading files option when checked will ensure all uploads become organized into a month and year format.
The media library is where all your websites images become stored. When creating a page or post, adding media will add a picture from the library.
Permalinks are the permanent URLs for blog posts and pages as well as tags and category. A permalink is the permanent web address which links your content. It is why they are named Permalinks.
Furthermore, I would recommend the day and name option: (/%year%/%monthnum%/%day%/%postname%/) if you are going to publish multiple posts each day. If not use: post name (/%postname%/) or category and name (/%category%/%postname%/).
WordPress settings | Akismet
Akismet is an anti-spam system. Follow the links and set up a free account, donate if you wish, and come back to this area to enter your API key where indicated.
Step four | Posts
Click the posts link which will allow you to see all the posts available. WordPress ships with a demonstration post called “Hello Dolly.”
Click on the Hello Dolly post to open it. You will see your first post which you can modify or delete.
Step five | Pages
Click the pages links which will allow you to see all available pages. WordPress ships with a demonstration page called “sample page.”
Click on the sample page to open it.
Step six | Set up a static page
WordPress allows you to show your custom content on a dynamic blog page or a static page which acts as your home or front page.
By default, WordPress will show all your recent posts on the home or front page. However, there is an option to change that, by using a custom home or front page. The content on the page does not alter unless of course, you decide to change it.
A static home page is very suitable anyone who wishes to keep the blog posts separate and accessible via a menu. Also, it’s an attractive option for anyone wanting to avoid the site looking like a blog site.
I recommend we create two new pages,
A Blog page:, Where all the latest posts will be displayed if using the blog/front page option.
A Home page: Where a static Front page option is selected. It may have any content you desire.
Create a new blog and home page
Lets setup the pages now.
Click add a new page.
In the page title write blog, then publish.
Furthermore, repeat the above process above but call the second page home and click publish.
Both pages listed.
Now go to settings/read and select the static page option. Then the blog page from the drop down box, also repeat the process for the home page.
Go to your pages list and click on “home ” page. Add some content as shown in the example. Also, the content found on your home page will be a corner stone of your website as it is the front door of your site.
Finally, in this step, delete the sample page because we have no further use for it.
Go to posts, and delete the “Hello dolly” post also
Notice how the example will look using the current theme, “Twenty Seventeen.”
Click Appearance / Menu
Posts and pages can be selected and then added from drop down boxes.
Once added the chosen items would display in the menu. The items may be dragged up and down to the desired position.
Furthermore, menu items may also be nested if desired.
Step eight | Widgets
Widgets offer specific functions in any of the widget active areas. They are typically the sidebar, footer, header and front page. Most of all they are most noteworthy because many themes offer an excellent array of additional features and also functionality to WordPress.
Right, click the site address to open your site in a new tab. As a result, this will also allow access to the live website and the WordPress dashboard simultaneously.
Step nine | Themes
Your current home page using the default theme which we shall now change.
Click appearance/themes which will bring you to a page as shown below. It shows our current theme and the theme which we will now change by activating it in a moment.
Hover over the “Twenty Sixteen” theme and click.
Now click activate and “Twenty Sixteen” as a result it will be the active theme for your site.
Right click on “visit site” and see how the current theme looks. Also, WordPress is showing a blog post on the home page.
End of Build a Website -Basic
The concludes the build a website tutorial. The site should now be live and ready for the next step to increase the functionality and appearance of the site.
Now take what you have learned and add some posts and pages to your website.
Furthermore, I would suggest the following as they are easy to do. Be sure to use pages for these and not posts.
About us: A page where you describe what your site is all about is especially relevant as well as something about you if you wish.
Contact us: Another page where people may get in touch with you using email.
In conclusion, building a website is a rewarding experience. Also, the site is an asset which will serve its purpose 24/7 well into the future.
You can apply as many of the advanced methods of enhancing the functionality and appearance of the site as required. For example, you could start by adding a beautiful theme and personal branding for individuality, the choice is yours.
Finally, the information in this build a website tutorial shall be regularly reviewed to ensure that it is up to date. Furthermore, if you feel there is something that needs my attention or if you have any questions, please contact me.
Go the website building index area to take the next steps to add more advanced features to your site.