WordPress Complete Beginners Tutorial | How to Make a Website in 2024

Рет қаралды 4,500

Күн бұрын

Learn how to build a WordPress website from start to finish with this FREE 90 minute step by step WordPress full course! In this complete WordPress tutorial for beginners, I provide a total beginner's guide to building your own 3-page professional website. Plus, I show you how to set up SEO for your WordPress website and website's pages to improve your website traffic.
The best part? Everything in this video is totally FREE! I use the default WordPress theme, which is free, plus all free plugins and free creative apps to design this professional website. You won't need any Adobe software or premium plugins to build this website and design assets.
Enroll in My WordPress Simplified Course on Udemy:
www.udemy.com/course/wordpres...
The only thing you'll need to purchase is (optional) hosting and a custom domain name, if you don't already have those. However, WordPress can be installed on your computer for free to build test websites, or can be hosted for free without a custom domain.
Learn everything you know about designing a website with WordPress, plus how to create a blog and publish blog posts, and how to style your site using Full Site Editing, the Gutenberg Block Editor, and custom fonts and styles!
0:00 - Intro & Resources
0:12 - Install WordPress Through Your Host
2:27 - How to Install and Activate a WordPress Theme
4:30 - Install a WordPress Plugin (Create Block Theme)
5:34 - Import Custom Fonts (Free AI Font Generator Tool)
9:42 - Intro to the WordPress Site Editor
10:38 - Customize Your Theme's Typography
12:35 - Customize Your Theme's Colors (AI Palette Generator)
18:48 - Customize Your Site's Header (Upload Your Logo)
22:04 - Create a New Webpage (Intro to the Block Editor)
23:01 - Add a Hero Image (How to Insert Blocks)
28:09 - How to Save a Page Draft and Preview Your Site
28:54 - How to Edit a Page Template in WordPress
30:57 - How to Change Block Content Width, Spacing and Alignment
32:58 - Insert and Edit a Pattern (Block Template)
34:30 - How to Embed a Video On Your Webpage
35:45 - How to Add an HTML Anchor to a Block
37:40 - Add a Parallax Effect in WordPress
38:10 - How to Rename Block Groups in WordPress
39:52 - Add a Column Block and Duplicate Blocks
44:54 - How to Add a Two-Column List Block in WordPress
49:33 - How to Add a Synced Pattern in WordPress (Reusable Block)
52:06 - Customize Your Website's Footer in WordPress
55:28 - Set a Blog Page and Static Homepage in WordPress
58:27 - How to Add Blog Posts to WordPress
1:00:46 - How to Add Categories and Tags to Blogs
1:04:28 - How to Disable Comments on Blog Posts
1:05:12 - How to Create a Blog Page in WordPress
1:07:55 - How to Insert a Synced Pattern
1:08:50 - How to Edit Your Site Title and Tagline
1:09:32 - How to Add a Latest Posts Section (Query Loop)
1:14:45 - Designing a WordPress Contact Page
1:21:28 - How to Customize Your Site's Navigation
1:23:11 - How to Add a Button to Your Site's Navigation
1:24:38 - Install an SEO Plugin for WordPress
1:26:38 - Add an SEO Keyword, Page Title, and Meta Data
1:30:08 - Save a Custom Theme Style in WordPress
1:31:28 - Final Website and Final Thoughts
Enroll in My WordPress Simplified Course on Udemy:
www.udemy.com/course/wordpres...
Visit my website for more text and video tutorials:
www.daviesmediadesign.com/tut...
Get SiteGround hosting at a discount via my affiliate link:
www.siteground.com/index.htm?...
Get WordPress:
wordpress.org/
Get Inkscape:
inkscape.org/
Get GIMP:
www.gimp.org/
Huemint AI Color Palette Generator:
huemint.com/illustration-3/
FontJoy AI Font Pairings:
fontjoy.com/
Google Fonts:
fonts.google.com/
Facebook: / daviesmediadesign
Twitter: @DaviesMediaDes
Instagram: @DaviesMediaDesign
#WordPress #WebDesign #WordPressCourse

Пікірлер: 36

@DaviesMediaDesign 7 ай бұрын

