WordPress Tutorial for Beginners (2024) – How To Build A WordPress Website

WordPress Tutorial for Beginners (2024)
In this video, I’m going to show you how to build a WordPress website in less than 60 minutes, with no previous experience or web design skills.

#WordPressTutorial #WordPress #2024


About the Website:

We are going to be building this website using WordPress.org. It’s going to have a few different pages, with text, images and clickable links. It will have a contact form, so our visitors can send us a message. And the website’s also going to be 100% mobile friendly, so it’s going to look awesome on any device.


🔗 RELATED LINKS

Bluehost Link:
https://letsbuildwp.com/bluehost-link

GeneratePress Theme Color Options:
https://docs.generatepress.com/articl...
(the other color options are on the left)


Already got WordPress installed?
You can skip to 08:23 in the video to get straight into building the website.


Please Note: You might notice that it says 2023 in a few places throughout the video, like my websites footer and the “hello world!” demo blog post. These parts were recorded in 2023, but most of this video was recorded in 2024. Plus, I have double checked everything is the same before I published it. So, everything in this video is 100% up to date for 2024 (at the time of publishing).



❤️ SUBSCRIBE (SHOW SOME LOVE)

Please consider subscribing for more WordPress tutorials and videos in future.
Click here:    / @letsbuildwordpress  

Don’t forget to turn on notifications 🔔 (thank you!)



⏱️ TIMESTAMPS

00:00 – Introduction
00:34 – Example Websites
01:38 – What We Need
02:50 – Register Domain and Hosting for Website (Bluehost)
05:31 – Log into Bluehost
06:01 – Install WordPress.org
08:23 – The WordPress Dashboard
09:16 – Remove Demo WordPress Plugins
10:50 – Install WordPress Theme (GeneratePress)

13:19 – WordPress Theme Options

13:54 – Site Identity (Site Title, Tagline, Logo, etc)
17:25 – Website Colors
19:24 – Website Typography (Fonts)
23:31 – Create Menu (Add Pages)
26:51 – Assign Home Page

28:31 – Add Content to WordPress Pages

28:49 – Add Main Text
29:14 – Create Text Headings
30:12 – Create Bullet Lists
30:52 – Add Images
32:02 – Add Clickable Links
32:59 – Preview Pages

35:30 – Update Email Address

Creating A Contact Form

37:02 – Install WordPress Plugin (WPForms)
37:40 – Create Contact Form
40:38 – Add Contact Form to Page

42:03 – Hide Home Page Title (Optional)

43:28 – Change Sidebar (Widgets)

44:29 – Remove Demo Widgets
45:55 – Add Text Heading
46:49 – Add Text
47:17 Grouping Widgets Together
47:49 – Add Image
49:00 – Add More Blocks

50:05 – Outro



👍 𝗣𝗟𝗘𝗔𝗦𝗘 𝗟𝗜𝗞𝗘 𝗧𝗛𝗘 𝗩𝗜𝗗𝗘𝗢
(I’d really appreciate it!)



How To Build A Simple WordPress Website (2024)

In order for us to build our website, we need 3 things:

1️⃣ Content Management System (CMS)

A Content Management System, or CMS, is what we will use to build the actual website.

And for this tutorial, we’re going to be using wordpress.org.

WordPress actually powers over 40% of all websites online.

It’s the same platform used by companies like Forbes, TechCrunch, and Sony for their websites.

And It’s 100% free to for us to download and use.

Note: We’re going to be using WordPress.org in this video, the steps may be different on WordPress.com.


2️⃣ Domain Name

A domain name is usually the name of website or business, with www. before and .com after it.

And it’s what people are going to type into their internet browser, to visit our website.

So, for example www.google.com or www.amazon.com.


3️⃣ Web Hosting

Then, web hosting is where the different files that make up our website will be stored online, so people can access it when they visit our domain name.

How it Works:

1. User types our domain name into their internet browser.
2. The domain name redirects them to our web hosting.
3. The web hosting loads up WordPress (our website).


Now, there are tons of places online to get domain names and web hosting.

But, for this video, we’re going to be using bluehost.com.

Bluehost are a well known hosting company with affordable pricing and great support.

They also offer a free domain name with all of their hosting packages.

And they’re even recommended by WordPress.org themselves, as their top choice for hosting.



💬 LEAVE A COMMENT

Did you find manage to follow along with this tutorial and build your website?

Please let me know in the comments.



COLOR CHANGES

If you want to build the exact same website as me, these are the colors I changed at 17:25 in the video. The color hex codes are in brackets.

BODY

Background = White (ffffff)
Link = Purple (7d2de6)

HEADER

Background = Black (131313)
Site Title = White (ffffff)
Tagline = Light Grey (f5f5f5)

PRIMARY NAVIGATION

Navigation Background = Black (131313)
Navigation Text = White (ffffff)
Navigation Text (Hover) = Light Grey (efefef)

BUTTONS

Background = Purple (5e10eb)

Note: The rest of the colors were left unchanged.