In this video, we will go through How to Create A One-Page Website in WordPress Easily and Without using any Page Builder. The main focus is to help you easily build a cool looking page that includes every important information about what your website represents. Additionally, the page you’ve built will load super fast.
? Best WordPress Hosting for your One-Page Website: https://jackcao.com/a2hosting
? Download Images, Videos & Text Used in Tutorial:
вњ… Tutorial Materials: https://jackcao.com/download/portfolio
? Recommended Theme & Gutenberg Blocks (Used in this tutorial):
? Blocksy Theme: https://jackcao.com/blocksy (10% OFF: JCBLOCKSY)
? Stackable Blocks: https://jackcao.com/stackable (10% OFF: JACKCAO10)
? Kadence Blocks: https://jackcao.com/kadence-blocks (10% OFF: JCSAVE10)
? Subscribe for more WordPress Related Content: https://jackcao.com/subscribeвЂ‹вЂ‹
More about the video: We will be using something called “Gutenberg Blocks” to create the entire page. Gutenberg Blocks are native to WordPress, so you can be assured that core updates to WordPress will have lesser impact on Gutenberg Blocks.
And do not worry because Gutenberg Blocks are not what it used to be 2 years ago.
Now, it is as easy to use and as intuitive as most page builders out there. Gutenberg Blocks had a stigma of being difficult to use and complicated, but that has since changed.
I’ve created a lot of tutorials on using Gutenberg Blocks and many people who had used page builders in the past said that they will not go back to page builders after learning to use Gutenberg Blocks. In this video, you will learn why as well.
02:08 Setting Up the Website (Install Free Theme & Plugins)
05:39 Creating & Designing the Page Header
06:58 Adding Logo & Changing its position
08:08 Changing the Background Color of the Header
08:27 Adding & Designing Menu Items
14:05 Designing the Header Call-to-Action Button
15:03 Making a Transparent Header
15:32 Creating & Designing the Page Footer
16:15 Changing the Background Color of the Footer
16:20 Designing the Copyright Text
16:27 Introduction of Global Color Palettes in the Blocksy Theme
18:06 Adjusting the Layout of the Footer
18:25 Adding and Designing Footer Items
21:03 Creating & Designing the Hero Section
21:32 Hide Page Title
21:48 Adding a Call-to-action section with Video Background
25:54 Adding & Designing the Page Content
26:05 “About Me” Section
27:39 “My Services” Section
32:55 “Latest Projects” Section
35:14 “FAQ” Section with Accordion
37:26 “Contact Form” Section
41:25 Linking the Sections of the Page to the Menu Items
44:36 Optimizing the Page for Mobile Devices
AFFILIATE DISCLOSURE: This video and description may contain affiliate links, which means that if you click on one of the product links, IвЂ™ll receive a small commission. I won’t put anything here that I haven’t verified and/or personally used myself. And, you will never pay anything more than what it cost if you buy the product directly from the source. From time to time, I may even provide you with some discount codes to help you save money.