WordPress Twenty Twenty Theme demo so you can learn — and create — every feature in the new WordPress theme. All features and settings are explained so you can create a blog quick, easy and with confidence. Learn Bluehost too if you need domain & hosting.
Resources:
Get Bluehost discount: https://www.gregnarayan.com/bluehost
View demo site: http://bluehostsetup.com/
Download theme: https://wordpress.org/themes/twentytwenty/
Catch watch? Read our Written Guide to Install WordPress: https://easywebsiteideas.com/how-to-sign-up-with-bluehost-install-wordpress/
A few people asked me for that cool yellow hero image from Chaplin theme, here you go: https://andersnoren.se/themes/chaplin/wp-content/uploads/2019/07/chaplin-hero-1980×1760.png
We cover so much, you’re gonna love it!
Tour 00:00
Get domain and hosting at Bluehost the #1 WordPress hosting 02:10
Install WordPress 10:29
Login to WordPress thru Bluehost 14:38
Change password 14:55
Dashboard button 15:53
Get rid of Temp domain 16:19
Normal way to login 17:40
Install Twenty Twenty WP theme 18:08
Write first blog post 18:57
Get free HD images 19:37
Page structure 21:51 (the background now goes to white, I accidentally changed that off video in Customize â Colors!)
Homepage design 23:22
Hero image 26:00
Text area 27:19
Add videos 30:19
Put text ON TOP of the image with Elementor 32:14
Make it a PARALLAX image 38:06
Add more plugins for funcionality 38:43
Get a Facebook page like box 41:00
Trick to center like box 45:09
Delete widgets 45:45
Add more pages 46:53
Add contact form 47:48
Add a menu 48:46
Add more blog posts (and which posts work well!) 51:01
Full width wide column blog content in Twenty Twenty 54:35
Add logo 1:01:16
Customize walk thru 1:03:54
Add a Google map 1:10:07
Remove titles, white space etc with CSS (learn to code!) 1:11:51
Remove spacing in Elementor 1:18:54
Add buttons 1:20:17
Footer copyright 1:24:30
Launch blog 1:28:02
Enjoy and make a blog that makes the world better! đ
P.S. Here’s how to build a blog with Astra Theme: https://www.youtube.com/watch?v=8XsO5U17BY8
#WordPress.org #TwentyTwentyTheme
source
Hi there, when I try the part of css take out the padding in my web site is in red color so the changes can not take place, what should I Do?
Thank you Greg
Hey Greg. I hope you will see this question and maybe you can help me out here. How can we have our media(jpg,mp3,avi, etc) uploaded in a fine structured way ? For example if i want my logo.jpg to be http://www.abbccc.com/logo.jpg <– like this and not http://www.abbccc.com/wp-content/uploads/logo.jpg ? In wordpress of course.
Hi, Greg, I really enjoyed this video. If you were to make a similar one for the Twenty Twenty-One theme, I would definitely like to watch it! Happy New Year!
Thank you so much Greg. With this video I learned how to build and launch my first website. Being new to this, I was constantly pausing the video, taking notes, experimenting, etc. In the end I launched it and have an understanding of how to edit the site going forward. Yes, I subscribed!
I see that my site lines up correctly on a desktop but not so well on an iPhone. Any tips on how to make what is seen on my phone line up with what is seen on my desktop? Thanks!
awesome dude
Great video
Hi Greg. Great and comprehensive intro to 2020 theme. I really wanted to get rid of that ugly header title and used your Additional CSS coding tip to eliminate it. The I applied it only to the Home Page – as you showed us. Success ! But now the titles to all my Blog p[ages have disappeared – gone – vanished. Did that happen to you? How do I exclude them from the disappearing trick?
Thanks for this excellent video about Twenty Twenty. … Do you know if it is possible to add a sidebar to Twenty Twenty ?
I'm late to the party on this video. I'm working on a new website that requires me to bone up on word press and all it's new glory! Great video – thoroughly enjoyed this and very informative. New sub. p.s who downvotes this stuff????
Thanks for this nice tutorial!
Greg, I am following your tutorial on the 2020 wp theme and have customized the CSS code as you instructed and it deleted all page headings rather than just the homepage. I tried to insert the page id as you instructed but when I enter .page-id-10 to isolate the homepage only, the title returns to that page but all others are missing. If I use .page-ID-10 nothing happens at all. Any help is appreciated
The top image and text created in Elementor looks terrible on a mobile device. Is there a way to fix this?
*Great video tutorial by the way đ
Love the tutorial and downloaded Elementor but when I went to activate it, it brought down my whole Word Press and I lost everything. đ Had to reinstall WP.
im making a comp sci website and i think our domain is based off a potato thing is taking forever to load
Nice work. Full and complete.
thanks it was very thorough !
Hi Greg, This video was fantastic for me. However I do have one question about the CSS code. When I use my Page ID with the code it removes the header title from all my pages and posts. I guess I'm doing something wrong. The code I'm using is:
.page-id-176 h1.entry-title, h2.entry-title {
display: none;
}
Have you any suggestions? It would be much appreciated.
with using page builders like elementor any one can do anything with drag and drops. i thought you will change and add some code in files eg:- single,page,content, functions.php etc. what if u have deactivated the elementor plugin , u will left with shitty code and blocks.
Would this be a good theme for a family tree site or not?
Hi Greg, thanks a lot for the tutorial, its awesome and tremendous help. I am learning how to build a website and this is my second tutorial. I loved the first one, but after completing your tutorial, I am not going to see the third one or the first one again. I will now go back and follow your steps running parallel and create my own website. Look forward to update you how I progress within couple of weekends. God bless you.
Wow this is such a great tutorial. I tried to follow others, but they just left out steps and made assumptions about what the user knew already. Thank goodness I found you!
Guy belongs to INDIA somehow.
Fantastic, literally took me from start to finish. The only thing I am struggling with is creating my own copyright in the footer of the site. Whenever I try to update my theme editor, I get the below error message.
"Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP."
Any advice is appreciated đ