Block Theming Masterclass How to convert an Elementor site to a WordPress Block Theme
Вставка
- Опубліковано 20 сер 2024
- 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: jakson.co/free...
Ciao!
Jakson
jakson.co/
#wordpress #blockthemes #pagebuilder #wordpressdevelopment
New subscriber! Saw your video and my brain started singing "a whole new wooorrrlldddd"
Indeed it is Kali - Block theming is a whole and glorious new world!
Thank you for sharing, to me this was great
Thanks for the feedback Lee! Glad you found it useful!
Hi JAKSON, I registered for the course "Block Theme Primer - make a one-pager" but when filling out the form I got the error "Captcha validation failed"
Hey Khôi - I'll check the the validation and get back to you here - plus try the "ask me anything" and see if you have same issue?
@@wpjakson Currently I click on it and it just spins and nothing appears 😅
@@wpjakson It seems like Popup has a problem
@@chaunguyenbao8662 Hey, thanks for the heads up - looks like there's an issue with JetPopup since it was updated - am on it!
@@chaunguyenbao8662 thanks again for the heads up - think thats fixes now!
Glad i found this channel
Hey Vivek! And i'm glad you're here! thanks for your comment!