• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Videos/Twenty Twenty One Theme Tutorial – Create a Niche Website!

Twenty Twenty One Theme Tutorial – Create a Niche Website!



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

Written by:
Abdul Wahid
Published on:
October 29, 2021

Categories: VideosTags: how to make a website, make a website wordpress, twenty twenty one theme, twenty twenty one theme tutorial, twenty twenty one tutorial, website creative pro, wordpress theme tutorial, wordpress themes

Reader Interactions

Comments

  1. Robert Labedz

    October 29, 2021 at 10:10 am

    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

  2. 1emaniac

    October 29, 2021 at 10:10 am

    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.

  3. Brandon Gelfen

    October 29, 2021 at 10:10 am

    So strange, I don't have the boarder settings option. Any ideas? Also, thanks for the tutorial. Super helpful!

  4. bingostar7

    October 29, 2021 at 10:10 am

    Thank you so much. Very useful for me. I was totally lost until I found you

  5. Zachary

    October 29, 2021 at 10:10 am

    Thanks David, can we use these method to build a tour packages? How can we link it into receiving booking payment? Noob here…

  6. Mandy Covington

    October 29, 2021 at 10:10 am

    Thank you David. Absolutely brilliant.

  7. BoiBai.Online

    October 29, 2021 at 10:10 am

    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.

  8. Leo M

    October 29, 2021 at 10:10 am

    how can i disable the black background of link on click ?

  9. angga wahyudi

    October 29, 2021 at 10:10 am

    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

  10. Esat Dündar

    October 29, 2021 at 10:10 am

    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.

  11. cariDOTcom Web Design

    October 29, 2021 at 10:10 am

    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…

  12. Diógenes Raizel

    October 29, 2021 at 10:10 am

    Thank you master!

  13. Wing Chu Meditation

    October 29, 2021 at 10:10 am

    Really nice bro 😎

  14. deepesh chetwani

    October 29, 2021 at 10:10 am

    Bro one more thing homepage is showing different on mobile and different on desktop .

  15. deepesh chetwani

    October 29, 2021 at 10:10 am

    Can I follow this tutorial for hostinger also

  16. kensley lewis

    October 29, 2021 at 10:10 am

    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.

  17. Rico Rogers

    October 29, 2021 at 10:10 am

    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.

  18. GFit Nutrition

    October 29, 2021 at 10:10 am

    how do I get rid of the big space at the top of the theme

  19. Melanie Harris

    October 29, 2021 at 10:10 am

    Insane amount of value – thanks for that

  20. Dmitry Staritsky

    October 29, 2021 at 10:10 am

    Extremely helpful! Thank you!

  21. Ashok Sadhwani

    October 29, 2021 at 10:10 am

    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?

  22. jxoxxsxxxexxxxl

    October 29, 2021 at 10:10 am

    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?

  23. Paria Nomahani

    October 29, 2021 at 10:10 am

    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.

  24. Anime Or Else

    October 29, 2021 at 10:10 am

    How did you do the left and right padding for the welcome message that you have mentioned? Did you add css or html?

  25. Juan Highland

    October 29, 2021 at 10:10 am

    Awesome!

Primary Sidebar

Wordpress

  • Content Management Systems (2)
  • Digital Marketing (4)
  • Internet Marketing (28)
  • Latest News (458)
  • Online Business (2)
  • Plugins (519)
  • Themes (521)
  • Videos (1,350)
  • Website Development (1)
  • Woocommerce (589)
  • WordPress (6)

Recent Articles

Unlock Your Internet Marketing Potential with WordPress: Tips, Tools, and Strategies

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential with WordPress: Tips, Tools, and Strategies

Unlock Your Internet Marketing Potential: Harnessing the Power of WordPress

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential: Harnessing the Power of WordPress

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2025 · Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter