How to build a WordPress website from scratch

Celebrity Social Media Management Services
Proven Tips on Celebrity Social Media Management
November 6, 2019
Create your first AMP Story
Create your first AMP Story
December 8, 2019
Show all

How to build a WordPress website from scratch

Learn how to build a wordpress website from scratch

Learn how to build a wordpress website from scratch

Build a WordPress Website

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.

  1. Domain and Hosting
  2. Server Configuration
  3. WordPress Installation
  4. Theme Installation
  5. Theme Customisation
  6. Installing Recommended Plugins
  7. Creating Your First Page
  8. Creating Your First Post
  9. Tips and Tricks
  10. Best Practices

Domain and Hosting

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 – info@domain.com)

Domain Registration (If you already have a domain skip this step)

Check out some of our domain packages below:

  1. Domain Registration – .co.za (R149 per year)
  2. Domain Registration – ..com (R199 per year)
  3. Domain Registration – others (Request Pricing)

We also include FREE .co.za domains with all our hosting packages.

Hosting Packages (If you already have a hosting package skip this step)

Check out some of our hosting packages below:

  • TrendWeb Basic Hosting – R89.00 per month

Includes: 1GB Storage, Up to 5 Emails, FREE SSL, .co.za domain registration, Backups and monitoring.

  • TrendWeb Pro Hosting – R129.00 per month

Includes: 2GB Storage, Up to 8 Emails, FREE SSL, .co.za domain registration, Backups and monitoring.

  • TrendWeb Elite Hosting – R199.00 per month

Includes: 4GB Storage, Up to 12 Emails, FREE SSL, .co.za domain registration, Backups and monitoring.

  • TrendWeb Enterprise Hosting – Starting at R299.00 per month

Includes: 8GB Storage, Up to 20 Emails, FREE SSL, .co.za domain registration, Backups and monitoring.

  • Custom Hosting Packages Available, and tailored to your needs!

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:

  1. Domain.com
  2. Bluehost
  3. Namecheap

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.

Server Configuration

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:

PHP INI configuration for a WordPress website.

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.

CPanel Login Screen

Search for PHP in the search bar once logged into your CPanel / Website backend, First select MultiPHP Manager to check/upgrade your PHP version.

Getting the latest working version of PHP for WordPress

Search for PHP | MultiPHP Manager in CPanel
Upgrade PHP version to PHP Version 7.3

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.

Once updated the PHP Version will reflect Version 7.3 as selected during the update.

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:

Configuring your PHP INI Settings for WordPress

MultiPHP INI Editor is used to change PHP variable

Change your PHP settings as seen below to allow better performance of your WordPress website:

Use these PHP settings for better performance from your WordPress website

Installing WordPress on your web server

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:

Softaculous Apps Installer allows for simple WordPress and other Software installations and management.

NB You will need to search for WordPress or Softaculous as seen above.

Softaculous Apps Installer allows for simple WordPress installations and management.

Once you have selected WordPress you will need to select “Install Now” to install a new instance of WordPress on your web server.

Select Install Now to install a WordPress instance on your web server

You can follow the guide and complete the fields to set up your website as seen below:

WordPress Installation Settings

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.

The completion dialog shows your WordPress website and dashboard access links (urls)

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)

Login to your WordPress dashnoard (/wp-admin)

WordPress Dashboard Overview

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”.

WordPress Dashboard Overview

Posts

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

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

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.

Appearance

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.

Plugins

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.

Users

Here you can add new users and manage existing ones, you can assign users access roles such as “administrator”, “editor” etc.

Tools

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

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.

Installing a WordPress Theme

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:

Appearance/Themes to add a new WordPress 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.

Adding a new theme using WordPress themes, click on Add New to get started

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.

Customise Your WordPress Theme

Customising your Theme is how to customise your websites global settings and appearance.

Site Identity

Here you can add a site title, tagline and site icon, see our example below:

Site Identity Settings

The Site Logo and Site Icon will appear in the areas indicated below:

The Site Logo will appear on the menu on all pages, and the Site Icon will appear on the browser tab on all pages

Customising Colors

Next we will customise the colors using the colors tab as seen below:

Customising our sites colors

1 Comment

  1. Hey guys will complete the post soonest, just a bit busy 🙂
    Leave comments in the meantime and i will respond as and when i can.

    PS Hope you all have a blessed festive season and all the best for the new year!

    Regards
    Ricardo da Silva
    TrendWeb

Leave a Reply

Your email address will not be published. Required fields are marked *