 Yes, well Good morning So I sort of half missed all the hands raised on Gutenberg, but how many people have heard of it Do you still want my talk? How many people have used it? Oh Okay Well, hopefully I can bring some new insights Because it's more than I expected Gutenberg is sort of the hottest topic on word camps at the moment When you look at work comes around the globe It's it's on every agenda because it's it's gonna come. We know that And yeah, I find in my own client group that a lot of people have not heard about it or haven't seen it so Therefore I felt the urge on on training my clients and explain them what's coming instead of them going for their Updates when WordPress 5 is coming and they go like click and the next morning they want to publish something And I go like what's this because it's gonna bring some change and I'll for the people who haven't seen it I'll show you that in a minute So first a little bit about myself I see quite a few familiar faces But I'm Monique the woman. I'm self-employed under the name boom media or Boom ideas as some call it. I don't know why I call myself a digital strategist strategist, which is a difficult word in English as well And I'm an information architecture Architects which is part of design that covers structuring of content because I think there's a lot to be gained in that part of publishing and Website building as well Well, I'm from 1971 so you can do the math I started being self-employed in 2007. I have my own webshop and I've been working with WordPress professionally since 2011 so that's a little bit about me So yeah, my talk is not going to be very technical because we probably have a lot of different people from different backgrounds here So if you want technical background from developers, there's probably quite a few people here who can fill you in on that But I'm going to tell you what it is. Why do we need it? How does it look and feel and I'm sort of not really pressured but people seem to do live demos on this so I'm gonna do one as well and The big question. When can we expect it? And I'd like to open with this quote by this man called Matt Mullenweig who we saw before and He said in one of his blog posts we called it Gutenberg for a reason And what that reason is Explained it later and he said as well It's about a lot more than just blocks our Gutenberg moves every part of the WordPress ecosystem forward and that's quite a big vision actually and Is Mike Gruppen here already? Not yet. Anyway He taught me that using a little history in your talks can be good things So I thought I'm gonna use that as well and I have a question Does anyone know who this happy guy is good to work something else? Martin Luther Koster does anyone know why I'm showing him Can anyone tell me that as well? Rengus. Oh Does anyone want to tell me? Yeah So people say he's the actual discoverer of book printing There's discussions about that as well. I Did graphical school here in Rotterdam in the 20th century at some point So when I was there we learned that Loudon Johnson Koster was the Dutch guy who invented book printing and that German guy Gutenberg Dutch the Dutch invented it So he's even got a statue in Harlem when you go to the main square in Harlem So we called Gutenberg for a reason we may have called it Koster for a reason Which would have been a good name, but what is his name? Going back a little bit This guy turned out to be a fraud Well, I'm not sure if he was a fraud, but in the end he wasn't the one who invented it And now all the credits go to Gutenberg Actually, he didn't invent book printing. But what Gutenberg did is he invented the characters in Woot Before that there was block printing already But they did full pages like one page per print and what he did is he invented like loose typesets that you could combine Into anything you want and that was pretty revolutionary in printing so blocks block printing That's sort of where Matt Mellenweig got his inspiration from like instead of publishing a full page We're gonna now publish in blocks So there's your history part And What Gutenberg is gonna do in the first place it's gonna replace the classic editor So it's not the new editor. It's gonna like he said be it's gonna be a revolution in Wordpress itself, but we're gonna see in first place in the editor and when we say the classic editor well, it is classic because it's been there for 14 years and That's ancient in web history. I mean 14 years ago. What were we doing on the web? I found one of my old websites from 1999 I think on Yahoo Geo cities. I don't know if anyone's been publishing on Yahoo Geo cities Well, this is a bit younger, but still and this is what the old editor looks like and that's probably familiar for Some people most people here. I'm gonna try and And okay, we can work with this, but it's not very flexible So to Move where press forward the idea of a new system was created called Gutenberg code name Gutenberg and Besides the editor, there's a lot of other rich content that you can't really create very easily with the classic editor So we have distributed content. It's all in one place like one big screen We use widgets. We have menus. It's all over the place and Gutenberg is supposed to bring that all together to give you a new revolutionary publishing experience We're here already so I've been spamming the internet that I was gonna give you a demonstration with a lot of cat videos and get Jiffy's But there was a thing in the news this week that I thought would be a better Example and Let me see this Who has not heard of Lee towers? good Lee towers is a Rottenham icon and So I thought it would be a good idea for my demo to create a fan page about Lee towers so that's what I'm gonna treat you on too and So I installed local version of WordPress with Gutenberg pre-installed and it's now Plug-in and when you install the plug-in and you create a new post This looks quite different. Let's see if we can get the full screen. Yeah So yeah, this looks totally different from the classic editor and I've been working it for quite a while So I'm used to it now, but when you see this for the first time it might be sort of shock like What has happened to all the buttons that I was seeing in the old editor? so yeah, they're gone and That's not easy for everyone So let's see we can add a title like we used to so What's a good title for fan page Lee towers fan page or is it a bit boring? We love Lee Yeah, okay So yeah, maybe His song text from one of his big hits I can see clearly now We can paste that here and you can see this is now one block But when you actually edit from that you make a new blog. So when you write in Gutenberg Let me turn this off You can enter new blogs for every paragraph that's there You can also insert blocks by the plus sign that's they're still working on the interface So the last version now gives you a plus sign next to a block But before it was only here and they're still working on on making this nicer and more usable So we lovely what would be nice to give it a big image And I've That was still the cat version so Would you prefer the cat version no, I'll do that another time. We'll just have Lee towers Okay, let's see Just scrape some off the web. So there's one cover image and you can Put text over that and with this Block on the side here you can get information about the block that you're actually editing so you can with a cover image make a More dimmed or a less dimmed Background over it. You can align the text at some point add additional classes if you want What else can we do it's very easy to upload galleries now and me and Lee go way back you don't know that but We were neighbors at some point and I asked my dad. He's been scanning old Slides and he found these slides from when he was doing a gig at my old primary school Back in the 70s and you can just pick those up and just throw them here and Gutenberg makes its own Gallery just like that from the images So here you can see young Lee on the rooftop of the School and that's my my mom my grandpa my brother who was going to be here today, but he's not so Did it for him So that's that's wasn't that easy in the classic editor Embedding is a nice new feature as well And what what I find a really nice trick that is not very visible But what I learned in WordCompus when I saw professional demo you can use the forward slash when you're in a block and then start typing and for instance find Columns because what you can now do is College humor don't know what that is you can add columns text columns or what is still an experimental phase experimental columns and you can paste Text in those columns, but This is a pretty new feature that you can besides text you can also paste or nest other blocks in the columns, so This wasn't possible before you can now add an image here Hey, that's not gonna go in right, please Demo failure, sorry I've been practicing this so much Okay, you get the idea about the columns, right? and Another feature that I quite like is what was called reusable blocks and now is called saved blocks You can add for instance. Oh a quote. I saw a lovely quote by Lee My name set for quality Why are you laughing? This is So again with the forward slash I can look for a quote No block found very long Then we'll look it up this way. Oh Bull quote. Well, who did that one? words quote blocks so instead of Putting this all in from like the classic editor from one line Do you actually create a block per type of content and you can move them around? So you're more flexible in like setting up Your pages and make the content richer I'm betting is is a lot easier. I think as well And I'll show you like I've been looking for Lee towers Twitter account, but he's not not very active. So we're just gonna copy whatever Twitter URL and Paste that There's a lot of embed options as well and you can find here the Twitter embed And just paste the URL and Embed that in your page The last thing I want to show you because I can't show you all the blocks that are possible here, but There's still a lot of blocks that are being created in Gutenberg as well Maybe a media block that would be a nice one to finish with YouTube because what's Lee without music and Yes So you can just you don't have to do anything with iFrames or whatever you just paste in The YouTube URL And there we have him Do I have sound So let's see how this looks so the back end is more like visual Display this one's crap. I should delete that one. Let's go Okay, we could have error now, but I'll come back to that later Okay, so I'll update I think Gutenberg's got a bit of a problem with Lee towers here Yeah, okay, so it's not Lee towers Happy to see that. This is why I did this Okay This working Yeah, he's got his audience singing along so come on. Don't let me make a fool of me myself here Sorry Okay, I'll let you go so This was my little life demo. So I hope you got a bit of an idea what you can expect in Gutenberg Let's go back to the presentation Which is more of a safe area for me so Gutenberg is definitely coming to your house and The big question is when this question I've been asked I asked myself all the time and The answer is with the release of WordPress 5.0 So when is this? Well when Gutenberg is ready for it and when it's good to make ready Well, when we're press 5.0 will be released. So we're in a loop at the moment in December Matt Milowick said they estimated for the end of April and Looking where we are now. I don't think that's very realistic a Lot of work needs to be done but When I see where we came from when I saw it the first time at work computer last year It has definitely improved and it's it looks very promising So maybe not the end of April, but maybe June. No, no, maybe end of the year When it's ready Big question is are you ready when it's coming and you can only be ready By preparing yourself for Gutenberg You can wait till it comes. You can totally ignore it. I don't think it's a good idea to to ignore new innovations We're not working with MS-DOS anymore. Are we? We're perfect 5.1 We've embraced new technology and and improvements of programs that we were scared of in the first time This new interface we we hate change. That's that's a human nature and There's a lot of talking about Gutenberg whether it's good or not for WordPress I personally Really like it and I think it's really gonna change the way people can publish it without installing external page builders and stuff like that So if you want to prepare Because Gutenberg is still in beta It's best to install a local copy of your website and a local installation download the plugin and test your theme and plugins to see how they work with WordPress and Gutenberg There's a lot of initiatives about testing where you can get information and I've copied one here And that will be in my resources. I'll show it to you later But Daniel Bachuber, he has created a repo where you can look up plugins whether they're tested on compatibility with Gutenberg There's still a lot of plugins that need testing So if you're in for testing you can help him out and help yourself and the rest of the community as well And play with it. Try it Try rebuild existing posts and pages and Don't be afraid of change and if you see something buggy that happens report it because it will help improve the next version of Gutenberg and It won't hurt. I promise you you can just try it. It's it's not gonna harm you but What if you're not ready yet? Yet because you will be ready at some point But I can understand that some websites that are fully customized for certain customers Are not really waiting for this new editing experience Well, there will be a classic editor plugin that you can download and you can work the way you're used to so You don't really need to worry about it, too And there's also for the people who don't warn very technical and want to play around with Gutenberg as well Tom Jane Owl Created Frontenberg, which is a front-end visual Gutenberg editor that you can play around with you can't save anything, but it's a very low profile way of Using it and trying it out So yeah, I'm coming to the end of my talk I've Made a page where I've sort of saved all kinds of resources and tips on Gutenberg that you can read on Another few talks from WordCamp as well Good talks by Morton Rand Hendrickson and another few people from the US and That was it. So thank you for your attention