 with the session Anyone else comes in after it'll be fine. So hi. Thanks for attending my talk and thanks for attending WordCamp, Toronto This is so great. My name is Andrea and I'll be presenting storytelling with Gutenberg Which is basically how to use the new editor. Yes, I Don't think there I think it's just for the camera Yes, but am I projecting enough to you? Yeah? Thank you so My talk I'm not a developer by any means. I am a content writer. I study journalism So this talk is going to be basically how to use the new editor As a content creator as a blogger I'm going to take a very positive spin on Gutenberg So if you have some tough questions for me at the end just know that I am not a developer And I am one of those people that's going to be encouraged to use Gutenberg as much as possible in my last session I thanked the organizers of WordCamp Toronto For inviting me, but I also want to thank all the volunteers that are taking time to help us out here today I know volunteering at WordCamp at work, and I really appreciate that and thanks to our sponsors as well so Storytelling with Gutenberg. Can you guys see the slides? I know there's like a light right above it Whoa It's like one or the other isn't it? There's no in between Oh Great, that's great So storytelling with Gutenberg, I tried to stay on theme with with my slides and make it kind of cute So, yeah, my name is Andrew Zollner. I work for SiteGround, which is a sponsor this weekend You can find me on Twitter at my handle there I'm a journalism major like I mentioned so writing is my is my trade and I'm excited about Gutenberg I'm one of the I won't say a few people a lot of people are excited about Gutenberg But I am one of those optimistic types. That's excited to see all the things that we can do with this new tool So I've presented myself and shared a couple of things about myself. What about you? Have you used Gutenberg? So that you have many Well, I'm hoping by the end of my talk you feel pumped and excited and you're gonna leave here and think about all The things that you can do on your own blog that go online To be making the most of Gutenberg So if you're new to the WordPress space or at least new to this whole new editor Debate then just briefly what's gonna happen when WordPress 5.0 is released, which can happen You know in a matter of weeks Is that we're gonna get a brand new editing experience? So this is what you're probably used to at the moment The the editor that we currently have in 4.9 point 8 And then what you're gonna have is this new design and it's really based on a block system Which we'll tackle a little bit further in this talk and so a lot of the things are gonna be familiar They're gonna have the same labels, but they're gonna look slightly different And you're gonna have a whole new set of tools to work with as well This impacts a lot of themes and plugins. So the whole WordPress community is Involved in this. This is why it's such a huge topic. It's not just over. We've you know added some tools No, this is a big change to the WordPress core software So it's impacting a lot of businesses a lot of developers and that's why it's such a big deal You if you've updated to 4.9 point 8, you've probably seen this prompt That was at the top of your dashboard which encouraged users to download the Gutenberg plug-in So before it became part of core People had an opportunity to actually For plug-in developers and businesses that use WordPress to make money and also for Personal blog we just kind of wanted to know if there are gonna be any issues We're not using it and also getting to know the tools so that I could make the most of it And So try Gutenberg button is that's how they got people to test it out And what's gonna happen is we've been told by the Gutenberg development team that when 5.0 comes out It's gonna be Gutenberg is gonna be the default editor, but you could also install the classic So that's the experience that we all have right now in our WordPress installations And so if you're not ready for Gutenberg Then we have the classic editor that you can install and so you can choose Which editor you want to be using come in in the future and you can switch you know switch between both of them Or maybe there's some pages of your content that you'd rather just not have to learn Gutenberg for right away So it's up to you you have some options there to learn at your own pace and to adopt Gutenberg when it's right for you But again, I'm excited about it So I'm gonna be encouraging you to to use it to test it out as much as possible Is anyone familiar It's One of those terms that has come about really recently and it's pretty much just a jargon jargony term that exists within the digital media publishing world but two snowfall came about because a couple of years ago the New York Times came out with this micro site this micro bit of reporting About this big avalanche that happened in Washington state and it was this really big avalanche a lot of people died It was like a big news story, but instead of just reporting on it You know with a couple of pictures they developed this really cool website called snowfall and so it was the super dynamic piece of reporting that they had the main reporter who was writing all the text but they had videographers they had you know a whole team of digital developers that were making really cool like interactive maps and it was just one of those Things that no one had seen before So it came out on December 20th 2012 I was in my final year of journalism, I think and it was just like kind of like took us by storm pun intended It was just amazing Everyone was talking about how interactive it was and how Multimedia it was and how it made reporting And for an industry that was supposedly dying the New York Times had 2.9 million visitors on their site a third of which were brand new to the New York Times So not only were they getting their readers interested They're getting these people that never even ever subscribers or visitors to their website coming to the New York Times Website because of snowfall It actually won a 2013 kill it surprise for being the best reporting of the year and a lot of people quote it as Being a game changer or revolutionizing the way that we look at digital media and digital reporting So these are just like I just kind of scroll through it But there are so many tabs and so many parts of this and I really encourage you to look it up on your own time because it's just a really cool way of Taking stories taking something that could be quite static and turning to something super Engaging and multimedia. So I looked into the tech behind it a little bit and Of you know, you'll recognize a lot of things that are like jQuery underscore J player a lot of HTML 5 Which was really hot at the time And it's you know based on a lot of trigger that like scroll based events basically that borrow from a jQuery plug-in And so I'm going to be bold here and I say that with Gutenberg anyone can snowfall So I mean it became a term to snowfall because you know when this came out I remember being in my college, you know newsroom and whatever we talked about like So that story are we gonna snowfall that we should do a snowfall And so it just became a verb and an adjective for how we were going to go about reporting But what I'm saying is that you know, maybe you don't have a team of digital designers that you're working with Maybe you are your own webmaster your own content creator your own business owner you're by yourself But with the tools that Gutenberg is adding to WordPress you can now create really immersive interesting Fascinated storytelling pieces just like snowfall you can start to build off of your text and to build in interviews and really interesting photo galleries and all these tools without the help of his developer you can do it yourself So let's take a look at Gutenberg really quickly just so you get a picture of you know what it's going to look like and What might change from our current experience so on the right here? We have a document tab which I'm sure you know there's a lot of talks on Gutenberg So I don't want to overlap too much with what other people are doing, but really briefly, you know We have a lot of the same Controls that we had on the previous dashboard like tags categories featured image But there's a whole new block at the top a whole new tab at the top called block And that is specific to Gutenberg because it's a block-based design And what I mean by that is that when you are in the editing space itself You can click on the plus button and then you have options of blocks to add to that editing space So whether you choose a paragraph or a heading That's just like very basic ones But there's lots of different blocks that you can add and once you choose that block then you can edit the specific block itself with this new tab on the side so you can control the text size and add a background color and a lot of other things and you know if you add a CSS class to it Then you can do way more things as well And so here's just quickly some of my favorite Gutenberg blocks That have that comes sort of built into it already But because a lot of plugin developers are building new tools for Gutenberg You'll see the blocks just become a lot more in the coming months I'm sure a lot of people are working on new blocks to fit into their plugin at the moment So I feel like it's just going to grow and grow this list is going to grow and grow and grow But for the time being I sort of grouped them together in a couple of categories So my text blocks which are For editing text specifically like lists and headings and sub headers Tables buttons that have text in them and your classic block, which is just sort of the editor as we know it Media which is image audio video quotes, which is stylized text, you know and cool things we can do with quotes and pull quotes Layouts which I'm very excited about because laying things out when you're not good at HTML is a nightmare And so having some layout blocks is really helpful and then code if you want to add code inject it right into the editor You can use some code blocks for that So now how do we use these tools? How can we improve the blogs that we operate today? Like whether it's our personal blogs or for an organization that you work for for your clients And again, you know, I'm teaching this assuming you're going to implement them yourselves But you may have clients that are asking you these questions. So these are tips that you can also share with them And the first tip that I have is I mean the first step really is adding style to your text This is this is a basic one You know in the editor that we have sure we can bold we can we can italicize we can play with colors If we get into the CSS we can add some stuff But now it's built right into Gutenberg and we don't really have to bend over backwards to stylize our text and Stylizing our text is something that I encourage everyone to do because people have really short attention spans Reading walls of text is not that interesting and it and it people lose Interest in your content if there isn't a flow there isn't a hierarchy of the information There isn't something for them to look at and to remember really quickly and so by stylizing your text You're not only going to increase the time that they spend on your page You are going to increase the success rate of your page because they're going to be retaining more information So these are some of the things that you can add to diversify the text that you have on Your site so you can use poll quotes if you have specific information or quotes that are really interesting that you want to have Highlighted that's a stylized thing verse as well if you're quoting books or passages or poetry You can stylize it with the verse lists is the basic one columns is a really interesting one So if you are doing something that's a little bit more like publishing focused You can now build in columns into your text and have a diversity of layouts right in your text Kind of like a newspaper without having to hard-code anything yourself Quotes I mentioned heading you know just again adding diversity and structure to your content is always a good idea So text elements in Gutenberg kind of look like this I mean I kind of built a very simple stupid example, but These are all blocks. So you have your paragraph block. That's a column block. So I've divided into two headings Some lists a little poll quote. So all of this you see every time I click on a block. There's some new Ways that you can edit it back pop up under here on the block tab and then when you preview it It just kind of like had some really fun some some fun diversity This is kind of a bad example because I wouldn't do this naturally But I'm just trying to show you all the different blocks smushed into one The next tip is to diversify your images. So A lot of themes do this for you You know I rely heavily on my theme design for the way that images appear on my site But now I have a little bit more control Which is a double-edged sword because sometimes the theme designers don't want to give you the control because they want things to look Good and with Gutenberg now We have all these options to add way more images and and to really control the way that our pages look But I think it's good. I think more control is better for the end user And so diversifying your images means that you can use blocks To not only create one image, but you can stretch that image and have something. That's like a full-width You can create galleries and you can also embed really easily from a lot of third-party image Websites, so if you are a big fan of Instagram flicker or you host your images elsewhere You can save on your you know resources and the space that you have on your website by embedding from third-party applications And without having to import everything if that's not what you want to be doing so I mean, of course, I think as a content creator. I think images are really powerful So the more images that you have that really support your messaging the better your website is going to be and with Gutenberg We have a lot of like diversity of options So this one's just like a basic gallery and then we have you know Sort of a header image that you can actually write on top of so I know as a content creator I've spoken to a lot of social media managers who love Canva and who love using these platforms where you can pick an image And then add text over it and you don't have to get into Photoshop You don't have to use these expensive and hard to learn Softwares and so now in Gutenberg It's built in that if you want to add just text over an image with a little bit of like a shading You can do that without going outside of WordPress, which is super cool And then if you want to expand on the use of your image blocks You can also get creative and turn them into like sort of pseudo buttons So if you have like a services page, for example, and you want to have different services laid out in a really neat and tidy way You can use a gallery to do that and have these buttons designed yourself and import them as an image and Then create these really cool like menus using the image blocks The third one is to integrate other post types So this one is kind of it's not self-explanatory just like from the get-go But it's actually really powerful and the reason is that you know when you're building your website You have a lot likely you have a lot of content on your website And you don't want that content to get buried You want to be able to control how it's presented. You want to group content together based on theme or Based on intent or based on your audience type and so having more control over how you Integrate different post types is really powerful and I'll show you exactly what I mean And so I think most of us are familiar well I don't say most but short codes is something that's been built into WordPress for a long time that we can use to pull in Other post types that we have on our website. So the basic ones like you know, you have your blog posts That's the basic one Testimonials portfolio projects. These are ones that sort of come built into WordPress And then if you're using a plug-in that builds custom post types Well, then you must you probably have lots of them like authors and depending on what your site is about you can have like an unlimited number of custom post types and now you can pull those into your editing page and Design these really awesome landing pages and so the sounds kind of abstract So I want to give you just like a very simple example for someone who has a portfolio So if you have a portfolio, but you do lots of different things you wear lots of different hats Maybe you're a designer, but you also are a copywriter. You also do infographics Consult with government agencies. Maybe you have multiple different things So on your portfolio You want to be able to create an experience for that particular type of client You want to create a hub of information where one client that you might be going after would be able to see what you Can do for them in that industry with that skill set so with custom post types I'm with short codes. Excuse me. You can then choose what you want to display on that page So you can customize the experience for that particular Context that you're creating so here what I did is I built a portfolio landing page And I called it writing and what I'm going to do is with a short code block I'm going to pull in all of the articles that I've written that I've tagged Writing I mean I could be more granular, but with this example I'm just going to pull in writing But if you wanted to use a specific tag then you could pull in just the articles just the post types that use that tag and that Nominclature so and then that just will pull in a really cool List of those particular blog posts and what I've done, you know in the past in the on the bottom here Call to actions as well. So I can display the custom post types I can then have a call to action to have the person who's viewing this go to another part of my website where I have more information You know if they want to download something I've added a little file there so they can download So you can end up building these really cool landing pages within WordPress within your site That you've totally customized and you can do that on your own without the help of a developer Without having to add extra plugins and without having to tweak your theme yourself So again, that's just like something really cool that I think is going to really open up the opportunities for content creators Number four is to spice it up with multimedia This is kind of assuming that you have media. I know for a lot of people they think video is awesome They just don't have the resources to produce a lot of video on their own But if that's something that you do want to get into I highly recommend it and WordPress makes it so much easier now with Gutenberg So if you have a podcast if you have if you are a Digital songwriter, I'm trying to think of things that you might have audio Or if you have clips of things that you want to share on your website now You can use the block for audio and import it right away Although if you have a podcast I'd recommend having your podcast elsewhere As well as on your website, but video again, you can use the video blog video block to add a really nice video player to your website and I mean room permitting. I think a lot of Videos heavy so you might not want to host it on your own website But if you have the odd video that you want to embed or that you want to upload you can and then otherwise There's a lot of services built into Gutenberg where you can easily embed From any of those services so here Yeah, this is something that I've uploaded and then you have all of these options here like autoplay loop mute And if you use keynote for example, but you have Mac users It's kind of similar situation when you put a video in your presentation You can really control how it's going to display when someone scrolls down your page if you're going to have a video auto play Like we saw in snowfall or if people have to click on it So that's just another way of improving your blog by adding more diversity in multimedia To your to your blog content Add breathing room This is again like when we were looking at the list of blocks I was really excited about the layout blocks because I think a lot of the time when someone's starting out using the WordPress editor They're doing a lot of hard returns and they're doing a lot of like left-aligned and this and they're they're not They're never satisfied with the way that their content looks because they just don't have that much control Over how it's going to show up and with Gutenberg They've built in these blocks that create white space and people really underestimate the power of white space on On a on a blog on a page of content again the whole wall of text thing that people hate adding breathing room just allows your page to have more Just it's just more appealing it's easier to read It's more engaging and so by having more control over how your text is displayed and how your content is displayed It's just the overall just creates a really nice design And you know have to be a designer to do it now So some of these blocks are like columns like we mentioned being able to split up your content Having tables that are easy to create easy to manage that are responsive right out of the box Those are that's really something that's going to save me a lot of time page breaks if you design your website in a way where you want to have multiple Pages in a page. It's hard to explain but that's something a lot of websites do that when they have advertisement because it makes more hits on their advertisement but Page breaks is nice Spacer the more and the separator These are just really simple blocks that can really make it easy to design your page thoughtfully and Number six build in a call to action So I think a lot of people assume that call to actions are only for e-commerce sites Or they're only for really marketing heavy sites, but the idea of a call to action is present everywhere You know anytime someone asks you to do something that's a call to action So if you have a very basic Contact me link that you have you could turn that into a call to action button You can get people to subscribe or to follow you To view your articles to download your CV. These are all call to actions you want people to perform an action on your website and Now with Gutenberg you can make those so much more than just a text link You can actually have them pop out of your page And you don't have to go into the CSS to design something you can do it right in Gutenberg So for that, you know, for example, I'm adding a block and I'm adding a button block And this is so nifty. It's really nicely designed. You can add the text And then you have all these options on the side to change the color of the text the background color And I don't know if it's going to show up in my demo But there's a really cool tool where if there's a here it is if the color combination is hard to read It'll tell you it'll tell you, you know, maybe you don't want to do Lime on yellow. It's just going to be too hard for your readers to to perceive And so you can really play around with the button block and then type in your paste in your URL And you have the same controls as like in the past opening it in a new tab Which I recommend and things like or if it's a website that's out of your site I recommend opening a new tab you can even change like how the corners are rounded All of this can be done without having to design it outside of WordPress You can also Create a call to action. I remember what I did in my demo You can also create a call to action by using images And so by using images you can See if I do it Pull quote that was my next one. So pull quotes again, this is kind of a creative way of Doing a call to action normally pull quotes are literally a quote But if you just want to draw attention to one part of your text and you want to have someone Perform an action a pull quote can be a nice way to really make it pop out of your page So that's just another one Again like you can Stylize this I would try and be consistent from one page to the next So if you have like all of these options are really exciting But you can get carried away and end up having kind of a messy website so I would recommend sticking to one or two of these options and Repeating them on your pages throughout So this is another way of using that image that I was talking about where you can add text and you can add A little color overlay and so here, you know, I'm making a call to action It's a little bit more dynamic a little bit more interesting to look at and I'm playing around with the tools that are built into Gutenberg to do that and so this next tip is related to your workflow so Learning to use Gutenberg and implementing why I don't I'm not saying that this is like something that you're going to be able to totally embrace From one day to the next and work into your workflow Entirely for me. I've done it progressively I have a couple of different websites and so You know it sort of started with like well my next blog post Why don't I build it with with Gutenberg? And so that's sort of how I started to get to know the tools and to implement the tools and get really excited about them But one of the really cool things about Gutenberg is that you can build blocks So I mentioned sort of not going too crazy okay, not going too crazy with the different blocks that we use and sort of sticking to a couple of looks and what you perform Now building blocks for Gutenberg or you have a designer that is helping you develop a style You can get them to design you a couple of reusable blocks or you can design them yourself So here I've just made like a purple block and then I'm saving it and calling it purple content block and then Saving it and so I can now reuse that block from page to page So you could work with a designer get them to develop some blocks for you Maybe if you are a company that has a really strong Facebook presence you want to get people to follow you People there and reuse that everywhere on your site where it makes sense So if you have a marketing team that creates ads and you have your content team, which is separate You know you can have your content team come in and work around the ads that already built it And you're and your marketing team could come and just reuse the ads that have already been designed and add them on your page So that's something that I think is going to end up saving me a lot of time when I'm creating content and just be more effective as well HTML you can create your own Library of code. So if you want to get a certain look and feel you just go into your library copy paste it Can you have that function with Gutenberg like with these blocks? I assume so because if you copy your HTML into your page, you could then save that block the way it is But where would I save it? I guess your HTML would be impacting your entire page We'll see. Okay. So I've created this purple block. Yeah For a client a now client B Wants the same purple block. Yeah So can I create can I save that purple block in a library? Somewhere like I do with HTML. I am not sure that's a great question And I will ask there's so many great developers here that at work with Gutenberg that I probably I can find one We can ask them what that's gonna look like my assumption is that all of these things that we're gonna discover as we use Gutenberg more and more someone's gonna find a solution to So if it's workflow related things like that then we're gonna have some someone's gonna develop a plug-in where you can Save all of your blocks across the multi-site for example Or you know if you manage multiple sites you can export your blocks like you could with other Because a lot of other builders allow that allow you to download what you've created and import it into another site So I'm sure that we're gonna get there with Gutenberg as well And to be able to repurpose what we've built from one site to the next But yeah, I'm gonna follow up with you because that's a great question Already. I'm at the end of my talk in summary. So what I want to say is Stylize your text add images maximize your post types Make sure that you're making the most of all the content that you have on your website But it's not getting buried and that you can that you're making a user experience. That's really Dynamic and and useful and powerful and gets and makes your website as Powerful as possible helping you to achieve your goals Add audio and video if you have that add white space so your website breathes add a call to action whether it's a simple subscribe or follow or something a little bit more advanced and Create reusable blocks so that you can save yourself time and when I'm talking about reusable blocks, too You know if you have a whole team if you have an editorial team, that's something that you that you can determine as a group What are the blocks that we want to be reusing and then you can extract people and it's going to make Onboarding a lot more easy as well because a lot of the things are going to be templated and built into Gutenberg already So I'm happy to take any questions that you have and if I cannot answer them, we will work on it this afternoon. Yes But both you can if you create just the content Sorry, if you create just the block without any content in it You can save that block by itself and then it becomes empty every time you reuse it It's empty or you can save it with the content so it depends on what you use it for Like when you just say you edit the content Whoo, I'd have to test it out I know that if you if you just have like the purple block with no content and you add content in one page And you add an empty purple block. It won't does someone have an answer Yeah Maybe you want to develop a foundational style guide and then you're going to be using these According to the stated That way because My understanding of a style is that you're not really putting real content there yet It's really just a placeholder, but at least when you when you start putting that you're committing that to the page You at least have the basic shell of the page or the site itself And then you can just plug in I've tested it out but within the same page the same block will be a change will apply But I haven't tested it from page to page I'd actually probably recommend building that into your footer itself. Not necessarily the content editor, but yeah, that's a great question I had the man in red because he graciously gave us thoughts This is all sounds great. I've just taken with it a little bit. So I don't know the answer so I'm asking you and The question comes to mind. Okay. Now we've got a means of styling our page So now things are gonna change and we want to start looking sort of like what These tools can do and you so there'll be That kind of look And then beyond that my understanding is you can tweak the CSS Get in there if you know what you're doing So have you come across as far as Styling the page laying it out where you've seen something you go. Geez. I wish it could do that, but it can't yet. Oh Have you come across that yourself going? You know what? Okay, it still hasn't gotten to the point where I mean it's whizzy wig and all that stuff Yeah, where you said, you know, I'd love to move it over here or I'd love to do that Anything personal? Um, and the answer is yes But that's just always I'm always thinking about how I can improve Improve my own content. And so things related to I think the galleries are something that I'd like to see Built on having more options with multiple images When I do, you know, I have a travel blog and sometimes I do product recommendations And I haven't found a great way to display them without using a plug-in And so I'm excited for more ways to display these images and these Dynamic images with text and links on a page, but I think that's just like my own personal experience I do think that as we use it more again It's two-fold like as we use it more and we'll see more opportunities And we'll also have more people adding to the project and fixing things that are annoying or incomplete That's been yeah, the images one is one for me, but I know So I have the Yoast plug-in on my on my website and they have you know I mean a lot of plug-ins are developing these Gutenberg blocks as an example the Yoast one has Structured data so that's one that I saw pop up in my Gutenberg list of blocks And so I think the more plug-ins develop specific Blocks for Gutenberg the longer that list is going to be and that more helpful because I don't know if you notice But when you add a block it'll show you your favorites And so that's going to help and you can also type in the name of the block because I think that list is going to get Longer and longer the more plug-ins you have on your website that are catering to Gutenberg So being able to then also organize the blocks that you use most frequently. It's going to be good for the workflow Let's start with White space Yeah, well like most responsive design it's like probably just gonna stack So you are going to lose some of that especially if you're designing really with a desktop in mind You're not it's not going to translate perfectly to a tablet or a phone So I think that I like most responsive design the decision comes What's the majority of my? Like what kind of device are the majority of my readers and my visitors looking at my site on? So if it's 90% desktop then you can spend a lot of time investing in these really beautiful designs and layouts If it's 90% mobile then that's something that you're going to want to test right away and see okay Where is that white space appearing and I like to say that Gutenberg makes it responsive out of the box, but Successful responsive doesn't necessarily mean the same thing for everyone So for me if it's not broken, that's great But you know for someone else who really wanted that image to appear with a lot of white space underneath You know that's maybe some tweaking is going to be required for it to look as good on mobile as it did on desktop Yeah, it's not a great answer but this is control-based like could an editor for example create a Style guide and then lock it down and then Could have an in person create a style guide lock it down and then have an editor or a contributor use the standard because if not you're They could look awful, right? Yeah, I actually had the same question asked Last month and I think it's such an interesting conversation and I was asking this afternoon Anthony who's one of their lead releases for Gutenberg is giving a talk and we I spoke to him about this because this is a problem right now There isn't a great way to lock down the Gutenberg controls And it often creates these these incomplete flows where someone who doesn't have access to upload to the media library adds a media block has the option to either upload or pick from the media library and The media library button works fine because they can pick they have that authorization But then the upload button just gives them this error message So we're encountering a lot of these situations where there's just a disconnect between Between something that's you know very locked down and the user permissions and the way that we interact with Gutenberg I don't think we fixed it yet But Anthony seemed to say that it was something that he was very interested in fixing and in and it's something that across the board a lot of users are going to experience because That's a very common use case if we develop these these reusable blocks if we allow people who are you know in the marketing team or the Content team or something, you know or an intern. You don't want to have everyone using it kind of haphazardly I don't think it's locked down right now But I wouldn't be surprised if any of the plugins that currently offer those Services on WordPress websites like ones that do very granular Permissions are going to end up integrating that into Gutenberg in some way. I wouldn't be surprised. That's something they're working on now Let's say you've deployed a block on Well, it'd be nice to have change that spelling mistake Figure out until the 30th page How does that inheritance worker you have to go back to all 30 pages and That's very similar to her question. Has anyone played with Gutenberg and seen how yeah There's no one really here. So like this isn't a shared Library that you encourage to be used that way. To Henry's point that kind of stuff goes to your feet This is like think about what this is This is would you introduce the same paragraph? Is that something that you normally would do So the question is where does Gutenberg start and where Where does this idea of the theme design start Very important thing to me and in your mind This is what I prefer to do Think of it as the the studs of a house foundation right And the walls pictures on the walls What? You're saying you might have the same sink over and over again me And so the idea of changing the studs of your house You're not gonna do that with Gutenberg Where it's changing Decorate that the picture on the wall in the living room or the TV the TV size in one room But it's not a great analogy But the start and end and the start and finish is very important today today It's very important to understand if you don't like it's if you choose products and tools or make solutions that Blur those lines you will be in trouble. I promise we have the meetings in this room With the let's fix it out. Let's fix your website. Why I regularly have people come to me and say I don't know how to change my home page Well, can you possibly not know how to change your home page? I have no idea the Texas Let's go over on that side and then we'll Will it change Yes Yeah, it won't affect your old posts unless you go and if you have both, you know The classic editor and the Gutenberg editor you'll have the option to edit your post which with whichever editor you want so then you go into old posts and Transform your paragraphs into blocks You have a button that will say that and then you can and then you can get in fire Gutenberg if I your old Posts or not up to you CNN Amazon all the big giant you can't just When good Every settings on or off Because if I have great it and it goes without for two seconds, I'm gonna get fired If I try to plug in right now, you give me the same effect as when it's in court Gosh Your fire Got a copy of your production side But if it doesn't if the plug-in doesn't screw me up, it's maybe the same code Supposedly yeah Soccer could have seen it. I'll come they have operate or national tolls or whatever That's more press and they operate and screw set up. That's just even five minutes They can not install 5.0 on a production site without testing Here without testing it on a clone version if your organization is big enough to not have a staging site Do your tests you've got a bigger problem I Can't shut on the slide time to make a staging clone copy and test it there before you You should do that all the time Even the scene that we have you know when you look at the seam and More press over. There's no tax saying it's Gutenberg Right, right? Like with any big change yeah, you have to test it you have to go with a big site like that you want to be really careful