 Our next speaker is, okay, so when I read his bio on the website of, like, what's wrong with the guy? He's talking about bears cloning by Albert Sanstein's corpse. Okay, but it was there and it's for you. I'm still trying to, like, understand it and I'm not so sure that I will be able to. But what I'm sure about that, he's a very smart guy. He currently works for Automatik as a meta engineer and today he will give us some insights about one of the most interesting and maybe discussed topics. That's Gutenberg. So let's welcome Niky Bochiski. Good morning. Since I'm not super good with jokes, I'd like to just tell you a story. And to make things a lot more adventurous, all of the story will happen from inside Gutenberg. If you don't know, Gutenberg is the new editing experience for WordPress. Aka is just a new editor. So as I said, morning, I hope everybody's walking up a little bit. And the story today, just as any other story, will start with us upon a time. Right? It's how we write an editor. And the story today is about a queen and a king. Let's put them next to each other. It's the queen short. Yeah, this is queen short. Then it is king, can you guess? Can somebody guess the name? Code. Yes. This is king code. So now I actually have two plot lines going at the same time. It will be the story of queen short and king code and the story about Gutenberg itself. As you will see me using it or at least trying to. See, it was pretty easy to create a two-column layout, right? So back to the short code story. Of course, their kingdom was called the short code kingdom. And they were very famous because they instituted something that is called the short code tax. Let's make it a heading because it was very big. Everybody had to use those short codes. If you don't know about short codes, they are text that you enter in your editor just to make something more special. That is not just text. And let me show you some short codes. For example, if we wanted to do a column layout, first we had to use a plugin and then we had to use some short codes. Let me copy something to make it easier. Also, we're going to use the classic block so that we don't mess things up. Here. Here are some short codes. See, it's not the nicest thing in the world. This is why this time was known as the dark ages. But those ages do not look incredibly dark. So let's try to make them dark. It tells me that the color combination may be hard for people to read. Let me choose another color for the text. Yes. These are the actual dark ages. And obviously, it was totally unbearable. The people couldn't pay the tax. Websites were totally messed up. And here was the savior. Oops. What is the savior doing? This guy, also known as Lord Page Builder. You can see he's giving us the okay. He will make everything super easy. He's big. Everybody knows him already. He totally dethroned King Code and Queen Short. And let's get him a little bit colder look because he was as cold as that. Of course, on the surface he made everything easy. You could drag and drop things, columns, layouts, carousels, everything. But then, once you tried to escape from him or you betrayed him in any way, he would be the cruelest person alive. Also, on the surface, he actually kept a lot of the mean structures of the Short Code Kingdom. Let me show you. This is actually a quote from Lord Page Builder. This is a deactivated Lord Page Builder. If you deactivate him, only Short Codes were left. And it was not pretty. Let us try and make it a little bit pretty, at least. Quotes have given different styles. I don't like this one. But maybe I can convert it to a book called Automatic and make it white. Lord Page Builder also was something incredibly nice. And of course, there was a successor. It was Duke Page Builder. He was almost the same but had a different tint. And neither of them played super nice with anybody. If you are on their side, good. If you are not, you are totally dead, as was your website. So what do we do? We obviously needed a break. We needed a page break. We need to do something different. We needed an experience where people could discover their content, not liking Short Codes, where you had to read a ton of documentation to even know what kind of Short Codes existed. And most people just didn't know. What else did we need? We need a guide. We need something that actually guides the users. Again, in a Short Code, you need to remember a ton of attributes. Also, we need something that plays nice with everybody, either with other plugins or even with just HTML itself or with other editors, which are not ours. And none of them played nice with anybody. We just needed a lot more power, both for users and for developers. But also for designers who were totally neglected until this point. What do we do? Let's see. Can we just try to discover something here? With this plus sign, I can add a block. And I can search all of the blocks in the world. I may not find something today, but tomorrow I may. But let's try with something simple, a gallery. Actually, it tries to guide me how to work with it. Okay, just drag images here or whatever. And let's see what actually happened next in the story. There is this guy, the CEO going in production, who recruited this other guy and see, I can actually change, I can actually continue working with the gallery from here. He recruited this other guy, Matthias, to work with him. And with a small team initially. And tens and probably even hundreds of prototypes. Something was born called Gutenberg. Although Gutenberg was a lot bigger than just them, too. So let's just make it to column gallery. And we cannot even work if we want to. And Gutenberg actually plays well with everybody, even with this guy, if he wants to. You can see how, this is the text. It's not short codes. It's not weird JSON or some developer talk. It's normal HTML. It plays like another editor can totally use this. And even if, let's say here, let's say our site uses a block which doesn't exist. Let's say this is the funny mosquito block. And this is just text. Everybody can write this. But almost nobody has to. And let's switch to visual. Gutenberg is playing nice. Even though it doesn't recognize the content, it actually lets us edit it just as HTML. I can say keep as HTML. And then I may even convert all of those two small blocks. And now it's a normal paragraph where I can make the text huge. Because everybody knows that strawberries and dogs create so much fun. And you see, actually Gutenberg is all of those things. It's actually a lot more. This is probably my favorite part. That the possibilities are totally endless. I can probably show you my favorite features for another day or at least another 10 or 15 minutes. But I can do, for example, let's say that I want to do an alternative history story. And I want to write a totally different story for the same king and queen. So I can select those two blocks, then create a reusable block called was. Then I save my draft and I create a new post. And there, yes, I have ones. Oops, wrong ones. The magic of the live demo. Here, once. And I get the exact same block. Also, I can actually edit it. And if I edit it in one place, let's say I want to drop it up here because this is how all of the books start. I save here. I go to my other post, which was the good morning one. And ta-da! It's changed here too. How many times do you want to share some content between pages or post or anything? You can do so much other fun stuff. You can embed almost anything. You can very easily embed your favorite WordPress TV talk. Or you can even embed things just by pasting their URLs here. This is a WordPress post. Or one of my really favorite things is that you can have some background here. Can you see? Here is this markdown. It's like a recipe. And then if I paste, it's actually formatted correctly so you can write all of your markdown if you're one of those developer people who really like Mara markdown. And then just paste it here and it works perfectly. Actually, you can even paste things from this Microsoft Word thing. And also it kind of works. And finally, I want to show you even more possibilities. Here is something that a colleague wrote in a different blog. There is a really cool blog called Media and Text where you have media on the left which is super common. He actually created this sketch in 137 lines of code. See what it does. It has a blog which just lets you draw and it saves it as an image in the media library. Definitely my favorite thing about Gutenberg is it just opens so many possibilities like adding all of those blogs. Just in my everyday work even on my first day of knowing about the idea of Gutenberg I could think of so many so many ways to use it and so many ways to extend it. I have already created a few blogs where we have templates and you can insert very specific things in different places. And various plugins can very easily create their own blogs. We have been talking to people even from totally different projects like Drupal or JIRA or even Shopify about how all of those blogs can work in different places. It gives the designers so much power while keeping the experience for the users so easy. People who know me know that I'm not very easily excited and it may not really show but I actually am. So yeah, thank you and let's add another one. Questions. Let's make this big while we wait for the first question. Thank you. Is there something in Gutenberg you're not excited about? There are a lot of things I don't like. Like what? Probably the thing I hit the most is that if I can't press I can't indent with tab. Of course. Well, I'm a simple man. Is there anything a little bigger that you don't know? Like with more implications let's say to like millions of people? Nothing that probably won't be fixed soon. And that's the politically correct answer. It was a very politically correct question. Next question. Thank you. Hi, my question is... Oh, hi, my name is Jackson. What are the limitations of Gutenberg? What kind of features would you... If you want to do them you would have to go to a different page builder or you couldn't use this. I'm sure something like this exists but I don't know of anything. It is definitely missing a lot of blocks still. It would definitely take time until all of the blocks created by all of the page builders for the past few years have their Gutenberg versions. Though we might experience most of the page builders and many, many other people from the community are very actively building blocks. But again, I must confess that it may take some time to get there. Still, probably Gutenberg has more market share than almost any other page builder right now. This because it's in core. And we know that core is a big snowball. Once things start spinning it would be very, very hard to stop. And also basically all of the page builder teams are right now working on making sure their blocks work with Gutenberg. So first, thank you for the great talk. My name is Nani and something that you mentioned during the talk was that okay, so now we don't have this block but it might be there in future. Does this mean that there's going to be some marketplace for blocks or some rep for blocks where everybody can actually input their codes so it could be usable by other WordPress developers. I think you sort of mentioned this during the previous answer but I just wanted to make sure. There is not a 100% firm decision on this or at least I don't know about it but it would make so much sense for blocks to be in the plugin repository and for plugins to actually define oh, I'm giving you this block or that block and actually in the post I just tried to embed there is this really cool prototype. I've seen it like yeah, there is a prototype let's say you search for contact form and it says oh, there are no blocks but here are those few plugins that actually give you a block that says contact form. This would definitely happen. I'm not sure probably it will not be tomorrow probably not even next week but soon, sure. He asked about the business perspective and I'm absolutely sure people are even already working on it. Some people, I don't know who. But yeah, it sounds like a very good business opportunity. You already see those plugins with collections of blocks and I'm sure people will figure out ways to just transmit only the block part or split the plugins into very small parts so that they can sell them. Yeah, this is definitely coming. I don't know by whom but... Thank you. May I just talk something? Who is that or something? Actually, this thing already exists can't remember the name or the URL of the website but it collects blocks absolutely usable for WordPress, we couldn't back or Drupal, we couldn't back there. I want to ask you because I've read some articles that there are some issues regarding handling metaposses. Can you tell us how do you plan to handle it? Yeah, it currently handles most of the metabox use cases in order for things to work really great some plugins may need to do some extra work. But right now, I'm pretty sure that almost all of the cases work. I think there were some obscure cases where some plugins actually tried to filter a lot of the HTML around it but I'm pretty sure that at least all of the big ones are fixed. And to be honest, ideally, metaposses would be a totally different experience compared to today. I don't want to tell people to change the way they work because habit is a great motivator or at least change is super hard. But in an ideal world, all of the metaposses could be and all of this meta-information can very often be part of the editor itself. You cannot just like you out a block. And there were a ton of debates within the team whether 100% backwards compatibility would even be handled by Gutenberg. But I guess in the end, the majority prevailed, which of course makes sense. Does this answer your question? Great, thank you. You have more questions. And Brecht, first and foremost, thanks for the most creative take on a demo I've ever seen. Thank you. I have a little question concerning the rollout of Gutenberg. So we all know it's coming probably rather soon. Now, by now, all of the bigger plugins and bigger, workplace-oriented companies have already invested time and money in converting their plugin to have blocks to be fully Gutenberg compatible. But is there a plan or initiative coming from the team behind Gutenberg to support the smaller devs, the end-user devs, hobby devs, who also have plugins to help them make the push towards Gutenberg compatibility? There are a few things. First, you know that everybody can use the classic editor. It may not be the best experience, but as I said before, so many people are so used to it, it's not anybody's goal to just break their business or to break their workflows. So if somebody cannot afford a change at this time, it's perfectly fine nobody will judge them if they continue using the classic editor. In terms of smaller devs, one thing that was done and was a major goal throughout development is to keep the API services as small as possible also to not depend on a lot of external libraries. In Gutenberg, there is a version of JavaScript frameworks which have been greatly simplified to make it a little bit easier. I totally agree with you. It still takes some effort, probably a non-trivial effort. The other thing that I really hope is happening is that the same way that for all of those like 15, 16 years, the community has taught each other how to do things in the best way for WordPress and for plugins, I really hope that the same thing will happen with Gutenberg. It probably requires a little bit of level up from many people or at least a lot of developers will need to learn something new but also learning is a muscle and we as a community need to need to probably flex it more often and looking back just by not changing anything for all of those 15, 16 years we actually may have done ourselves some harm where, oh, everything needs to work so if I'm a developer why should I even learn something new? The way I see it is that users actually will be the biggest push. When they come to you and say, hey, I really like this Gutenberg thing can you make your plugin work cool with it and if I'm not alone probably this will be a sufficient motivation for any developer to just learn something fun and contribute to a better user experience for its customers. Thanks. Do we have time for more questions? We have plenty of time and I have more questions. Are you coming to the panel at all? Yeah, I might even be in it. Anyway, I wanted to ask you a little bit about the release cycle. I know that it's been quite a kind of hectic update round. We're releasing on this date and then something happens and then the release that gets postponed and the releases once this is in core are going to cause quite a bit of, you know, work to be done. So is there any clarity around whether or not the release cycles are going to get even more predictable anything like that or can you share just a little bit more about that? To be honest, I don't know. The current plan after 5.0 is released is to continue for a lot of the team currently working on Gutenberg to work on just fixes I'm sure there will be things to be cleaned up here, here, here and there. At the same time, a group of people will start working on the version 2 which will be the bigger possibilities of Gutenberg getting out of the post and allowing people to edit their page layout and their site layout and everything. But to be honest, I don't know. Do you know what the plans are for the customizer? Are they going to go inside? What do you mean by customizer? The version 2? Yeah. To coincide with what? No, I meant the current existing customizer in WordPress and Gutenberg how are they going to work together? I don't know. That's okay. I don't know everything, right? I do not know. There's time for more questions? I got one. Miki, Gutenberg finally is a page builder or is a page shader? Yes. Yes, what? It's everything. It's everything you want it to be. I couldn't resist it. To be honest with myself I don't make a big difference to it's a matter of semantics. You can build pages, you can just edit stuff. If you don't use columns and layouts and fancy blocks it will be just like a normal editor. Any more questions? Oh, I can actually see the people nice. Do we have any other questions? Okay, that's everything. Let's give our round of applause for Miki.