The Twenty Twenty One theme is one of the best free themes to come out by WordPress. It’s minimalistic, easy to customize and works well with the default block editor. Get your hosting for this tutorial and follow along ➡ https://davidutke.com/hosting
The Twenty Twenty One theme is more of a “blank slate” style theme (sort of like the Hello theme for Elementor) that works really well with the default Gutenberg editor. All you need to create a really impressive looking website is a few plugins like my personal favorite, Stackable and an easy to follow tutorial like this one.
You can create a beautiful looking homepage and effective looking blog posts. This theme is great if you’ve been looking to create any sort of niche website or pro blog. No it does not have a sidebar, but again sidebars are not particularly helpful to your visitors
▬▬▬
💻 W E B H O S T I N G
► Blue Host is the #1 recommended web host by WordPress and is the host we use in this tutorial. They are perfect to start with and provide all the resources and tools you need to grow a high traffic website/blog:
https://davidutke.com/bluehost
🚀 D O M A I N N A M E S
► I suggest Namecheap as your domain name registrar. They are my registrar of choice. Great prices, free whois protection and good support.
https://davidutke.com/namecheap
🔥 BEST COURSE
A framework for creating an income generating web property in 18 months:
➡ https://websitecreativepro.co/p/affiliate-marketing
▬▬▬
🕒 T I M E S T A M P S
This tutorial is made up of two parts, the website setup part and the design section. If you already know how to setup WordPress just skip ahead.
00:00 Start
00:52 Website Setup
20:35 Hero Image / Welcome Message
36:54 Homepage visual menu
52:58 Bio and email
59:01 Logo / favicon /menu
01:06:18 Essential Pages
1:19:30 Blog Post
1:25:46 Breadcumbs
1:31:46 Related Posts
1:33:48 Hide Powered by WP
1:35:38 Conclusion
▬▬▬
S U B S C R I B E
► Hey I’m David. I’m a professional blogger, web designer and highly rated UX consultant.
🔔 Subscribe if you’re enjoying the videos here – https://goo.gl/ZuLpFA
#makeawebsite
DISCLAIMER: This video and description contain affiliate links when possible, which means that if you click on one of the product links, I may receive a small commission. I only recommend products and services I actually use. Everything in this video is based on information acquired from years of online web development experience. Please do your own research before making any important decisions. You and only you are responsible for any and all digital marketing decisions you make. Thank you for watching and subscribe!
source
Robert Labedz
Hello David,
I am watching your video to set up my 2021 WordPress Theme but I don't have the full editing ability you are showing.
How do I access that?
Thank you in advance,
Robert
1emaniac
Please tell me how to change padding between logo a menu and cover picture? Even i did not write a title on my front page i looks like WordPress still havein place for it. The gap between them its ugly big. And one morę thing, where can i change font? I cant find it.
Brandon Gelfen
So strange, I don't have the boarder settings option. Any ideas? Also, thanks for the tutorial. Super helpful!
bingostar7
Thank you so much. Very useful for me. I was totally lost until I found you
Zachary
Thanks David, can we use these method to build a tour packages? How can we link it into receiving booking payment? Noob here…
Mandy Covington
Thank you David. Absolutely brilliant.
BoiBai.Online
Hey David, thanks for the video. I'm wondering will the display none CSS hurt SEO? Do you have any info on this? I herd Google doesn't like any invisible staff, bit this info might be outdated. Also by hiding it in CSS you don't removing the link itself. It will be still there in the html code on your pages.
Leo M
how can i disable the black background of link on click ?
angga wahyudi
hi David
thank you very much for the tutorial, very good and high quality
But it's a shame, if with a mobile view, it looks messy
Hopefully if you have time, you can make it look good, if on desktop, mobile or tablet
Esat Dündar
Sen nasıl bir kralsın. tüm yaptığın ve yapılacak icraatlar bir kenara, tüm kalbim ve duygularımla söylüyorum, mükemmel bir insansın. her şey için teşekkür ederim. rabbim işini gücünü rast getirsin. Solunda, bahtında açık olsun.
cariDOTcom Web Design
i understand this theme is free but I was following by this is SOOOOO VERY far from what I want my website to look like …. I'll pay my money for elementor or brizy or flatsome…
Diógenes Raizel
Thank you master!
Wing Chu Meditation
Really nice bro 😎
deepesh chetwani
Bro one more thing homepage is showing different on mobile and different on desktop .
deepesh chetwani
Can I follow this tutorial for hostinger also
kensley lewis
Just technical speaking, "we can" adjust the the logo to be centered with menu towards the right. You simply need to know how flexbox works and apply the appropriate css in the custom CSS box in customizer, for the header element area.
Rico Rogers
Thank you, David. I used this tutorial to totally redo my WordPress website using the Twenty Twenty One them and the plugins that you used. I am totally satisfied with the results.
GFit Nutrition
how do I get rid of the big space at the top of the theme
Melanie Harris
Insane amount of value – thanks for that
Dmitry Staritsky
Extremely helpful! Thank you!
Ashok Sadhwani
Hi David,
One valuable tutorial this! I sat through it in one sitting which is rare with my always-distracted mind. I was, though, looking for you to show us how to reduce the font size of the title text on the top of a page. Its so huge. Any tips here, David?
jxoxxsxxxexxxxl
Hi David, how can I make the featured photos of the blog post smaller? I think it is by default full-width, I want it a little smaller and aligned center. Any tips?
Paria Nomahani
hi there I have some difficulty with mobile mode. the problem is that I cant fit my website to the screen . like there is a scroll at the bottom which make this problem. how can I remove this scroll?
thank you for your kind responses dear David
your videos are awesome.
Anime Or Else
How did you do the left and right padding for the welcome message that you have mentioned? Did you add css or html?
Juan Highland
Awesome!