WordPress Complete Beginners Tutorial | How to Make a Website in 2024
Vložit
- čas přidán 10. 07. 2024
- 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
Enroll in my 12 Hour WordPress Simplified Course on Udemy: www.udemy.com/course/wordpress-for-non-coders/?couponCode=SUMMER24-WORDPRESS
This vid is so thorough, and so accurate, I purchased the Udemy course. Its' even better.... THANK YOU!
@@ArtHeld Awesome - thank you! Welcome to the course!
Thanks a lot sir for making such an easy to learn, beautiful course. Respect from India.
My pleasure!
i needed this course, thanks a lot
Awesome - thanks for watching!
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.
Awesome - glad the video was able to help you get your site up and running! Thanks for watching.
Very nice tutorial! Exactly what I was looking for. No premium page builders which significantly reduces the cost.
I like the three-page idea.
Thanks - give it a try 👍🏼
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.
Thanks for watching - hope you build a great site!
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.
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
Thanks, I've enrolled. @@DaviesMediaDesign
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.
Glad it was helpful!
I am using WordPress 6.5.3. Using template>pages I am unable to remove "Home". Please advise.
Which part of the video are you referencing (you can use time stamps)?
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
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!
@@DaviesMediaDesign yup, I've joined. By any chance do you teach Bricks builder as well? Or Gutenberg is better than Bricks 🧱
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.
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.
Cannot find 'Add Theme Font' on WordPress 6.5.3.
Which part of the video are you referencing?
Sir, Please create a single page/ landing page using default theme tutorial. Paying a site builder is bit costly for the startups.
This tutorial only uses free tools - you don't have to pay for the default Gutenberg Block Editor or Twenty Twenty-Four theme.
@@DaviesMediaDesign Sir, please make a tutorial about how to create a landing page tutorial using wordpress free theme.
Hi , can I hire you to do my web site?
I hate this new WP - nothing works as it used to. I feel lost :(
A lot has changed and it definitely takes some getting used to.