The beginner’s guide on how to create a website using WordPress. This step-by-step guide will walk you through every step you need to create a website (or a blog) for your business in around 1 hour or less.
Table of Contents
|1||How to Register a domain name|
|2||How to find a web hosting company|
|3||What is WordPress|
|4||How to Code using VS Code.|
If you would love to just <code/> your website, we have the tutorial down below showing How To Create a Website Using HTML and CSS in 2024.
Step 1: Register a domain name (www.)
To start up, you need to register a domain name for your website. Minus a domain name, your website can not operate.
A domain name is something like [www.yourbusinessname.com] or [www.yourname.org].
Domain name is what people will use to search for you online or search for your business online. Forexample, Amazon.com is a domain name for amazon online shop where you can buy anything you want that they sell online in their stores. By owning a domain name, you’ll always have full control over your entire website, no matter what happens.
When choosing a domain name, there are a few rules you should keep in mind. If you’re setting up a business website, your domain name should match the company name you’re planning on making, or a personal website or a personal blog for yourself.
Domains cost around $10/year and renew each year unless you decide to cancel. You can get a .com, .net, or .org. Get a domain name and register your website.
Search for the name of your choice of business you are going to create a website for. A domain name will be provided once the names you put are available, If the domain name is taken, change the spelling or choose another name for your website.
There will be several domain names with their prices, select the domain name of your choice and proceed to Add to cart.
Assuming the company you want to register and get the domain name is called “Kingbellys”, type in the search box as shown above. If it is available, you will get a confirmation in green text. Now add to cart and proceed with the payment process.
Step 2: Get a web hosting company
For your website to work, You need a domain name that I am sure you have now, a web hosting company and your undivided time to sit and build your website. Minus these three important steps, there is no way you can launch or create a website.
When you signup and register for a domain name, using this link or any other domain companies, they will automatically pre-install WordPress for you.
This means that once you have registered for your domain name, you simply need to login to your account and then proceed to install WordPress.
What is WordPress?
WordPress is a content management system (CMS) used for creating, building and hosting websites and Blog posts. It is compatible with all devices and has the latest software changes.
WordPress contains plugins and a template system, which makes it easier for web designers to easily customize any website to fit your business, blog, portfolio and online store [e-Commerce.]
The thought of creating your website may seem overwhelming, so we have got you covered, whether you’re brand new to WordPress or you’re looking to get up to speed with it, feel free and follow along.
Now that you have logged in to your account, you can change your theme from the WordPress admin dashboard.
But before, how do you get to your WordPress Admin dashboard?
This is simple, type your website url on the browser, you have to be connected to the Internet to successfully login to your WordPress Admin dashboard.
let’s say your URL is “https://www.kingbellys.com“, add/ wp-admin and then press enter on your keyboard. Eg(https://www.kingbellys.com/wp-admin) . When you hit enter on your keyboard, a new page will open, put your login details and login into your admin dashboard.
How to change appearance and add theme
A WordPress theme is a group of website templates that dictates the overall appearance of your blog or website. Changing your theme may not necessarily change your blog content or website appearance or pages. Your theme only changes how all that information is displayed on your website.
There are thousands of free and premium WordPress themes available to use and easy to customize.
The thought of creating your website may be overwhelming, however, with WordPress, everything has been simplified. Let’s change the theme now.
On your dashboard, go to Appearance >> Themes, and then click on the “Add New” button.
After clicking the Add New button, you will see many Themes both for free and premium versions. For today’s lesson, let’s choose a free Theme called Astra Theme.
Astra Theme comes with fully customizable website templates. On the search bar of the Add New Theme page, type Astra theme then search.
When Astra Theme opens up, click the install button then after, Activate it after installation.
Astra Theme is the most popular of all time. it comes with pre-installed websites, and it allows you to customize your website without code, and it has a super fast speed for easy performance that will help you reduce website design time. it has website demos from our library of Starter Templates.
The starter template is a fully complete website template that gets imported to your website. You can import the website template that you need and then modify it as required.
importing the whole website will come with all of the needed plugins. However, for the additional setup of your website, you can still add or install other plugins that you may need for your website.
In WordPress you will always need a Page Builder plugin like Elementor to ease your work in customizing your website.
Sign up for free and get 100s to 1000s of website templates with Elementor and there is an Elementor Pro version available also for some affordable fee. The pro version of Elementor comes with a lot more tools and features that will make your website more stunning.
Elementor has dominated the online world by providing website templates to developers and beginners that are just learning how to code for the first time. it is so easy to use. you just drag and drop and edit and customize your website to the tune that you want.
While the Elementor Editor allows you to build beautiful web pages, the Theme builder allows you to put these pages together, create headers and footers for your pages and create an entire eye-catching website.
If you have ever used Vs Code editor to code your websites, you know how these features can take weeks to create a website and run successfully. With Elementor and Elementor Pro, drag and drop means hours not weeks to complete a project. it also means you are not worrying about how your code is working or how it might break.
Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before.
How To Add Pages on WordPress
A website must have pages that are used for navigation, for example, a Home Page, About Page, Contact Page and so on.
Pages are typically used to place your newest website content like featured products for your business or your Company services.
To add a new page to your website, click on Pages in your dashboard and then click Add New page.
Now you can add multiple pages for your website and give them titles. Next add photos, Contents and you can as well embed videos and then publish them.
If you want to edit an existing page, click on the title of the page you would like to edit and you will be taken to the editor where you can add text, images, contact forms, buttons and other content for your page. With WordPress, you can have and own a great website that can connect you with your visitors and clients.
Get a Ful Complete Course Book Now.
This book contains a Tutorial showing steps from the start, to the a complete tutorial on how to design websites and get to know how to install plugins, set wooCommerce for business and create a Contact Page.
If you are interested in learning HTML and CSS, below is a short tutorial showing steps by step on how to create a website using HTML and CSS.
How To Create a Website Using HTML and CSS
If you want to want to learn to create a website using HTML and CSS, for your blog or Business, you are in the right place.
In this guide, we show you step by step from a blank screen to a fully functional website on your screen that is optimised and quite good-looking at the same time.
But First, What is HTML and CSS?
You should also get the reader-friendly version from google, but let’s simplify it a little bit here for you.
HTML [Hypertext Markup Language]
This is a language that defines the structures and contents of a web page.
CSS [Cascading Style Sheet]
Defines the styling and the presentation of elements on a web page.
You can’t work with one without the other. They both work together to provide a friendly user interface and nice design to your website.
Html code tag, The <code/> yag is used to define a piece of computer code.
All HTML documents must start with a document type declaration <!DOCTYPE html> and the document itself begins with <html> and ends with <html/>.
The visual part of the html document is the <body> and ends with <body/>.
CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.
To link your html and css style sheet, see example 2 below.
Linking stylesheet is done in between the header section before the closing head tag. <head/>.
Follow Steps Below to Create a Website Using HTML and CSS
First things first, to get or create a website, you need tools that will enable you to build a website.
As from the previous lessons with WordPress, here we also need to acquire a domain name and later host our website.
To learn more about a domain name and domain hosting get the full course here
Get a domain name,
Congratulations🎊🎊 you have bought your domain name and you have passed the step one.
Second step is to download VS Code Editor for free.
VS Code is one of the free and easy-to-use coding editing software and is used by many programmers and developers.
Vscode does so many things and has an amazing UX and customised workspace which will be easy for you to work and code with. For now, we shall not go deep into knowing vs code. However, if you have downloaded the vscode, congratulations on finishing step two.
Before we go further, if you think this is too complicated, and you urgently need a fully customisable website very fast, get it here cheaply.
Now that you have finished step two, start the coding process. You must be with an idea of how you want your website and design work to look, but you can as well get some customisable website templates from sites like Elementor. Just sign up for free and you will get 100s to 1000s of website templates that are eye-catching and user-friendly.
See an example below of a sneaky pic of their website templates. Most of these templates are downloadable, especially for WordPress users.
That is it for now. For any questions please leave them in the comments below and I will answer them as soon as possible. Thank you for being a part of this lesson.
By now you should have your own domain name. Don’t worry that it’s not working because you don’t have a website yet.In order to fix that problem, we’ll need a web hosting plan.