Gutenberg WordPress Tutorial with Kadence Blocks (Easiest way to edit with Gutenberg!)

  Рет қаралды 29,123

IdeaSpot

IdeaSpot

Күн бұрын

Пікірлер: 55
@terramoo6936
@terramoo6936 4 ай бұрын
You have a bob ross way of explaining! very relaxing and calming in time of stress trying to figure out how the hell to build a website!
@jimjuris
@jimjuris 3 жыл бұрын
I am just getting started with Kadence free theme and Kadence blocks. Fantastic tutorial. Thank you for creating this video. I learned a lot.
@HullioGQ
@HullioGQ 4 жыл бұрын
I asked for this and didn't realize you did it just a week after my request. You're one cool dude, bro! Thank you so much!
@IdeaSpot
@IdeaSpot 4 жыл бұрын
Thanks for the idea :D usually if one person asks it means a lot of other people are thinking the same thing!
@HullioGQ
@HullioGQ 4 жыл бұрын
@@IdeaSpot much respect! Please keep doing these videos since everyone else is focused on page builders. I am working on a Gutenberg-based site with no caching plugins and it's getting better results than another one I did withElementor, CDN and caching plugins all optimized.
@thepurpleufo
@thepurpleufo 3 жыл бұрын
Alex...so I'm watching this a couple of months after you created it, but it's very helpful...and I appreciate the hard work you put into these videos. There are lots of good videos on KZbin - yours are some of the best - and I appreciate all the detail. Also, by the way, I don't have any trouble understanding your voice.
@IdeaSpot
@IdeaSpot 3 жыл бұрын
Thanks 🙏 love to read feedback like this - good luck on your project 😀
@jeffbarnhart6441
@jeffbarnhart6441 2 жыл бұрын
learned about the divider. keep doing these
@carstenaltena
@carstenaltena 3 жыл бұрын
You must be the Bob Ross of webdesign!
@janeksnowski
@janeksnowski 3 жыл бұрын
I was really struggling to find my way around the menus but WOW! you have helped me a ton to find my way Thanks a lot! :-D
@GardeniaLimo
@GardeniaLimo 3 жыл бұрын
one of the best tutorial i have watched, Start apply my first project website. Thank you
@VeroLaos_lahausse
@VeroLaos_lahausse 4 жыл бұрын
Hi my kadence websiteis Not showing up properly on mobile - do you talk on that in one of your tutorial? thank you
@andrewmossop6547
@andrewmossop6547 3 жыл бұрын
Thanks 🙏 random question moving away from Elementor theme builder to Kadence blocks speed your website up?
@romtekch4958
@romtekch4958 2 жыл бұрын
It's hard to see a question in your comment. Consider revising it.
@MrManav05
@MrManav05 4 жыл бұрын
It was a bit fast paced but , this exactly I was looking for ! Thanks a lot for the Video !! I would like to learn more about Kadence theme . Before this I have been following your Generatepress and Elementor tutorial which is also great.
@IdeaSpot
@IdeaSpot 4 жыл бұрын
Glad you liked it!
@premkumarelangovan
@premkumarelangovan 2 жыл бұрын
Great video. Thanks.
@yapchenpo95
@yapchenpo95 3 жыл бұрын
Great! Request: Mobile version tutorial
@tomfraser3086
@tomfraser3086 2 жыл бұрын
Ive moved many of my websites from Divi to Gutenberg (Kadence pro) I do have a divi website with around 100 posts, each with Galleries and (Ultimate Video) Video Players. Am I asking for trouble toying with the idea of converting it from Divi to Kadence ?
@Jsallette99
@Jsallette99 3 жыл бұрын
Great tutorial... Love your voice... very calming and easy to listen to... thanks for being so thorough in this video...
@IdeaSpot
@IdeaSpot 3 жыл бұрын
Thanks so much! 😊
@carstenaltena
@carstenaltena 3 жыл бұрын
@@IdeaSpot Reminds me of Bob Ross ;)
@kerawelt2008
@kerawelt2008 3 жыл бұрын
Very interesting tutorial. Thank you !
@GG-rm6hd
@GG-rm6hd 3 жыл бұрын
How does the result looks on mobile devices?
@saminator358
@saminator358 3 жыл бұрын
Thank you Alex. This was a great tutorial. I'm also learning with Gutenberg / Kadence Blocks setup and aim to move completely from Elementor / Visual Composer. Even Gutenberg+ Kadence is very light and user friendly combination, biggest issues I'm facing are related to a previewing of content and making it mobile responsive. Often mobile preview is very much different compared to a live view and sometimes changes (especially paddings and margins) are not taking an effect at all. This makes it difficult & time consuming to work with. Do you know are these problems related to Gutenberg or Kadence Blocks ? Thanks!
@IdeaSpot
@IdeaSpot 3 жыл бұрын
Agree, the mobile preview is still Pretty fiddly - the fastest workflow when I was starting out was add the kadence blocks row element, choose a pre built row and edit from there, because those are all very well mobile responsive already
@carolynbest1530
@carolynbest1530 2 жыл бұрын
How do you imitate a site's layout if its not Elementor...just some random site that I like their layout and colors?
@AB-tp1qe
@AB-tp1qe 4 жыл бұрын
Thanks for the video!
@FirebrandVOCALS
@FirebrandVOCALS 2 жыл бұрын
I know this is unrelated to Kadence - But why does the Astra templates not extend full width when viewed in Gutenburg? it's very strange to work with. Cheers!
@sfetcucristian2949
@sfetcucristian2949 3 жыл бұрын
Usefull. Thx
@FOREXanalysis-
@FOREXanalysis- 2 жыл бұрын
Does Kadence Blocks 100% FREE or Do we need to pay also like Elementor?
@martynpage4823
@martynpage4823 2 жыл бұрын
This is the Kadence Blocks video you refer to in other videos - but is also a couple of years old....also pixels being used instead of VH, VW, Rem, and Em units....Very good video - would be nice to see someone that is a developer take the bull by the horns and really make Kadence blocks defaults come into todays web development...not using pixels for most of the design elements....
@IdeaSpot
@IdeaSpot 2 жыл бұрын
👍 pixels are the devils playthings 😅
@martynpage4823
@martynpage4823 2 жыл бұрын
@@IdeaSpot You are not kidding...;)
@ChakritTansakul
@ChakritTansakul 4 жыл бұрын
Thank you for the tutorial. You got a new sub.
@IdeaSpot
@IdeaSpot 4 жыл бұрын
Awesome, thanks for watching
@rainbowsunshinekitty3953
@rainbowsunshinekitty3953 3 жыл бұрын
How do I edit the mobile versions in Gutenburg and it not change my desktop version? I need to change some things to make them mobile friendly but I don't know the wording, so I don't know how to look it up. Example, I have a tabs section in desktop version but need accordion for mobile. How do I those display diffrently? When I edit one it changes the other.
@galacticambitions1277
@galacticambitions1277 3 жыл бұрын
Fantastic video. How would you get the colour codes for shading the background image without using a page builder like Elementor?
@IdeaSpot
@IdeaSpot 3 жыл бұрын
Hi, sometimes I use the eye dropper extension for chrome in my browser, or you could choose the colour in Canva.com or some other websites eg: htmlcolorcodes.com/color-picker/
@galacticambitions1277
@galacticambitions1277 3 жыл бұрын
Thank you so much! I really appreciate how you have helped me today. It's really solved and clarified a lot of things for me. Thank you for your generosity with making the videos and replying to viewers!
@IdeaSpot
@IdeaSpot 3 жыл бұрын
Thanks, it’s getting harder to answer everyone these days but I’ll do as many as I can 😅
@galacticambitions1277
@galacticambitions1277 3 жыл бұрын
Really appreciate it!
@NathanHolritz
@NathanHolritz 3 жыл бұрын
REALLY appreciate this video! Extremely easy to follow, thanks! I'm curious if you have any content that deals in how to make our pages responsive for mobile? I didn't see any on the channel, but I may have missed something. Thanks! :)
@IdeaSpot
@IdeaSpot 3 жыл бұрын
I think the fastest workflow in gutenberg is to use kadence blocks 'row layout' block and used the pre built library: www.kadenceblocks.com/prebuilt-library/ because they already have great mobile resposiveness & just change the content to suit
@NathanHolritz
@NathanHolritz 3 жыл бұрын
@@IdeaSpot Wonderful, thank you
@Ruben-yc1hn
@Ruben-yc1hn 4 жыл бұрын
Very helpfull! thanks.
@IdeaSpot
@IdeaSpot 4 жыл бұрын
Thanks 🙏
@jamesmarsh4047
@jamesmarsh4047 4 жыл бұрын
Thanks alex. I get confused changing images in the info box and then having them not fit right
@IdeaSpot
@IdeaSpot 4 жыл бұрын
thanks for watching :)
@izakniemann5734
@izakniemann5734 3 жыл бұрын
I just can't stop watching the part where you say "Pretty much anything we can do in Elementor, we can recreate just using Gutenberg with this Kadence blocks plugin".
@romtekch4958
@romtekch4958 2 жыл бұрын
It's a pity you started with Kadence theme. I need to see how to use Kadence blocks with a pre-existing theme.
@cliqueimarketing
@cliqueimarketing 3 жыл бұрын
so we are going to stop using elementor and using this way since the price rise
@robertzoufood
@robertzoufood 3 жыл бұрын
Yeah, Kadence theme is VERY CUSTOMISABLE (you can edit the header, footer, sidebars etc.) and when you add this plugin and you get elementor pro for free and still get a 99 pagespeed insights score.
@weshen83
@weshen83 3 жыл бұрын
Hi Alex, just an honest opinion, and not sure if I am right. But speaking for myself, I love the information you convey but it is really difficult to listen to you. It sounds like you try too hard to use a kind of "radio DJ voice". I really mean this constructive and hope you aren't offended because I say this in public. And I wish you all the best with your channel!
@NinaKatharinaWeber
@NinaKatharinaWeber 2 жыл бұрын
This. I couldn't put a finger on what the presentation reminded me of. But I felt tempted to email the video link to the Calm app and suggest they add this video to their sleep stories. And I also don't mean that in a very critical way - lovely voice and presentation, but it kind of blurred for me when I was trying to listen to it all in one go while following along in Wordpress.
Beginners Guide to Blocks and Gutenberg in WordPress
14:58
Jonathan Jernigan
Рет қаралды 37 М.
Gutenberg Tutorials | Better Designs with FREE TOOLS
16:58
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 154 МЛН
УДИВИЛ ВСЕХ СВОИМ УХОДОМ!😳 #shorts
00:49
HARD_MMA
Рет қаралды 4,5 МЛН
When Cucumbers Meet PVC Pipe The Results Are Wild! 🤭
00:44
Crafty Buddy
Рет қаралды 60 МЛН
Accompanying my daughter to practice dance is so annoying #funny #cute#comedy
00:17
Funny daughter's daily life
Рет қаралды 22 МЛН
Kadence Vs Blocksy - Best Free WordPress Theme for Gutenberg?
16:16
Basics of Gutenberg Tutorial | What is Gutenberg WordPress
12:18
Jack in the Net
Рет қаралды 62 М.
How to Build Really Fast Landing Pages With Gutenberg + Kadence Blocks
32:57
StartBlogging101 - WordPress Without Page Builders
Рет қаралды 19 М.
I tried every website builder. This is the BEST
19:31
Steve Builds Websites
Рет қаралды 211 М.
How to easily use the Kadence and WordPress Blocks Editor
20:59
Nicola Tweed
Рет қаралды 2,8 М.
WordPress Gutenberg - The Ultimate Guide
27:59
Jamie WP
Рет қаралды 52 М.
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 154 МЛН