WordPress Gutenberg - The Ultimate Guide

  Рет қаралды 50,718

Jamie WP

3 жыл бұрын

Welcome to my ultimate guide to the WordPress Gutenberg Block Editor.
In this new Gutenberg WordPress tutorial I'll take you step by step through WordPress Gutenberg Blocks and how to use the Gutenberg WordPress Editor.
What is the WordPress Gutenberg Block Editor?
Gutenberg is a codename for a whole new paradigm in WordPress site building and publishing, that aims to revolutionize the entire publishing experience as much as Gutenberg did the printed word. The project is right now in the second phase of a four-phase process that will touch every piece of WordPress - Editing, Customization (which includes Full Site Editing, Block Patterns, Block Directory and Block based themes), Collaboration, and Multilingual - and is focused on a new editing experience, the block editor (which is the topic of the current documentation).
Blocks treat Paragraphs, Headings, Media, and Embeds all as components that, when strung together, make up the content stored in the WordPress database, replacing the traditional concept of freeform text with embedded media and shortcodes. The new editor is designed with progressive enhancement, meaning that it is back-compatible with all legacy content, and it also offers a process to try to convert and split a Classic block into equivalent blocks using client-side parsing. Finally, the blocks offer enhanced editing and format controls.
The Editor offers rich new value to users with visual, drag-and-drop creation tools and powerful developer enhancements with modern vendor packages, reusable components, rich APIs and hooks to modify and extend the editor through Custom Blocks, Custom Block Styles and Plugins.
(source wordpress.org)
👉 Sign up for my newsletter www.pootlepress.com/sign-up-to-my-newsletter/
👉 Contact me at: jamie@pootlepress.com
👉 My Free Gutenberg Tutorials www.pootlepress.com/wordpress-gutenberg-block-editor-guide/
👉 My Gutenberg WordPress plugins, including WooBuilder Blocks www.pootlepress.com/wordpress-plugins/ 🔥
👉 Test out Full Site Editing and our WooCommerce Gutenberg Plugins, pre-installed app.instawp.io/launch?t=woobuilder
👉 Join my WordPress club (and help support this channel) clubpootle.com/
Timeline
0:00 - Intro
0:33 - The classic editor vs the new Block Editor
1:33 - Gutenberg is also a plugin
2:00 - Making Gutenberg easier to work with
2:45 - Where to find page and post settings in Gutenberg
2:58 - The Gutenberg Block Library
3:15 - How to add Gutenberg Blocks
4.15 - Another way to add Gutenberg Blocks
4:34 - How to customize Gutenberg Blocks
5:20 - The Gutenberg Toolbar
6:31 - Gutenberg List View and Breadcrumbs
7:11 - Simple Blocks and Container Blocks
9:25 - How to work with Simple Blocks
10:40 - How to work with container Blocks
13:23 - How to delete Gutenberg Blocks
13:39 - How to delete more than one Block (in one go)
14:00 - How to move Gutenberg Blocks
14:37 - How to copy page content in Gutenberg
15:00 - How to add social icons to Gutenberg
15:40 - How to add a video to Gutenberg
16:50 - How to add HTML to Gutenberg
17:24 - How to align buttons in Gutenberg
17:52 - How to duplicate Blocks
18:36 - How to transform Blocks into different types of Blocks
19:00 - Transform text automatically in Columns
19:25 - How to group Blocks together
20:00 - Re-usable Blocks in Gutenberg
21:00 - Gutenberg Block Patterns
21:53 - Jump Links in Gutenberg
23:18 - Add CSS to Gutenberg
24:00 - WordPress Gutenberg code view
24:17 - Useful Shortcuts
24:41 - Publishing options
25:12 - Hide Blocks from Block Library
25:35 - WordPress Block Plugins
26:11 - WooCommerce Gutenberg
26:36 - Gutenberg Block Themes
27:00 - Full Site Editing (FSE)
27:25 - Gutenberg Front End Live Demo

