I’ve made many themes in Elementor themes and today I’m converting one of them into a Block Theme!
Yes indeed, Norman, a classic one page WordPress website is the perfect candidate to rebuilt in the Full Site Editor.
In this this Block Theme tutorial you’ll learn a ton on theming techniques, including:
- Building layouts in Gutenberg using Group and Column Blocks
- Getting creative with the Cover Block
- Setting up Fonts & Typography
- Creating your theme’s Color Palette
- How to create a Transparent Header
- Mobile navigation
- Styling the Mobile Menu
- Stying Contact Form 7
And loads more!
00:14 What you’ll learn in the workshop
01:03 Review of what we’ll be building
01:58 Font setup
03:28 Colors Setup
05:41 Typography setup
09:04 Cover Block Hero section
11:00 Banner section with Group Block
15:43 About section with Cover Block
19:08 Gallery section
23:27 Testimonial using Columns Block and icons
26:28 Contact us section using Cover block
27:57 Adding Contact Form 7 and styling it
31:13 Create the Footer
36:43 Make the Header transparent
41:13 Page scroll navigation
42:27 Mobile tweaks
Download the code and other WP goodies here: https://jakson.co/freebies/
Ciao!
Jakson
wordpress #blockthemes #pagebuilder #wordpressdevelopment
