Looking forward to learning how to create a website in 2021? At the end of this article, you will be able to learn step by step how to design a website without having to code.
Creating a website these days is easier and faster, to compare some years back when we are using coding.
Nowadays, there are many Content Management Systems (CMS) use in designing beautiful and professional websites.
Who is this post for? Anyone who wants to learn how to create or design a website without having to code.
I will love to mention here, there are different types of websites. The type of website you want to design will determine the kind of theme you will use for the website.
Example of Different types of website
- E-commerce’s website
- Business website
- Blog website
- Job website
- News website etc.
6 tools we will be using in this post to create or design the website.
In this article, we will be using these 6 tools/software to create a website.
- A laptop computer connected to an internet
- A Domain name
- Hosting server
A laptop computer is a small portable personal computer use for working such as typing, browsing, gaming, etc.
To know the best laptop computer to use for web design project check out the post.
A domain name is your website name, it is an address where Internet users can access your website example google.com.
A hosting server – is a server dedicated to hosting services for users. Hosting servers are most often used for hosting Web sites but can also be used for hosting files, images, games, and similar content.
WordPress: is an online, open-source website creation tool written in PHP language. But in non-geek speak, it’s probably the easiest and most powerful blogging and website content management system (or CMS) in existence today.
Please note: there are different types of content management systems (CMS) you can use to create a website, for example, Joomla, WordPress, Wix, and Drupal e.t.c.
The most popularly used is WordPress because it’s easy to use/customize, SEO friendly, and allows you to create a professional site within the shortest period of time.
The theme is the overall look, feel, and style of your website. This includes things like the color scheme, layout, and style elements.
In essence, your website theme is a direct representation of your brand and has a direct impact on your users’ experience.
There are free themes and paid themes. If you will like to have a secure, fast, easy, professional, and mobile-friendly website, I will recommend you go for a paid theme. Many people have become victims of a free theme. Also, it can be easily hacked.
Meanwhile, if you don’t have money to purchase as of the time you wish to start creating your own website, you can always upgrade to a paid version later.
If you need a guide on the right theme to use for your website check out this post, 23 Proven Best WordPress Themes (free & paid) to Use for Different Types of Website,
Plugin: is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites.
Looking for the best plugin to use check out this blog post “16 Best WordPress Plugins (Free and paid) for 2020″
You may want to check out the cost of designing a business website in Nigeria.
What are the Step by step procedures for creating or designing a website
Lets dive into stages and steps involve in designing a website.
Step one: Check for Domain Name Availability
Before you get started, first go to bluehost.com click on “Domains” on the menu icon, type the “domain name” you want to use for your website to see if it’s taken or if it’s still available. I suggest choosing the “.com” extension because is more professional and it makes your website name stand out. See the image below for a guide.
If it is “taken” you can then try another domain name of your choice. To know more about choosing your domain name click here
Once you have finished confirming that the domain name is available, the next is to purchase the domain and a server.
Step Two: Purchase of Domain Name
while you are still on that page, once you have established that the domain is available Click on the “add to cart” button also click on “proceed”. See the image below for a guide.
it will take you to another (summary) page, click on the “proceed to checkout” button. After that, you will be directed to the “Billing and payment information” page. You will need to enter your billing information details and click on the “purchase now” button. See the image below for a guide.
Please go through all the information properly and your payment method before proceeding.
Make sure there is no spelling mistake in your “domain name”. If there is, you can go back and correct it.
Step Three: Purchase of Hosting Server
On the bluehost.com website click on “hosting” on the menu bar and click on “shared hosting” and select the subscription package you want. I recommend “Choice Plus” for a start, later when you get more traffic on the site you can always upgrade to “pro”. See the image below for a guide.
Please note: the cost of the domain and the hosting might vary as of the time you are reading this post.
After you have selected your desired plan, it will take you to another page where you will need to type in your domain name and click the “next” button and follow the rest of the instructions. see the image below for a guide.
At this point, you have successfully purchased your hosting and domain. You will receive an email that contains the URL of your Cpanel, username, and password shortly after payment.
This program gives users a graphical interface from which they can control their portion of the Unix server.
If you have any challenges at this point you can contact Bluehost customer support for a guide.
Step Four: Installation of WordPress on your website
Login to your Cpanel using the username and password sent to you on your email. The URL part is always your domain.com/cpane. Example goole.com/cpanel.
After successful login scroll down under “SOFTACULOUS APPS INSTALLER” click on “WordPress”. It will take you to the WordPress installation page, click on “Install Now”.
After clicking on the “install now” button it will display another page where you will complete the installation process. You will have to choose your version of “WordPress”, select the “domain name” scroll down and fill in the rest of your “website details”, select your preferred “theme” and click “install”.
See the image below for a guide.
I advise, you cross-check the details very well before clicking the install Now button.
Please note: Admin Account section is important. Make sure the Email, Username, and Password, are copied somewhere safe because that is what you will be using to log in to your WordPress dashboard.
The email is what you will be using to receive notifications from WordPress. The Username cannot be changed later but you can always change your password.
After clicking on the “Install Now” button, it will process the installation process and display a link to access the WordPress dashboard and also a link to your access homepage with a successful installation message.
Click on the “links” to view the website and to go to your WordPress dashboard.
Bravo… You have successfully installed WordPress on your website. What next? Let us proceed to the designing of the website.
Step Five: Creating / Designing the Website
This is where the real work start. first, I will like to mention here, by now you should have your logo, images, and written content ready for the design.
Now let start by setting up the permalinks, creating pages, post and designing them.
Set up the Permalinks
First login to your WordPress dashboard scroll down at the left side of the dashboard click on “settings” then click on “permalinks” thereafter select “Post name” scroll down and click on “save changes”.
Create a Home Page
On the left side of your dashboard hover to “pages” click on “add new” type in the “page title” thereafter click on “publish”.
Set up the home page
Go to “settings” click on “Reading” you will see Your homepage displays option click “A static page” and “select a page you just created for home page”, scroll down and click on “save changes”.
Please note: if you are designing a business or any other type of website, you choose a “static page”. But if you are designing a blog website, leave it with the default setting.
Installation of Elementor page builder
In this design, we will be using the Elementor page builder plugin to create a website.
On your WordPress dashboard hover to “plugins” and click on “add new”, On the search bar type “Elementor” it will display the Elementor page builder click on the “Install Now” button, thereafter click on “activate”.
Please note: with this method you are using the free package. If you want to use the Elementor pro click here to purchase it
Designing with Elementor page builder
Elementor is one of the best WordPress page builders. It makes web designing easy and faster also it helps in creating beautiful and professional websites in a few minutes. It is my favorite plugin I use it in almost all the website I created and on the ones am managing. It has both the free package and Pro package.
If you are new to web design and you want to learn how to design a website; I will suggest you start with the free package later you can upgrade to a pro package. Also, if you are new and you want to create e-commerce or a professional website at once without any stress I will suggest you go for the pro version.
Some of the advantage of Elementor Pro
- 24/7 customer support: if by any chance you encounter a challenge the customer support is always available to help you resolve the issue.
- 300+ Pro Templates: there are hundreds of beautifully made templates for the pro version, once you purchase the pro version, all you need is to insert the template on your website and edit the content & images to your desired test, nothing else and your website is up.
- Woo-commerce builder + over 15 shop widgets: it has extra functionality for e-commerce sites that will make your website astonishing.
- 20+ Integrations: If you’re looking to implement an aggressive marketing strategy with your website as a central tool, integrations with other apps such as Zapier, MailChimp, HubSpot, ConvertKit, and GetResponse will come in handy.
- The Pro version lets you customize every part of your theme: the pro version will allow you to customize every area of your website, such as the header, body, footers, achievers, and search result page. Unlike free theme/plugins that can only give you access to customize only the body.
- There are many more; for more information visit elementor.com
Installation of Elementor template
Open the “home page” you created earlier click on “Edit with Elementor” this will display Elementor page builder tools click on the “folder icon”.
It will display different types of templates/pages both free package and pro package, click on anyone if you purchase a pro version of elementor.
If you are using the free elementor plugin chose the ones that don’t have PRO text on it and click on “insert” thereafter click on “update”.
Please Note: if you have purchased a “pro package” you will see many beautiful designs to choose from. But if you are using the “free package” you will only see two or more template designs to choose from. Also, you will be required to register on elementor template library.
Edit the Website Content & Publish
Before editing the content make sure you have your images and some write-up about your website saved in a folder in your system.
Create\design other pages (such as about us, services, contact us pages)
To create other pages replicate the same way we have created the home page earlier, and import elementor template and edit the contents such as the images, text, layout, and colors
For a better understanding of how to edit the layout, styling and use of Elementor watch this video!
Congratulations… you have just created your own website, I hope you enjoy the content and find it useful. I will love to hear your questions, feedback, challenges, and success story. Please do leave your comment behind. Feel free to share the link to your different social media platforms.
Frequently Asked Question
How to create a school facility (Such as; Registration, login, and member form, payment system, and file upload) on a website?
Use LMS like tutorlms (best free) or learn dash
Is the older domain better for SEO ranking?
Domain age is a massive ranking factor shows how long a business been around for longevity. I have rebuilt 100s of websites and the oldest ones always get the quickest results.
What is the best solution to backup an elementor WordPress website?
Some hosts will not allow large files through WordPress so backup systems that are reinstalled via WordPress will often fail. The best is to backs up the whole site including the data base in a zip file.
Who is the best hosting for WooCommerce considering speed?
How do I put my site in maintenance mode without Elementor and without code?
Use Seedprod plugin
How do I set up on-page SEO for a manually coded website that is not using CMS?
The same way you do SEO for a site using a CMS. The principles do not change
Web design, Content writer & SEO , Real Estate Consultant/Realtor