Пікірлер: 216
@DenisonCarlosMS
@DenisonCarlosMS 3 жыл бұрын
The best video about Gutenberg!
@jamiewp
@jamiewp 3 жыл бұрын
Thanks so much Denison :) That might just be the best comment about the best video about Gutenberg :)
@carinaprincipaal9167
@carinaprincipaal9167 2 жыл бұрын
@@jamiewp eireofldlp
@DriveContact
@DriveContact 4 күн бұрын
@@jamiewp can you check my question please? because I'm down...
@jenniferward6821
@jenniferward6821 2 жыл бұрын
Ok it’s official - IN MY OPINION - for Gutenberg this guy is essential viewing. Terrific teacher.
@111two
@111two Жыл бұрын
This is by far the best guide on Gutemberg I've ever seen. Ever!
@simonkerridge
@simonkerridge 3 жыл бұрын
Another excellent video! Will certainly be recommending this to others who wish to learn about Gutenberg.
@jamiewp
@jamiewp 3 жыл бұрын
thank you Simon
@dalelarson3884
@dalelarson3884 2 жыл бұрын
WP newbie this week. Loaded 5.8 on Monday, 5.9 on Tuesday. Whoa, I gasped, what's up? Well, truth be told, you are - up to the task, indeed, of explaining things elegantly, minimally, clearly. Triple thanks. Your words, voice, and faint piano jazz are superbly helpful. Cheers!
@jamiewp
@jamiewp 2 жыл бұрын
Great to hear , thanks Dale 👍
@MarkEm
@MarkEm 3 ай бұрын
keeping the left menu and offing fullscreen was SO HELPFUL!! Thank You Jamie!
@jamiewp
@jamiewp 2 ай бұрын
Glad it helped!
@helenaananas
@helenaananas 2 жыл бұрын
This was by far the best tutorial of Gutenberg I've seen so far!
@jamiewp
@jamiewp 2 жыл бұрын
super thanks Helena 😀
@stevemcevoy2943
@stevemcevoy2943 Жыл бұрын
Jamie gives the best Gutenberg how-to I have seen. Fantastic, and will transform my website.
@bangmedia1
@bangmedia1 2 жыл бұрын
Great stuff indeed. Imagine the time we would all save if every KZbin tutorial were this concise.
@jamiewp
@jamiewp 2 жыл бұрын
Thank you 🙏
@FirebrandVOCALS
@FirebrandVOCALS 2 жыл бұрын
This has become my goto channel for Gutenburg tutorials ....Excellent presentations Jamie! Cheers!
@jamiewp
@jamiewp 2 жыл бұрын
That's great to hear -thank you , thank you 🙏
@fluteguitarbass
@fluteguitarbass Ай бұрын
Awesome stuff Jamie. And thanks for the pleasant music.
@kentek3141
@kentek3141 Жыл бұрын
Figured it out! All in settings. My ignorance is driving me nuts! Thanks for your support. kaw
@gps36
@gps36 2 жыл бұрын
Thank you so much Jamie. That was the best Gutenberg tutorial I have seen so far. Kudos!!
@jasonji1152
@jasonji1152 2 жыл бұрын
Wow! I'm impressed. Your demo is so clear and straight. Thanks
@jamiewp
@jamiewp 2 жыл бұрын
thank you - that's great to hear
@pelemaduragerenciador3505
@pelemaduragerenciador3505 6 ай бұрын
People make this so difficult when it is so simple! And you just proved it. Thank you so much.
@jamiewp
@jamiewp 6 ай бұрын
Thank you , that's great to hear
@primitives314
@primitives314 2 жыл бұрын
Just the right amount of detail to introduce the block editor and its concepts. Thank you!
@sohailshaikh9594
@sohailshaikh9594 Жыл бұрын
I am building an E-commerce website and just came across your video..At first I wasn't sure if Gutenberg was the right choice to build my woo commerce website but going through your video now has helped clear my doubts.amazing video, great presentation. Thank you so much, looking forward for more of your contents 😄
@brucebennett3362
@brucebennett3362 3 жыл бұрын
This tutorial is a very well constructed online and seamless Gutenberg presentation ... Jamie Marsland has nailed it with his pleasant soft voice-over and focused style that will serve anyone considering the workings surrounding Gutenberg. An absolute treasure to continually refer too. [ Bruce - M.E.N.].
@jamiewp
@jamiewp 3 жыл бұрын
thanks so much Bruce :)
@ghanwamalik9149
@ghanwamalik9149 Жыл бұрын
Thank you so much for assembling all the info we need to know. My client wanted me to work on this mode; I had no idea about this editor. But you appeared as my savior. You saved my time; I am grateful for it. Thanks for the great work, and best of luck with your future endeavor.
@jamiewp
@jamiewp Жыл бұрын
that's great to hear 👍
@DebErney
@DebErney Жыл бұрын
Your videos have been incredibly helpful to me with Wordpress. Great content that is hard to find. Thank you! Love watching your videos and learning so much.
@jamiewp
@jamiewp Жыл бұрын
Thank you so much 🙏
@martynpage4823
@martynpage4823 Жыл бұрын
Even though this guide has been out there for a while.....still very useful information...thank you Jamie!
@jamiewp
@jamiewp Жыл бұрын
thanks Martyn, tha's great to hear 😀
@arturmuellerromanov4438
@arturmuellerromanov4438 2 жыл бұрын
Reading about Gutenberg since a week but this was by far the best tutorial. Thanks
@jamiewp
@jamiewp 2 жыл бұрын
that's great to hear - thanks Artur 😀
@geraldheagney6038
@geraldheagney6038 3 жыл бұрын
Outstanding overview of the core blocks and how to customize.
@jamiewp
@jamiewp 3 жыл бұрын
Thanks so much Gerald - this one took a few days to put together :)
@jamiewp
@jamiewp 3 жыл бұрын
thank you ;)
@berniesr
@berniesr Жыл бұрын
I have been struggling to see the point of Gutenberg. This video however is very helpful and goes someway to helping me make sense of the block editor. I was never a big fan of the "classic" editor. Thanks for taking the time to make the video. 👌👌
@dmitrypaukov6409
@dmitrypaukov6409 2 жыл бұрын
Very nice information supply, thank you.
@ericjansen7437
@ericjansen7437 Жыл бұрын
Of course depending on your background, but this video has helped me a lot. Would have saved me weeks of puzzling and trying if I had seen your video earlier. Short, powerful, clear and to the point! Will definitely share this info with a lot of people, thank you so much
@jamiewp
@jamiewp Жыл бұрын
Thank you so much for your kind words
@sumitroy57
@sumitroy57 2 жыл бұрын
Thank you for this video, I was searching for a long time for the Gutenberg WordPress tutorial.
@ItisNigel
@ItisNigel Жыл бұрын
GOLD 🥇Moving from Classic to Blocks, this is a must video. Love the Editor Block Outline plugin, along with the Block Patterns directory 👍 Thank you.
@jamiewp
@jamiewp Жыл бұрын
Thanks Nigel - good luck in your journey to Blocks
@temeculablackcar2156
@temeculablackcar2156 Жыл бұрын
Thanks for this great video tutorial! Clear and concise. I have put off using this as my theme was great and I really had no need for it. I have had to change themes as it's no longer supported, and I figured it was about time to learn......there are so many tuts out there, I wish I'd found yours first!
@jamiewp
@jamiewp Жыл бұрын
Glad it helped 😀
@mightynutex
@mightynutex 2 жыл бұрын
Finally some good content on Gutenberg. So well presented. Thank you so much!
@demmyonline
@demmyonline 2 жыл бұрын
This is an excellent tutorial in more ways than one. Combined with the comprehensive index, it takes you directly to a task without any repetition or rambling. Anyone wanting to develop decent KZbin tutorials on any subject should watch this tutorial and use a similar style. I learned more in the past 30 minutes than I've done in three weeks. Excellent!
@octopusfly
@octopusfly 2 жыл бұрын
A super helpful video. Thanks for sharing! ~an American in Korea
@jamiewp
@jamiewp 2 жыл бұрын
Thanks Robert 👍
@ralfison
@ralfison 2 жыл бұрын
I'm new to WP and was a bit bewildered, staring at page-builder after page-builder, struggling to see how all the moving parts fit together. What an amazing breath of fresh air your video is, Jamie. So straightforward that I am now coming to the belief that I simply don't need a page-builder. Your video made me feel instantly comfortable with exactly how to develop a day-to-day workflow in WP. Absolutely excellent!
@jamiewp
@jamiewp 2 жыл бұрын
Wonderful, that's so lovely to hear. Thanks Patrick 😀
@ralfison
@ralfison 2 жыл бұрын
@@jamiewp I do now have one question if you can find time, Jamie. I decided to use Gutenberg and began my search for a theme. Upon looking at a list of themes (most paid), they all seem to offer functionality that appears almost identical to a plugin such as Elementor. I'm confused. I like to keep things simple, and am happy to edit using Gutenberg how you demonstrated in your video. Any advice would be a huge help? - Patrick
@jamiewp
@jamiewp 2 жыл бұрын
@@ralfison check out kadence, blocksy, generate press - all free versions should be fine - also we have a theme called 18tags which is worth a look
@TadDoylemusic
@TadDoylemusic 2 жыл бұрын
This is the best blocks tutorial I have found. Well done, and thank you.
@jamiewp
@jamiewp 2 жыл бұрын
Thank you so much 🙏
@freedemocrat1207
@freedemocrat1207 2 жыл бұрын
you are a wonderful teacher. thank you. people like you make teaching and learning a pleasure
@jamiewp
@jamiewp 2 жыл бұрын
thank you so much 🙏
@terencemilbourn
@terencemilbourn 2 жыл бұрын
Excellent overview of how Gutenberg works and how you can use it. Simple, clear presentation of all the steps you need to take in order to create a post/page. Well worth watching.
@jamiewp
@jamiewp 2 жыл бұрын
thanks Terence 😀
@peterderouck7942
@peterderouck7942 5 ай бұрын
Thanks man. I was out of webdesign loop for several years and this was a great reintroduction!
@jamiewp
@jamiewp 5 ай бұрын
Cheers Peter :)
@pagallery2969
@pagallery2969 2 жыл бұрын
Great video - you’ve demystified Blocks for me. Thanks
@jamiewp
@jamiewp 2 жыл бұрын
tks , that's great to hear
@GameImprovementGolf
@GameImprovementGolf Жыл бұрын
Wow best tutorial on GB I have seen thank you! I will soon have to move to using Gutenbert for my blogs and podcasts. A few questions... 1. I do a podcast and use Bluberry Powerpress. I have to a command at the start of a podcast post. Do I just create a small block and put the text for Powerpress in it, or do I do something different than that? 2. I am not sure how I set up the Blog or Podcast Title using Gutenberg. Is there a specific block for this, or do I use one of the available blocks? 3. Finally, not yet sure how I change text colors within a block. Often I use at least one different text color for some of the text within a paragraph. Thanks for the help. Using Gutenberg now seems a lot easier than I expected it to be, because of your video.
@SuperskillsCoUkTraining
@SuperskillsCoUkTraining 3 жыл бұрын
Having spent much of the afternoon trying to get used to Gutenberg, I found this a very informative video, with excellent presentation and a logical sequence. I enjoyed the background music, gently playing as the video went on - my only disappointment was that a waiter hadn't turned up with a Dry Martini by the end!
@jamiewp
@jamiewp 3 жыл бұрын
love it tks for the great comment and so pleased to hear it was useful
@WineGiftBoxMaker
@WineGiftBoxMaker 3 жыл бұрын
Great explanations. I struggle with deciding my own workflow : should I prebuild out totally with placeholders? Or take the time at each content piece step to find exactly what is needed. Decisions. Decisions.
@sydneyexpert
@sydneyexpert 2 жыл бұрын
I am wondering the same thing
@beazbox9325
@beazbox9325 2 жыл бұрын
This is AMAZING! Well presented - to the point. After using classic for years, Gutenberg has gotten me to doubt my abilities. It's been a struggle. Thank you so much!!
@jamiewp
@jamiewp 2 жыл бұрын
that's great to hear - thank you for taking the time to comment 🙏
@bakeraus
@bakeraus Жыл бұрын
Very good tutorial, paced extremely well and the piano is calming for my soul.
@jamiewp
@jamiewp Жыл бұрын
thank you 😀
@EricTViking
@EricTViking Жыл бұрын
Excellent video Jamie, thanks for the awesome overview.
@justinsmyrk1598
@justinsmyrk1598 3 жыл бұрын
OMG! Seems I've always had the block editor on Fullscreen Mode and I felt lost and bewildered without the sidebar. You've enlightened me sir, much appreciated!
@jamiewp
@jamiewp 3 жыл бұрын
Great to hear it was helpful Justin :)
@juliocesarsobrino6248
@juliocesarsobrino6248 Жыл бұрын
Thank you very much for this really ULTIMATE GUIDE!
@jamiewp
@jamiewp Жыл бұрын
Glad it was helpful Julio 👍
@Wesaveingold
@Wesaveingold 10 ай бұрын
Nice content. I would like a video ONLY talking about email optin forms and how to place them on page-on/in a blog and most important how to add them into the sidebar.
@winnieci
@winnieci 2 жыл бұрын
Thank you so much. It is a great video. I subscribed and will definitely watch your other videos.
@OscarGSuris
@OscarGSuris Жыл бұрын
Fantastic video on Gutenberg. Very well explained. Congrats! Are you planning to do a video on Gutenberg website templates? Thank you.
@jamiewp
@jamiewp Жыл бұрын
Yes I’ve done a few of Gutenberg site editing and templates- in fact I released one today 😀
@hobbybox500
@hobbybox500 Жыл бұрын
So simply explained! So easy to follow! Great Video!
@jamiewp
@jamiewp Жыл бұрын
Thank you - it's great you found it useful :)
@earthgraduate726
@earthgraduate726 2 жыл бұрын
Just wanted to say thanks for the clear explanation and useful videos you put on your channel . Great job . 👍🙏
@jamiewp
@jamiewp 2 жыл бұрын
thank you :)
@tomcha75
@tomcha75 8 ай бұрын
Thank you for the great video. A live demo of building all sort of pages would be awesome.
@jamiewp
@jamiewp 8 ай бұрын
Have you seen my website recreation series of videos?
@tomcha75
@tomcha75 8 ай бұрын
@@jamiewp No, I haven't. I just found you today. I will be checking out your other videos. Thanks.
@haukurhauksson121
@haukurhauksson121 3 жыл бұрын
This is a great overview of Gutenberg. Thank you very much for this.
@jamiewp
@jamiewp 3 жыл бұрын
Thanks Hauker, happy it was useful :)
@KeithChildress
@KeithChildress 2 жыл бұрын
Excellent tutorial. I really appreciate the hard work you put into making your videos and the way in which you present the information. You have a very pleasant demeanor. I'm looking forward to your deep-dive into WP 5.9. This video gave me a good head start.
@jamiewp
@jamiewp 2 жыл бұрын
Thank you Keith 🙏
@mikeryan5407
@mikeryan5407 2 жыл бұрын
Thanks Jamie. Helpful beyond measure.
@jamiewp
@jamiewp 2 жыл бұрын
Fab, thanks Mike 👍
@MichaelFidelis
@MichaelFidelis 2 жыл бұрын
great work Jamie! My favorite trick was the paragraph to column layout
@jamiewp
@jamiewp 2 жыл бұрын
Thanks Michael 👍
@kentek3141
@kentek3141 Жыл бұрын
You make it look so easy. I am still fighting the no post excerpt bug. Can you tell me what the post conditions must be to have them show up in a page?
@dennis_woo
@dennis_woo 10 ай бұрын
Thanks so much for making this video which was exactly what I was looking for
@jamiewp
@jamiewp 10 ай бұрын
Great 👍
@graphiydesign
@graphiydesign 2 жыл бұрын
Just feel like jump into another world from elementor ... this seem great, need to learn again and again... thanks for this tutorial...
@jamiewp
@jamiewp 2 жыл бұрын
my pleasure
@webopus
@webopus 2 жыл бұрын
Thank you for one of the most straightforward and comprehensive tutorials on Gutenberg. I've been making the painful transition from WYSIWYG editors like Dreamweaver to WordPress and your tutorial made all the difference. Question: Which block outline plug-in were you using? I installed Editor Block Outline and received nothing but errors. Thanks
@jamiewp
@jamiewp 2 жыл бұрын
Thanks Charles - if i remember i used the outline plugin that you used, what errors were you seeing?
@webopus
@webopus 2 жыл бұрын
@@jamiewp I honestly don't remember, but I tried to activate it a few times. All I got was a white screen and a text bubble with three options. None of them resulted in anything positive and I quickly deactivated and deleted it. I must add that I've had a few issues with plugins/themes not functioning properly, so I guess it's par for the course. Once I installed a theme - without activation - and it broke the site. I had to do a restore. Thank goodness I did a backup shortly before the install. My learning curve with WordPress has been a trial by fire. Thus, my excitement in discovering your channel. Thanks again for some great content. Your clarity in explaining the various steps is exemplary. My best to you.
@rogerlikes
@rogerlikes Жыл бұрын
Thanks for all the informative videos, I have been binge watching WP videos. I'm trying to get back into WP. By background was Drupal, until they had the big issue with all the drupal sites getting wacked. I had a few really cool sites where people could add data and post it. When Drupal sites started crashing I lost around 25 websites, and due to the amount of time it would take to fix them in drupal, I just let them sit idle. Now I am trying to figure this out with WP on the cheap or free if I can. Get my entrepreneurial mojo going again, because I have really good ideas for some community sites and the domains to back them up. So your videos one has motivated me to get out there and jump back into the game after seven years lol I do have a few questions that would help me if you or anyone else has a few minutes it would be greatly appreciated. Q1. On the back end to get the framework in it looks like I need WP, ACF Q2 What is the best free way ( or cheapest plugin for multiple domain use) to Present the custom fields on the custom single post pages? Q3 What is the best free way ( or cheapest plugin for multiple domain use) Visitor front end to add some custom fields to a post type? This will keep me from buying elementor just for the dynamic data access. Which seems pointless if I want to lean back away from page builders to blocks I found a new tool I love for spinning up WP sites locally on IOS "Local Sites". I can now watch a video and locally spin up a wp site to test the plugins, then delete it when I am done. I don't remember which channel I saw it on, but the software is free. It works well and maybe you could do a video on that for everyone thanks again, Roger.
@somanystadiums2106
@somanystadiums2106 Жыл бұрын
Great stuff - thanks for putting this out there.
@chezhugos2779
@chezhugos2779 Жыл бұрын
Because of this video, I finally understand Gutenberg, and yeah it's great
@jamiewp
@jamiewp Жыл бұрын
Thank you -- that's great to hear
@mattdaly6691
@mattdaly6691 3 ай бұрын
Thanks, Jamie. Super helpful!
@jamiewp
@jamiewp 3 ай бұрын
Glad it was helpful!
@katm1884
@katm1884 2 жыл бұрын
What is the name of the block outlines plug-in you use? I haven't used WP in a couple years so you're a real help!
@KarenLKlink
@KarenLKlink Жыл бұрын
Did I need this! How about a video for Mail Poet forms next?
@KaiBuskirk
@KaiBuskirk 2 жыл бұрын
Great Listen! Gutenberg, Jamie and Coffee! In a quiet house! Build a Strong Day!
@jamiewp
@jamiewp 2 жыл бұрын
Thank you 🙏
@BlackPanther.999
@BlackPanther.999 8 ай бұрын
Awesome video.. so informative and knowledgable.. Thanks for the effort of making this video. Can you show how to enable outline aroung the block as you show in video?
@jamiewp
@jamiewp 8 ай бұрын
Thanks - thats a plugin i find useful for demos called Block Outline
@chutman2344
@chutman2344 Жыл бұрын
Great Job i just started to put my hands to it
@jamiewp
@jamiewp Жыл бұрын
Great to hear 👍
@rosycspencer
@rosycspencer 6 ай бұрын
Great instructor. Do you have a favorite block builder and editor? I want to build a site for selling items. I would love to know your opinion. I really don't want to start from scratch.
@jamiewp
@jamiewp 6 ай бұрын
I would start with just WordPress and WooCommerce blocks
@pennyadams5511
@pennyadams5511 2 жыл бұрын
Hello great tutorial for a beginner - you talk a bit abut the the block outline plug-in can you tell me which one you use many thanks
@netdotsolutions7628
@netdotsolutions7628 2 жыл бұрын
thanks for details video. I searched many many videos on block... but no one is teaching how to create website home page header with navigation. Do you have any video on it? The showcase library has awesome websites made with block.
@mlsandreas
@mlsandreas 3 жыл бұрын
Amazing guide, thank you!!!
@jamiewp
@jamiewp 3 жыл бұрын
Thanks Andreas
@Ar-arProf
@Ar-arProf Жыл бұрын
Hi Sir! Thanks for this video. Is there an option for us to edit while using a tablet or mobile view?
@iliaskyvos953
@iliaskyvos953 2 жыл бұрын
I was looking for a video like this for more than a year
@jamiewp
@jamiewp 2 жыл бұрын
glad you found it :)
@iliaskyvos953
@iliaskyvos953 2 жыл бұрын
@@jamiewp i was looking for all keywords i could imagine except Gutenberg, (full website using only blocks,zero plugin website wordpress etc etc)
@jamiewp
@jamiewp 2 жыл бұрын
@@iliaskyvos953 ah interesting, glad you found it in the end (i'll add some of your searches into my description)
@superAweber
@superAweber 2 жыл бұрын
This is extremely helpful, thank you so much! Will 3rd party blocks I download like Kadence Blocks work with these same controls?
@jamiewp
@jamiewp 2 жыл бұрын
Hi, yes they will 😀
@paulysguitarjournal
@paulysguitarjournal 2 жыл бұрын
So much for thinking outside the box
@benappiah-poku9491
@benappiah-poku9491 2 жыл бұрын
Wonderful. Absolute genius
@jamiewp
@jamiewp 2 жыл бұрын
THANK YOU 🙏
@stuartmorley6338
@stuartmorley6338 2 жыл бұрын
Great Video as always. Putting the toolbar at the top is good but it has an issue. You can't seem to drag/move a block when it's at the top. The toolbar for the block also doesn't allow moving up or down if it's in a column or group so you can't move it all the way up or down. Sometime moving a block around the page causes the page to move up and down and you have to just drop it and then move using the arrows to get it where you want.
@jamiewp
@jamiewp 2 жыл бұрын
Hi Stuart, good point. I personally would use the new drag and drop list view for moving blocks (once wp 5.9 is released next week)
@stuartmorley6338
@stuartmorley6338 2 жыл бұрын
@@jamiewp Great Idea! - Didn't think about that!
@AnnieFinchPoet
@AnnieFinchPoet 2 жыл бұрын
so helpful and well-done. and relaxing. thank you.
@jamiewp
@jamiewp 2 жыл бұрын
thank you 🙏
@RichardBarleyphoto
@RichardBarleyphoto 2 жыл бұрын
Great video thanks for taking the time to make it
@jamiewp
@jamiewp 2 жыл бұрын
thank you 👍
@ЛацибаКостянтин
@ЛацибаКостянтин Жыл бұрын
Cool! Thank you! Very useful video
@jamiewp
@jamiewp Жыл бұрын
Great to hear 👍
@mannuu76
@mannuu76 3 жыл бұрын
Very insightful. Thanks for this video.
@jamiewp
@jamiewp 3 жыл бұрын
thanks Manuel
@chezhugos2779
@chezhugos2779 Жыл бұрын
I'm trying to figure out which extra plugin you installed, as for block editor. jamie, can you point me in the right direction? Cheers (edit) perhaps this is a bit vague, but what I mean is the extra thingy you installed, what you talk about in the beginning
@jamiewp
@jamiewp Жыл бұрын
Here you go wordpress.org/plugins/editor-block-outline/
@chezhugos2779
@chezhugos2779 Жыл бұрын
@@jamiewp Thanks!
@focalgain
@focalgain 2 жыл бұрын
Thank you for the great video. How do you get the block red outline to appear? I do not see such an option on my end. Thanks again
@jamiewp
@jamiewp 2 жыл бұрын
Hi , that’s a plugin I was using to help demo
@joaquimoliveira3780
@joaquimoliveira3780 3 жыл бұрын
What a wonderful video. Do More
@jamiewp
@jamiewp 3 жыл бұрын
thanks Joaquim - I'm on the case :)
@dblclx
@dblclx 10 күн бұрын
Hey there and I have a question, do you have any updated info, this seems to not match what I am trying to learn today. It is a great video but it has change over the past couple years. Thanks for the videos I am watching them all to get all that I can.
@wsdevelopmentse
@wsdevelopmentse 2 жыл бұрын
Awesome! Thank you
@tomfraser3086
@tomfraser3086 2 жыл бұрын
I'm switching from Divi. First challenge is I would like a fullwidth Image Header that maintains it's aspect ratio from one device to another... Ideas ?
@jamiewp
@jamiewp 2 жыл бұрын
I think you'd need to use the cover block, but add some media queries to use a different background image on mobile (but I'll have a think). Can you share the divi example page?
@paulsibson7517
@paulsibson7517 2 жыл бұрын
Hey, thanks for putting a lot into layman terms. I had a website designed for me and now he has disappeared and I have no idea how to change the look of my site. It looks ok but some of the writing isn't sitting right and no matter what I can't get it to look right. I have 2 pictures with writing underneath but one block of writing is lower than the other and makes the page look out of sync, I've tried everything like backup, enter and even putting spaces between them but it will not change. Any ideas ??
@jamiewp
@jamiewp 2 жыл бұрын
Hi Paul, can you share a link to the page?
@steveharmancambridge
@steveharmancambridge Жыл бұрын
Hi Jamie. To me sync'd patterns / re-usable blocks feels like a wasted opportunity, There's a good use case for creating sync'd blocks where the *structure* is controlled centrally but we could edit the *content* such as text & images wherever the block was used, without affecting the "sync master" or indeed pushing the edited content to all other instances where the block is used. For consistency & maintenance, who wouldn't want say a common section design as a sync'd block, use it everywhere but be able to manage its *structure* in one location. However we can't do that because if we used the sync'd block on a home page and edited its text for example - that text would be sent to every other instance of the block and indeed back to the master. Figma's "components" seems similar to sync'd blocks, but in Figma we're able to override content wherever a component is used, yet have the power of managing structure in one place. What do you say? :-)
@jamiewp
@jamiewp Жыл бұрын
Hi Steve, great points - did you see the Partially Sync'd patterns idea - this seems like it would do what you want?
@steveharmancambridge
@steveharmancambridge Жыл бұрын
Hi @@jamiewp Hmm.. not sure I did. Is it in this video? Might be time for me to watch it again. Can't have the cats going hungry.
@jamiewp
@jamiewp Жыл бұрын
@@steveharmancambridge nope it's not in that video - it isn't available yet, it's being planned by the dev team.
@steveharmancambridge
@steveharmancambridge Жыл бұрын
@@jamiewp Perfect, I remain ever-tuned. Thanks for all you do Jamie.
@MrsB_734
@MrsB_734 9 ай бұрын
Yes, this was helpful. I easily understood the block process because I learned DOS way back when (1980s) and associated it with a file cabinet with files. So that part was easy. And being a Wix user for so long almost everything else looked easy too. But what I don't get is why I am not seeing this block process with my template. I installed Gutenberg plug-in but its not working with my template. I open Glutenberg and I get the demo page not my site to fix like in your migrate video. When I first installed WP I followed another YT video and deleted all plugins and installed what they were promoting (elementor) I have since deleted that. Did I maybe delete a plugin that I needed? I'm so confused and so many videos later and frustrated. HELP Please.
@jamiewp
@jamiewp 9 ай бұрын
What theme are you using ?
@geraldtagg6506
@geraldtagg6506 Жыл бұрын
Excellent video, full of useful stuff, but the one question I've not seen answered is how do I associate a template with a page. I have created a header template part, and a footer template part, followed by a Page template incorporating them. I then designed a page and expected that when viewing it I would see my design neatly inserted between header and footer. No such luck; the header and footer are there, but there's no sign of the actual page content. I might have expected to see the page without the header and footer, but not the other way round. There must be some setting I've missed but I've not found it. Any ideas?
@jamiewp
@jamiewp Жыл бұрын
Did you add the post content block to the template?
@geraldtagg6506
@geraldtagg6506 Жыл бұрын
@@jamiewp It just gets better and better, Jamie. Thanks for that tip, during which I discovered I could play with the Page Title as well. It prompts me to suggest a brief video on pulling together these items ranging from Template Parts all the way through to a completed page/post. If you've already done one, I must have missed it!
@steefanoable
@steefanoable Жыл бұрын
hi Jamie, nice and pleasant video! do you know if i can make a slide gallery without plug in, coding or oder software? Best, Stefano
@jamiewp
@jamiewp Жыл бұрын
Hi, you'll need a plugin to do sliders
@jeannemartin9204
@jeannemartin9204 3 жыл бұрын
many many thanks ! amazing job
@jamiewp
@jamiewp 3 жыл бұрын
Thanks Jeanne :)
@jimbagsh9569
@jimbagsh9569 2 жыл бұрын
Is the Gutenberg plugin different from the Gutenberg Companion plugin?
@jamiewp
@jamiewp 2 жыл бұрын
Hi Jim - I’m not sure what the companion plugin is ? Do you have a link?
@pierre1tarin624
@pierre1tarin624 2 жыл бұрын
great thank you
@katm1884
@katm1884 2 жыл бұрын
What is the name of the block outline plugin?
@polleke59nl
@polleke59nl Жыл бұрын
Jumping links in pages with page-end doesnot work the same like you told. You need toe add the page before the anchor
@jamiewp
@jamiewp Жыл бұрын
Yup 👍
@KarenLKlink
@KarenLKlink Жыл бұрын
I tried this reusable blocks thing with a form with links and it didn't work-several links to where a person could buy my book and received a squished blank block of nothing.
@jamiewp
@jamiewp Жыл бұрын
Where you using a 3rd party layout block ?
Who’s the Real Dad Doll Squid? Can You Guess in 60 Seconds? | Roblox 3D
00:34
iphone designer studio📱🤣🤣
0:16
티곰
Рет қаралды 2,6 МЛН
What other buttons does this remote need?
0:31
Den Do It
Рет қаралды 1 МЛН
The damaged battery head isrepaired. #Battery #Repair
0:21
Hak Hang
Рет қаралды 34 МЛН
Дым-машина из Китая
0:57
Денис Шалюта
Рет қаралды 1,3 МЛН
Whats the best laptop? 💻
0:38
Adhemz
Рет қаралды 10 МЛН
Xiaomi 15 - АЙФОН ТЕПЕРЬ ДЛЯ НИЩЕБРОДОВ…
12:30
Thebox - о технике и гаджетах
Рет қаралды 272 М.