Step #1: Choose Your Website Platform
In order to build a internet site, you first got to determine what platform you’re going to construct your internet site with.
What do I imply through “platform”?
Well, returned in 2005 once I got commenced with net development, maximum web sites had been created the usage of HTML (code), CSS, and PHP. Each of those took a number of time to learn and were hard to master.
That’s why most humans nonetheless think setting up a website from scratch is difficult or requires quite a few coding and design talents – but that’s no longer true.
In 2021, content control systems (CMS) like WordPress have made growing a website accessible to every person.
To put it surely, a CMS (or website constructing platform) is a consumer-pleasant platform for constructing websites and dealing with your very own on-line content material, rather than growing a website from scratch using HTML, PHP, and different coding languages.
Popular Site Building Platforms in 2021
To better apprehend that are the most famous content material management systems, I dug up some recent records from W3 Techs and BuiltWith.
Just take a look at this graph beneath:
Data credit: BuiltWith
As you could see, almost half of of the web sites on the Internet are strolling at the WordPress website platform.
But what makes them a better alternative than others?
Why use WordPress and not website builders?
- 1. It’s FREE (no routine subscriptions, open-source)
Unlike website builders or internet design software, WordPress doesn’t price a dime to down load, installation or use. It’s built by way of web developers and there’s a massive developer community who’ve designed stunning loose topics and templates, making it clean to get going rapid.
- 2. It’s exceedingly customizable and user-friendly
If you know the way to use Google Docs, you recognize a way to upload your very own content. WordPress may be effortlessly expanded with unfastened accessories to deal with pretty much any website you may imagine – from small commercial enterprise web sites to e-commerce websites. With WordPress “plugins” you’ll be able to upload touch bureaucracy, subscription bureaucracy, image galleries, stores, and so forth in your website. And it’s all pretty easy.
- three. Your site could be ‘responsive’. Meaning it’ll work on smartphones & pills, too
The internet site you construct will immediately be responsive, looking high-quality on each cellular device, phone, and pill. No want to lease an internet developer for that.
- 4. Help available from the network
With so many human beings using the platform (webmasters, small-commercial enterprise owners, bloggers), it’s smooth to locate fast assist while you want it. You can get assist from right here for free or you could hire heaps of WordPress builders from here.
In truth, I constructed WebsiteSetup.org the usage of WordPress, too. Below are samples of my homepage and ‘blog’ web page:
WebsiteSetup Blog Page
Are there any true alternatives for WordPress?
There are a few.
But, I could nevertheless use WordPress.
- Wix is an easy-to-use website builder with a easy drag and drop interface, but it has a higher cost, isn’t always suitable for large websites and it’s impossible emigrate your internet site out if the need have to arise.
- Squarespace is a completely aesthetically beautiful website builder which makes growing beautiful websites clean, but it comes at a higher month-to-month price and doesn’t have a characteristic to migrate your website out.
- Drupal is a powerful platform this is famous with experienced coders and net developers, however it has a excessive getting to know curve that makes it not the great choice for beginners.
- Joomla is almost like WordPress and is a great tool for website building, however it does require at the least some basic information of a way to write code to make things work the manner that you need.
If you want more details, I’ve put together a comprehensive evaluation between WordPress, Joomla and Drupal.
If for some cause you don’t want to build your website with WordPress, test out my Drupal, Joomla, HTML5 and website builder courses as nicely.
At this factor, you don’t want cross seeking out WordPress. Right now, you don’t need to to put in it nor down load it.
To make sure your internet site is set up the right way, it’s crucial to finish the subsequent steps below:
In Step 2, I’ll stroll you through the system of selecting a website name and locating a area to host your website.
In Step three, I’ll show you how to deploy and customize your WordPress website. Don’t worry – I’ll stroll you thru the manner, with lots of pictures as a reference.
Step #2: Find a Domain Name and Host
Full Disclosure: This manual is reader-supported. If you click on on our hyperlinks, we may additionally earn a fee. Thanks for supporting us.
In order to get a brand new internet site on line, there are two things that you’re going to want:
- A area name (a web cope with like yoursitename.com)
- Website Hosting (a provider that connects your web site to the net)
The WordPress platform itself is unfastened, but hosting and domain call aren’t. However, the mixed cost is still less than a coffee, with round $3 – $five a month.
In order to appearance expert, you need to have your own area call, instead of getting a free area that belongs to someone else (for example, yourbusiness.my-loose-internet site.com.)
And, having a fine web hosting carrier will even help you ensure that your website gained’t move down and that it hundreds quickly (very essential for all of us who visits your pages.)
Where do I get a website name and website hosting?
I’ve usually used www.Bluehost.com as a web hosting and area registrar for myself and for my internet development tasks.
Their hosting expenses less than a movie price tag ($2.seventy five/mo) and they throw in a FREE domain call (a nice perk to have).
Of path, you could try other web hosting companies and even try to host your web page by means of your self, however it’s a very complicated system and frequently wouldn’t be capable of serving your internet site site visitors. So shop your self a few cash and get a proper net host.
With your own area call, you are also capable of get a expert e-mail account(s) like, yourname@YourWebsite.com – that is plenty greater professional than a normal Yahoo or Gmail cope with, specially if you need a couple of e mail bills.
Already have a site call and website hosting? Go in advance and bypass to step 3, in which I’ll provide an explanation for how you can installation your website.
What form of area name must I select?
When you’re deciding on your domain call, there are a few guidelines you need to hold in mind:
- If you’re setting up a enterprise internet site, your area name need to suit your agency name. For example: YourCompanyName.com
- If you’re making plans on making a non-public website for your self then YourName.com can be a incredible choice.
For this web page (WebsiteSetup), I selected WebsiteSetup.org
Domain names commonly end with .com, .org or .net, however nowadays, a massive wide variety of domain extensions (the final part of the internet cope with, like .com or .org) have pop out, starting from .weblog to .birthday party.
My first-class recommendation? Avoid the unusual extensions and go along with .com, .internet or .org until they exactly describe your website – and even then, additionally it is higher to go along with a extra common extension.
Any extra recommendations for deciding on my domain name?
There are a few matters that let you pick your domain call:
#1 Is it brandable? For example, if you make a website approximately poetry then pleasant-poetry-website.internet isn’t a great desire: poetryacademy.com or poetryfall.com is a great deal higher.
#2 Is it memorable? Short, punchy and clean domain names are plenty simpler to take into account. If your area name is just too fuzzy, too long or spelled in a unusual way, visitors may forget it.
#three Is it catchy? You need a domain name that rolls off the tongue, describes what you (or your enterprise) does and sticks in the head. Coming up with a fab call can be a bit difficult seeing that there are extra than 2 hundred million lively domain names within the world right now – however don’t give up.
There’s one rule that always applies to domains: If you want it, pass for it.
Do a few brainstorming to provide you with a completely unique area call that reflects your destiny internet site, commercial enterprise or weblog.
Secure your net web hosting and domain name. For this, I advocate the use of Bluehost.com, however you could pick out any web host that’s dependable and truthful.
UPDATE: I made a simple manual on a way to get started with Bluehost (which website hosting package to select & how to installation WordPress).
Step #3: Set Up a Website and Start Designing
If you have any questions/suggestions for this manual don’t hesitate to touch me. Remember: I’m here to help!
1. Install WordPress Site
There are viable methods to put in WordPress, one MUCH easier than the other.
1. TO CREATE A WEBSITE WITH WORDPRESS, USE ONE-CLICK-INSTALLATION:
Almost all well-established and reliable web hosting companies have integrated one-click on set up for WordPress in recent times.
If you chose to sign on with Bluehost or another similar website hosting organization, you ought to locate your “one-click on installation” either in the account creation system or in your account control panel.
For example, those are the steps you need to comply with to put in WordPress on Bluehost (the manner may be very comparable or even the same on all of the maximum popular internet website hosting agencies):
- Go to Bluehost.com
- Choose your website hosting plan (most inexpensive plan is great)
- If you already have a website, kind it there
- Fill to your information and choose your web hosting length (you could cast off the “Extras”).
- Go via the price system and create your account
- Log in to Bluehost use “one-click on WordPress deploy” to Install WordPress
If you’re unable to discover it, appearance right here: How to Install WordPress on Bluehost.
2. MANUAL INSTALL (in case your web hosting issuer doesn’t have an easy manner to do it)
If for a few odd cause (a few website hosting businesses don’t provide one-click on-installation for WordPress) you don’t have the choice to install WordPress mechanically, observe this manual manual under:
Installing WordPress Manually (Click to amplify)</robust>’, ‘<robust>Installing WordPress Manually (Click to extend)</sturdy>’); go back fake;”>Installing WordPress Manually (Click to enlarge)
2. Choose a Theme for Your Site (Free or Premium)
For the subsequent step, we’ll be diving into WordPress themes and how to use and customize them.
WordPress subject matters are design templates that make changing your web page’s looks plenty faster and simpler.
Luckily, WordPress has loads of topics to select from. The legitimate WordPress theme listing alone contains extra than eight,000, which are absolutely unfastened to apply.
You can get admission to topics directly from inside WordPress while not having to navigate to an outside website online.
For that, truely go to Appearance > Themes, and click on the massive + sign that announces Add New Theme.
Then use the search bar to find a theme that suits your website.
You can click on on any theme inside the list to view a demo of it and study greater approximately its capabilities on its Details & Preview display screen.
Once you discover a subject you want, install it by means of clicking the Install button in the Details & Preview screen.
Once the deploy method is entire, click the Activate button that appears where the Install button was once.
If what’s available in the legitimate topic directory doesn’t fit your needs, take a look at out premium topic markets inclusive of:
- Creative Market
- MOJO Marketplace
- Elegant Themes
three. Add Content (Pages and Posts)
Before getting to website online customization, you want to have a few content in your website online.
After all, it’s hard to personalize your site whilst there’s nothing on it to reveal the modifications. What you want in phrases of content material will vary depending at the difficulty rely of your website and your desires.
However, there are some key pages that almost every site has:
- About web page
- Contact web page
In deciding which pages to add, take into account what information might be most useful on your traffic. You’ll additionally want to consider visual content, consisting of photographs.
To make things simpler, some WordPress subject matters include web page templates for precise web page kinds. Others also come with multiple format choice for each web page.
To take gain of those, go to Appearance > Customize.
In this situation, we’re using the today’s WordPress default theme, Twenty Twenty-One to create a site. By default, it makes use of a static page as the homepage that you could configure underneath Homepage Settings. Use the dropdown menu to choose which page you need to serve as your website’s homepage.
Alternatively, in case you want your homepage to feature your state-of-the-art blog posts, test select the choice Your brand new posts.
Confirm your selections by means of clicking Publish in the upper left nook.
After that, you can circulate directly to creating new pages to your site. For that, inside the principal dashboard, visit Pages > Add New.
The Twenty Twenty-One subject is predicated on the Gutenberg editor, so here I can add web page titles and content.
Within this web page, you can upload functions like photos and formatting.
Repeat this technique to feature additional pages on your site.
four. Make Sure Your Website is Well-Organized
Think of your website as a library.
Your website structure turns into increasingly more crucial the extra content material you upload on your website.
When learning a way to create a website, you need to get expert at organizing your web page in a way that makes sense in your traffic and clean for them to get round it.
A crucial component here is the navigation menu. Once you’ve created a few pages, it’s time to cause them to to be had in your visitors at the web site. You can do this beneath Appearance > Menus.
The first step right here, is to give your new menu a name, then click Create Menu.
After that, you could pick which content to add to it on the left. For instance, tick the packing containers subsequent to pages you want to appear in the menu, then click on Add to Menu.
You can drag and drop menu items for your preferred order or even flip them into sub-objects by way of transferring them below others like under. Once you are glad, pick out the menu role in which you’d like for this menu to seem (in this case Primary menu).
Click Save Menu once more and visit your site’s front end to look the brand new menu in movement.
Ultimately, you need to reflect a shape that makes sense in your web page and enables traffic get to where they want to move.
5. Additional Customization Options
For additional customization options, move back to Appearance > Customize. When you go searching, you’ll see that it offers lots greater options to make adjustments to your website online. You are able to alter different parts of your website online like:
- Title and tagline
- Background picture
You can also make changes in your homepage, blog page, and add custom code. The options that appear will vary relying on which theme you’ve mounted.
Beyond topic customization, there are many plugins to be had for WordPress, both unfastened and top rate. In the reputable WordPress plugin listing on my own, you could locate near 60,000 plugins that can add all kinds of new functions and functionality on your website. Plus, there are many greater available from 0.33-birthday party marketplaces.
To set up new plugins, navigate to Plugins > Add New.
You’ll be presented with a list of a number of the maximum famous plugins presently available. Use the hunt area to find anything else you are looking for.
To get plugins onto your website online, hit the Install Now button. Wait till it has been downloaded after which click Activate. You can find all plugins in your site plus the possibility to spark off, deactivate, and delete them below Plugins inside the WordPress foremost menu.
As to what plugins you must set up, some picks worth thinking about include:
- Yoast search engine marketing – A top search engine optimization plugin that provides on-page optimization prompts to each web page and put up plus the option to customize Open Graph social media tags.
- Jetpack – Includes a extensive range of features to improve website velocity, optimization, social media integration, digital advertising and marketing, contact forms, and location seek.
- Smush – This plugin compresses images that are uploaded to WordPress, which saves storage area, and accelerates web page load times.
- WooCommerce – This is the maximum famous e-trade keep plugin for WordPress and makes it clean to set up a web save. More on it similarly underneath.
- MonsterInsights – This plugin adds Google Analytics in your WordPress dashboard.
If you need even extra control over how your website appears, you can set up a web page builder plugin. These plugins add drag-and-drop capability to your website online, because of this you could visually construct whole internet designs — not simply person pages and posts. A few popular alternatives consist of:
- Elementor – This all-in-one internet site builder offers visible internet site enhancing, speedy load times, and a huge selection of templates to pick from.
- Divi – Developed with the aid of Elegant Themes, Divi presents any other trustworthy manner to customise web sites.
- Beaver Builder – An clean-to-use web page builder plugin that hastens web site design extensively.
6. Add a Blog (Optional)
Not each internet site desires a weblog. However, growing one can be a good idea to frequently put up clean content, display your understanding, and provide extra value in your site visitors.
To upload a weblog in WordPress, you first should select a blog web page. Above, I actually have already blanketed that you could configure your homepage to routinely display your trendy posts. However, if you want a dedicated blog web page instead and maintain your homepage static, you first need to create it.
This is as simple as putting in place an empty page (Pages > Add New), naming it Blog (or something you want but Blog makes sense because it will automatically create the cope with yoursite.com/blog in your weblog page), and publishing it. Then, choose it as your Posts Page either underneath Appearance > Customize > Homepage Settings or under Settings > Reading.
When stored, all weblog posts will robotically appear on your preferred page. Don’t overlook to add it to your navigation menu!
To upload blog posts on your internet site go to Posts > Add New.
This gets you to the identical content editor which you used in advance in your pages. Add a identify and content on your blog post. Include snap shots and formatting, headers, lists, and whatever else it needs. In the sidebar at the proper you also discover options to use categories and tags, outline an excerpt, and installation a featured photo.
Once you’re carried out making adjustments, click on Publish. Your first post is completed, well performed!
7. Adding an Online Store (Optional)
Not every website wishes an ecommerce save. But if you need to know the way to make a internet site and encompass a web save, maintaining studying.
The maximum famous plugin for this cause is WooCommerce.
You can set it up quickly, it gives many payment alternatives, and a huge range of optimized issues to create an internet store. Plus, it has numerous extensions available for purchase to customize your e-commerce website and adapt it to many functions.
To learn how to add an internet keep for your internet site, follow this guide.
8. Configure SSL
A secure sockets layer (SSL) on your internet site way statistics sent on your internet site’s traffic is saved secure. SSL is an important seek ranking element, and it’s critical to make certain a high quality user experience by way of prioritizing person privateness and security.
To take a look at that SSL is lively in your new internet site with Bluehost, do the subsequent:
- Log into Bluehost.
- Go to My Sites.
- Click Manage Site.
- Find the Security tab on the next screen.
- Under the section that announces Security Certificate, verify your Free SSL Certificate or SSL Certificate: Let’s Encrypt status. The toggle ought to be switched to On.
- Verify SSL is installation by visiting your website again. A lock icon should seem subsequent to the domain name to your web browser’s cope with bar.
9. Launch Your WordPress Website
Once your web site is ready, it’s time to officially launch it. Make positive to double-check your settings and proofread your posts and pages one extra time. If the entirety looks appropriate, click the hyperlink at the top of the dashboard that says Coming Soon Active.
After that, scroll down and hit the button that says Launch your website.
Now you can test your live website.
Click via each web page to make sure all links paintings, your textual content appears good, and your pix are formatted properly (you could use this checklist for reference).
Congratulations! You’re now the proud owner of a new internet site.
Learning how to make a website isn’t any small feat, regardless of a detailed guide that will help you alongside the manner.
At the identical time, it is able to be very pleasant whilst you got a brand new ability and start seeing your difficult work repay.
But don’t prevent right here. Use your new information to research more and put in force greater complex functionalities and features. This manner, you gained’t just discover ways to make a website but exactly the web site you want.