Learn how to build a WordPress website from scratch in this tutorial. We will show you some tips, tricks and best practices along the way.
Check out a quick index of whats in store in this tutorial.
First things first, you will need a domain in order for the internet to know where to find your website / emails etc. (Think of your domain as your web address, just like your email address – firstname.lastname@example.org)
Check out some of our domain packages below:
We also include FREE .co.za domains with all our hosting packages.
Check out some of our hosting packages below:
Includes: 1GB Storage, Up to 5 Emails, FREE SSL, .co.za domain registration, Backups and monitoring.
Includes: 2GB Storage, Up to 8 Emails, FREE SSL, .co.za domain registration, Backups and monitoring.
Includes: 4GB Storage, Up to 12 Emails, FREE SSL, .co.za domain registration, Backups and monitoring.
Includes: 8GB Storage, Up to 20 Emails, FREE SSL, .co.za domain registration, Backups and monitoring.
Fully scalable and tailored solutions available to suit your current and future business needs, ask us about custom hosting here.
Other domain and hosting providers:
Should you wish to register your domain and host your website elsewhere, check out some of recommendations below:
Once you have your domain and hosting all setup, its time to configure your server and make sure its ready for your new website and the world.
A crucial step to not only having a running website but a website that performs well online and any of your users devices is having your server configured correctly for your selected website framework. In this example we are building a WordPress website and therefor need the latest supported version of PHP (Version 7.3) and some configurations to our PHP INI as below:
If your web host provides access to CPanel see below some simple steps to configure your web server as required:
Login to CPanel (Eg: www.domain.com/cpanel to access it), otherwise speak to your host for backend access details.
Search for PHP in the search bar once logged into your CPanel / Website backend, First select MultiPHP Manager to check/upgrade your PHP version.
Select the domain you wish to upgrade PHP versioning for, then select the latest working PHP version (Version PHP 7.3) as seen in the drop down and select apply.
Next we will need to update some of the PHP INI (PHP.ini file) settings as seen above, to access these settings in CPanel search for PHP again in the search bar and select “MultiPHP INI editor” as seen below:
Change your PHP settings as seen below to allow better performance of your WordPress website:
Now its time to install your WordPress framework and start building your new website. If your using CPanel as so far demonstrated in this tutorial you can install WordPress by searching for it as seen below:
NB You will need to search for WordPress or Softaculous as seen above.
Once you have selected WordPress you will need to select “Install Now” to install a new instance of WordPress on your web server.
You can follow the guide and complete the fields to set up your website as seen below:
Click on install and your website will start installing and show you the below confirmation dialog once complete, click on the /wp-admin link to access the WordPress Dashboard and begin customising your website.
Click on the /wp-admin link to access your WordPress Dashboard and start installing/customising your theme and building your new website
You will need to login using the username/email and password you entered during the WordPress installation steps (as above)
Once logged in you will be directed to your WordPress Dashboard, here we can access various items, see below a quick overview of what we will be using during this tutorial “Building a WordPress Website from Scratch”.
Here you can create blog posts and manage them (edit, update, create, delete), you will also be able to create post categories and organise your posts into topics. Posts are usually used for blogs, news, articles and events.
Media is used to add, edit and remove any media files you wish to use or host on your website. Supported media files include JPEG, PNG, MPEG4, PDF and a few others.
Pages are a vital part of any website website and WordPress makes it easy to build and manage your website pages using the Pages menu in the sidebar. Similarly to posts the pages allows you to organise pages into a hierarchy using Parent page settings, this will be explained in the tutorial.
The appearance tab allows you to manage themes, customise your website, add widgets, menus and a few other advanced settings. In this tutorial we will start by adding a theme and customising the website.
The plugins tab is used to manage, activate/deactivate, find and install just about any plugin, a plugin adds functionality to your WordPress website such a Contact Form, or Google Map.
Here you can add new users and manage existing ones, you can assign users access roles such as “administrator”, “editor” etc.
Tools has some advanced settings, we wont be using this in the tutorial, if you need assistance with tools or more information please contact us.
Settings has some advanced settings we wont be focusing much on this in the tutorial, if you require assistance or more information on Settings, please contact us.
Its time to start getting creative but first lets install a theme to give us the basic building blocks (layout) of our new website.
Click on the Appearance Tab and select the Theme Option to add a new theme:
Select “Add New” to add a new theme, you will be able to upload or search for a theme online. Thanks to the ever growing and oh so resourceful WordPress community finding amazing themes is easy.
In this tutorial we are going to be using the standard, pre-installed “Twenty Twenty” theme
Click on customise to start customising your theme and website’s appearance.
Here you can add a site title, tagline and site icon, see our example below:
The Site Logo and Site Icon will appear in the areas indicated below:
Next we will customise the colors using the colors tab as seen below: