1: Choose Your Website Platform
In order to build a website, you first were given to determine what platform you’re going to build your website with.
What do I imply through “platform”?
Well, lower back in 2005 once I got started with internet improvement, most web sites were created the usage of HTML (code), CSS, and PHP. Each of those took quite a few time to research and have been hard to master.
That’s why most people nevertheless suppose setting up a website from scratch is tough or requires plenty of coding and design competencies – but that’s now not authentic.
In 2021, content control structures (CMS) like WordPress have made developing a website on hand to everybody.
To put it absolutely, a CMS (or website constructing platform) is a consumer-pleasant platform for constructing websites and dealing with your personal online content material, instead of developing a website from scratch using HTML, PHP, and different coding languages.
Popular Site Building Platforms in 2021
To higher apprehend which might be the maximum famous content material management structures, I dug up a few recent facts from W3 Techs and BuiltWith.
Just test this graph under:
Data credit score: BuiltWith
As you could see, nearly 1/2 of the web sites at the Internet are going for walks at the WordPress website platform.
But what makes them a better choice than others?
Why use WordPress and no longer internet site builders?1. It’s FREE (no habitual subscriptions, open-source)
Unlike internet site builders or net layout software program, WordPress doesn’t cost a dime to download, set up or use. It’s constructed through web developers and there’s a large developer community who have designed lovely free topics and templates, making it smooth to get going speedy.
2. It’s tremendously customizable and person-pleasant
If you recognize the way to use Google Docs, you understand the way to upload your personal content. WordPress can be effortlessly multiplied with loose add-ons to deal with pretty much any site you could imagine – from small business websites to e-commerce websites. With WordPress “plugins” you’ll be able to upload touch paperwork, subscription bureaucracy, photo galleries, shops, and so on to your website. And it’s all quite simple.
three. Your web site can be ‘responsive’. Meaning it’ll work on smartphones & capsules, too
The website you build will instantly be responsive, looking brilliant on each cellular tool, telephone, and tablet. No need to hire a web developer for that.
4. Help available from the community
With so many people using the platform (webmasters, small-commercial enterprise owners, bloggers), it’s clean to locate speedy help when you want it. You can get help from here free of charge or you can lease lots of WordPress developers from here.
In fact, I built WebsiteSetup.org the use of WordPress, too. Below are samples of my homepage and ‘weblog’ page:
- WebsiteSetup Homepage
- WebsiteSetup Blog Page
- Are there any proper alternatives for WordPress?
- There are a few.
- But, I could nevertheless use WordPress.
Wix is an easy-to-use internet site builder with a simple drag and drop interface, but it has a better price, isn’t always appropriate for larger websites and it’s impossible to migrate your internet site out if the need ought to get up. Squarespace is a totally aesthetically stunning website builder which makes creating stunning websites smooth, however it comes at a higher monthly value and doesn’t have a feature emigrate your website out.
Drupal is a powerful platform this is popular with skilled coders and web builders, but it has a excessive gaining knowledge of curve that makes it no longer the fine alternative for novices. Joomla is almost like WordPress and is a great device for internet site constructing, however it does require at least some primary know-how of a way to write code to make matters work the way that you need.
If you need greater information, I’ve put together a comprehensive evaluation between WordPress, Joomla and Drupal.
If for some reason you don’t need to build your web site with WordPress, check out my Drupal, Joomla, HTML5 and website builder publications as properly.
At this point, you don’t want pass seeking out WordPress. Right now, you don’t want to to install it nor download it.
To make certain your internet site is installation the proper way, it’s crucial to finish the following steps under:
In Step 2, I’ll stroll you through the procedure of choosing a site name and locating a area to host your web page.
In Step three, I’ll show you how to installation and customize your WordPress internet site. Don’t worry – I’ll stroll you via the system, with lots of photos as a reference.
Step #2: Find a Domain Name and Host
Full Disclosure: This guide is reader-supported. If you click on our hyperlinks, we may additionally earn a commission. Thanks for supporting us.
In order to get a new internet site on-line, there are two things that you’re going to want:
A domain call (an internet address like yoursitename.com)Website Hosting (a service that connects your web site to the net)
The WordPress platform itself is loose, but hosting and domain name are not. However, the mixed cost remains much less than a espresso, with around $3 – $5 a month.
In order to appearance professional, you want to have your very own domain name, instead of having a free area that belongs to a person else (as an example, yourbusiness.my-loose-website.com.)
And, having a first-rate website hosting service will also assist you make certain that your website gained’t cross down and that it hundreds quickly (very critical for everybody who visits your pages.)
Where do I get a site name and hosting?
I’ve more often than not used www.Bluehost.com as a web web hosting and domain registrar for myself and for my internet improvement projects.
Their web hosting charges much less than a movie price ticket ($2.seventy five/mo) and that they throw in a FREE domain call (a nice perk to have).
Of course, you could attempt other web web hosting vendors and even try and host your web page via your self, but it’s a totally complex manner and often wouldn’t be able to serving your website visitors. So save yourself a few cash and get a proper net host.
With your personal area name, you also are capable of get a professional e mail account(s) like, [email protected] – this is a good deal greater professional than a everyday Yahoo or Gmail deal with, specially if you want multiple email bills.
Already have a domain call and hosting? Go beforehand and pass to step 3, where I’ll explain how you can set up your internet site.
What form of area call ought to I pick out?
When you’re selecting your area call, there are a few policies you should keep in mind:
If you’re putting in a commercial enterprise internet site, your area call have to healthy your corporation name. For instance: YourCompanyName.comIf you’re planning on making a non-public website for your self then YourName.com may be a terrific alternative.
For this website online (WebsiteSetup), I selected WebsiteSetup.org
Domain names generally stop with .com, .org or .internet, but these days, a huge variety of domain extensions (the ultimate part of the internet cope with, like .com or .org) have come out, ranging from .blog to .party.
My great recommendation? Avoid the unusual extensions and go along with .com, .internet or .org until they precisely describe your website – or even then, it is also better to go with a extra commonplace extension.
Any extra tips for choosing my area name?
There are a few matters that will let you pick out your domain name:
#1 Is it brandable? For example, if you make a website approximately poetry then pleasant-poetry-internet site.net isn’t always an excellent desire: poetryacademy.com or poetryfall.com is much higher.
#2 Is it memorable? Short, punchy and clean domains are an awful lot easier to recollect. If your area call is simply too fuzzy, too lengthy or spelled in a abnormal manner, traffic may neglect it.
#3 Is it catchy? You want a website name that rolls off the tongue, describes what you (or your commercial enterprise) does and sticks within the head. Coming up with a fab call may be a chunk difficult on account that there are more than 2 hundred million active domain names within the international right now – but don’t surrender.
There’s one rule that constantly applies to domain names: If you want it, pass for it.
Do some brainstorming to come up with a unique area call that displays your destiny internet site, business or blog.
Secure your web hosting and area name. For this, I endorse the usage of Bluehost.com, but you could choose any net host that’s reliable and straightforward.
UPDATE: I made a easy manual on how to get commenced with Bluehost (which website hosting bundle to choose & the way to install WordPress).
Step #three: Set Up a Website and Start Designing
If you have any questions/suggestions for this guide don’t hesitate to contact me. Remember: I’m right here to assist!
1. Install WordPress Site
There are two possible methods to put in WordPress, one MUCH easier than the alternative.
1. TO CREATE A WEBSITE WITH WORDPRESS, USE ONE-CLICK-INSTALLATION:
Almost all nicely-mounted and reliable net website hosting companies have included one-click on installation for WordPress these days.
If you chose to sign up with Bluehost or some other comparable web hosting company, you should find your “one-click on installation” either in the account creation manner or for your account manipulate panel.
For instance, those are the stairs you need to comply with to put in WordPress on Bluehost (the method could be very comparable or maybe the same on all the most popular internet website hosting corporations):
Go to Bluehost.comChoose your web hosting plan (cheapest plan is fine)If you have already got a website, type it thereFill for your records and choose your web hosting length (you may put off the “Extras”).Go through the payment method and create your accountLog in to Bluehost use “one-click on WordPress deploy” to Install WordPress
If you’re unable to discover it, look right here: How to Install WordPress on Bluehost.
2. MANUAL INSTALL (if your web hosting company doesn’t have an easy manner to do it)
If for a few peculiar purpose (some web hosting corporations don’t provide one-click-deploy for WordPress) you don’t have the option to put in WordPress automatically, look at this guide manual below:
Installing WordPress Manually (Click to amplify)’, ‘Installing WordPress Manually (Click to enlarge)’); go back false;”>Installing WordPress Manually (Click to make bigger)
2. Choose a Theme for Your Site (Free or Premium)
For the subsequent step, we’ll be diving into WordPress themes and a way to use and personalize them.
WordPress subject matters are design templates that make changing your web page’s looks plenty quicker and less complicated.
Luckily, WordPress has masses of topics to choose from. The professional WordPress subject listing on my own includes extra than 8,000, that are completely free to apply.
You can get right of entry to themes immediately from within WordPress without having to navigate to an external site.
For that, virtually go to Appearance > Themes, and click on the huge + signal that asserts Add New Theme.
Then use the quest bar to discover a theme that suits your web page.
You can click on on any subject inside the listing to view a demo of it and study more approximately its functions on its Details & Preview screen.
Once you find a theme you like, installation it with the aid of clicking the Install button in the Details & Preview display screen.
Once the install technique is whole, click the Activate button that looks in which the Install button used to be.
If what’s available in the reputable subject matter directory doesn’t match your needs, check out premium theme markets together with:
ThemeForestCreative MarketMOJO MarketplaceElegant ThemesThemifyStudioPressthree. Add Content (Pages and Posts)
Before getting to website online customization, you want to have a few content material to your site.
After all, it’s hard to personalize your website online while there’s nothing on it to reveal the adjustments. What you need in terms of content will vary depending at the issue rely of your website and your desires.
However, there are a few key pages that nearly every website has:
HomepageAbout web pageContact page
In identifying which pages to feature, bear in mind what data might be most beneficial to your visitors. You’ll additionally need to reflect onconsideration on visual content, such as pics.
To make matters less complicated, some WordPress subject matters come with web page templates for specific page sorts. Others additionally come with more than one format option for each web page.
To take advantage of those, go to Appearance > Customize.
In this example, we’re the usage of the latest WordPress default subject, Twenty Twenty-One to create a website. By default, it uses a static page because the homepage that you may configure beneath Homepage Settings. Use the dropdown menu to pick which page you need to serve as your website’s homepage.
Alternatively, if you need your homepage to characteristic your ultra-modern weblog posts, test pick out the option Your brand new posts.
Confirm your alternatives with the aid of clicking Publish within the upper left corner.
After that, you could circulate on to creating new pages in your website. For that, in the main dashboard, go to Pages > Add New.
The Twenty Twenty-One theme relies at the Gutenberg editor, so here I can add web page titles and content.
Within this page, you could upload features like pix and formatting.
Repeat this process to add additional pages in your web site.
four. Make Sure Your Website is Well-Organized
Think of your internet site as a library.
Your website shape becomes increasingly more important the extra content material you add to your internet site.
When studying the way to create a internet site, you want to get expert at organizing your site in a manner that makes experience in your site visitors and clean for them to get around it.
A important part here is the navigation menu. Once you’ve created a few pages, it’s time to cause them to available to your traffic at the website. You can try this under Appearance > Menus.
The first step here, is to present your new menu a call, then click Create Menu.
After that, you may select which content material to add to it on the left. For example, tick the containers subsequent to pages you need to appear in the menu, then click Add to Menu.
You can drag and drop menu objects in your favored order or even turn them into sub-objects by moving them underneath others like underneath. Once you’re satisfied, select the menu function wherein you’d like for this menu to seem (in this case Primary menu).
Click Save Menu once more and visit your website online’s the front quit to look the new menu in action.
Ultimately, you want to reflect a shape that makes feel for your web site and enables visitors get to wherein they need to head.
5. Additional Customization Options
For additional customization options, pass returned to Appearance > Customize. When you look around, you’ll see that it offers lots more options to make modifications in your web site. You are capable of modify different components of your web site like:
Title and taglineColorsTypographyBackground imageMenusWidgets
You can also make changes on your homepage, weblog web page, and add custom code. The alternatives that appear will vary depending on which subject you’ve set up.
Beyond subject matter customization, there are numerous plugins available for WordPress, each loose and premium. In the respectable WordPress plugin directory on my own, you may locate close to 60,000 plugins which can add all kinds of new features and capability on your web page. Plus, there are many greater to be had from 1/3-party marketplaces.
To set up new plugins, navigate to Plugins > Add New.
You’ll be presented with a list of some of the maximum popular plugins presently to be had. Use the hunt discipline to locate some thing else you are looking for.
To get plugins onto your website online, hit the Install Now button. Wait until it’s been downloaded and then click Activate. You can discover all plugins on your web site plus the opportunity to activate, deactivate, and delete them under Plugins within the WordPress fundamental menu.
As to what plugins you should install, a few choices worth thinking about include:
Yoast search engine optimization – A pinnacle search engine optimization plugin that provides on-web page optimization activates to every page and submit plus the option to personalize Open Graph social media tags. Jetpack – Includes a huge variety of functions to enhance internet site pace, optimization, social media integration, virtual marketing, contact forms, and site search. Smush – This plugin compresses photographs that are uploaded to WordPress, which saves storage area, and hastens page load instances. WooCommerce – This is the most famous e-trade store plugin for WordPress and makes it clean to installation an internet shop. More on it similarly under. MonsterInsights – This plugin provides Google Analytics for your WordPress dashboard.
If you want even extra manipulate over how your website seems, you may deploy a web page builder plugin. These plugins add drag-and-drop capability in your web site, because of this you can visually construct entire net designs — now not simply man or woman pages and posts. A few famous choices include:
Elementor – This all-in-one website builder offers visible website editing, fast load instances, and a enormous choice of templates to select from. Divi – Developed by Elegant Themes, Divi offers every other straightforward manner to customise websites. Beaver Builder – An clean-to-use web page builder plugin that accelerates web site design appreciably.6. Add a Blog (Optional)
Not every internet site wishes a weblog. However, growing one may be a great idea to often post clean content, show your know-how, and offer extra price on your site visitors.
To upload a weblog in WordPress, you first have to pick a weblog web page. Above, I even have already included that you can configure your homepage to automatically display your today’s posts. However, if you want a dedicated blog web page rather and hold your homepage static, you first need to create it.
This is as easy as setting up an empty page (Pages > Add New), naming it Blog (or whatever you want however Blog makes experience as it will routinely create the deal with yoursite.com/weblog in your blog web page), and publishing it. Then, choose it as your Posts Page both under Appearance > Customize > Homepage Settings or below Settings > Reading.
When saved, all blog posts will routinely appear on your preferred web page. Don’t forget to feature it in your navigation menu!
To upload weblog posts for your internet site go to Posts > Add New.
This will get you to the equal content material editor which you used earlier in your pages. Add a name and content for your weblog publish. Include photographs and formatting, headers, lists, and some thing else it desires. In the sidebar on the proper you furthermore mght discover options to use classes and tags, outline an excerpt, and set up a featured image.
Once you’re accomplished making adjustments, click on Publish. Your first post is completed, nicely achieved!
7. Adding an Online Store (Optional)
Not each website needs an ecommerce keep. But in case you need to understand how to make a website and consist of an online store, keeping analyzing.
The most popular plugin for this purpose is WooCommerce.
You can set it up quick, it offers many price options, and a wide variety of optimized topics to create an internet store. Plus, it has a number of extensions available for buy to personalize your e-trade site and adapt it to many purposes.
To learn how to add an internet keep to your website, comply with this manual.
eight. Configure SSL
A stable sockets layer (SSL) for your internet site manner facts despatched to your internet site’s traffic is kept secure. SSL is an important search ranking element, and it’s crucial to ensure a tremendous user enjoy by prioritizing consumer privacy and safety.
To test that SSL is energetic to your new internet site with Bluehost, do the following:
Log into Bluehost.Go to My Sites.Click Manage Site.Find the Security tab on the following display.Under the segment that says Security Certificate, confirm your Free SSL Certificate or SSL Certificate: Let’s Encrypt fame. The toggle ought to be switched to On.Verify SSL is set up with the aid of touring your website once more. A lock icon ought to seem subsequent to the domain name in your web browser’s deal with bar.nine. Launch Your WordPress Website
Once your web page is prepared, it’s time to officially launch it. Make sure to double-take a look at your settings and proofread your posts and pages one more time. If the whole lot seems desirable, click on the link at the pinnacle of the dashboard that announces Coming Soon Active.
After that, scroll down and hit the button that announces Launch your web site.
Now you can test your live internet site.
Click through each page to make sure all links work, your text looks right, and your photographs are formatted nicely (you may use this checklist for reference).
Congratulations! You’re now the proud owner of a new website.
Learning the way to make a website is no small feat, inspite of an in depth guide that will help you alongside the way.
At the equal time, it can be very pleasing while to procure a brand new talent and start seeing your hard paintings pay off.
But don’t stop right here. Use your new understanding to study more and implement extra complex functionalities and functions. This manner, you received’t just learn how to make a internet site however precisely the web site you want.