Block Theming Masterclass How to convert an Elementor site to a WordPress Block Theme

Описание: 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
https://jakson.co/

#wordpress #blockthemes #pagebuilder #wordpressdevelopment