Enroll in my 12 Hour WordPress Simplified Course on Udemy: www.udemy.com/course/wordpress-for-non-coders/?couponCode=SUMMER24-WORDPRESS

@ArtHeld 6 ай бұрын

This vid is so thorough, and so accurate, I purchased the Udemy course. Its' even better.... THANK YOU!

@DaviesMediaDesign Ай бұрын

@@ArtHeld Awesome - thank you! Welcome to the course!

@stabokbose 7 ай бұрын

Thanks a lot sir for making such an easy to learn, beautiful course. Respect from India.

@DaviesMediaDesign 7 ай бұрын

My pleasure!

@EJBS1991 7 ай бұрын

i needed this course, thanks a lot

@DaviesMediaDesign 7 ай бұрын

Awesome - thanks for watching!

@cbbcbb6803 7 ай бұрын

I like the three-page idea.

@DaviesMediaDesign 7 ай бұрын

Thanks - give it a try 👍🏼

@ibrahimkonuk-is3lj 5 ай бұрын

This is an extremely useful and well structured tutorial. I build my little web site within a week only using WordPress block editing following your tutorial. Thank you.

@DaviesMediaDesign 5 ай бұрын

Awesome - glad the video was able to help you get your site up and running! Thanks for watching.

@rakeshkumarphd 7 ай бұрын

Very nice tutorial! Exactly what I was looking for. No premium page builders which significantly reduces the cost.

@anitamoffatt4785 4 ай бұрын

That was great thanks. I'm working my way through Twenty Twenty Four as an absolute beginner in creating a website. What a learning curve. I'm pretty sure I'll enrol in your course. I hope you have a question and answer section in there.

@DaviesMediaDesign 4 ай бұрын

There's a bit of a learning curve at first, but once you understand it, it's a very powerful web design tool! Yes, the course does have a Q &A section. You can use this discount link if and when you decide to enroll: www.udemy.com/course/wordpress-for-non-coders/?couponCode=WP-SPRING-24

@anitamoffatt4785 4 ай бұрын

Thanks, I've enrolled. @@DaviesMediaDesign

@skfirojali2429 7 ай бұрын

amazing video , Very informative. I have been using WordPress from last year it was confusing at first but I am working great. Wroth the learning curve.

@DaviesMediaDesign 7 ай бұрын

Glad it was helpful!

@villalonga13 7 ай бұрын

This is a really helpful, well-explained and practical video. Thank you very much. I am now going to follow it to make my own site. My favourite tip was how to make the header area much neater as I had struggled previously to get rid of the extra unnecessary space. Thank you.

@DaviesMediaDesign 7 ай бұрын

Thanks for watching - hope you build a great site!

@Innermystics 2 ай бұрын

Hi, Thank you for the excellent guidance! I want to learn more Will your Udemy course be updated with 2024 theme and latest updates of Gutenberg? I see its last updated on November 2023. Thank you

@DaviesMediaDesign Ай бұрын

I just updated it two days ago with WordPress 6.5 updates. I intend to continue updating the course - I had a hiatus there for a few months because there was a bug with 6.5 that broke fonts integration, but I figured out a fix for it (outlined in the course updates). I hope you’ll join!

@Innermystics Ай бұрын

@@DaviesMediaDesign yup, I've joined. By any chance do you teach Bricks builder as well? Or Gutenberg is better than Bricks 🧱

@brianhardaway5469 Ай бұрын

I am using WordPress 6.5.3. Using template>pages I am unable to remove "Home". Please advise.

@DaviesMediaDesign Ай бұрын

Which part of the video are you referencing (you can use time stamps)?

@brianhardaway5469 Ай бұрын

WordPress problem - List view > header > add after > cover (There is an unwanted space of about 20px between the header and the cover block. There is nothing showing in the List View between these two blocks.) How can I remove this spacing.

@DaviesMediaDesign Ай бұрын

Make sure you are clicked on the Cover block. Go to the Styles tab (in the Block settings sidebar). Go to the Margin slider, slide it over to the right, then back to the left to 0. That should get rid of it.

@brianhardaway5469 2 ай бұрын

Cannot find 'Add Theme Font' on WordPress 6.5.3.

@DaviesMediaDesign Ай бұрын

Which part of the video are you referencing?