 All right. Welcome to Build a Blog with WordPress 6.2, a new release preview. Oh, my goodness. I am so excited about the next WordPress release on March 28th, I believe, is when you'll be able to update to this on your live website. Today's a little bit of a sneak preview. Just quick note about me. I'm Sarah Snow. I use pronouns she, her. I'm a Florida resident by weekday and an RV traveler by weekend. We're making that happen, which is very exciting. I'm a former middle school teacher that will definitely show as we go through this presentation today. I am a parrot and Charpaymon. So you may hear some barking. You may hear some chirping. You may hear some whistling. It's just one of the realities of working from home. I love to cook. I love learning languages. I'm studying Spanish right now, American Sign Language in French. I love traveling, obviously, in the ocean. And I am a training team contributor slash mad scientist sponsored by Automatic. So yeah, bringing this content to you today with Katherine Pressner. It's my co-host. So let's talk some quick expectations. As always, stay curious. It is so important that we always respect yourself and everyone in this room. Definitely feel free to ask and answer questions in the chat box. You are definitely welcome to ask and you are also welcome to answer. But do know that if you have a private question or concern, please, please, please message it to Katherine rather than me to make sure that we have a positive learning experience here for everyone. I can get a little distracted when I have private messages on that slows us down. So and of course, stay curious and patient. We are all learning together, including me. I learn things from you every single time we run one of these. So yeah, keep that in mind. This session will be recorded. You can find those recordings on learn.wordpress.org to review at your own pace. So I'm just curious. I like to know where people fall before we get started because it helps me figure out like how fast or how slow I should go. So how much do you already know about setting up a blog or website with WordPress? One is I know almost nothing and that is okay. Two is, hey, I'm comfortable with classic themes, but not block themes. Three is I understand the basics of block themes. Four is I feel comfortable using block themes like on a test site. And five is, hey, I'm confident I can use a block theme on a live website. So I'm just curious where everybody is just so I can get a sense of how fast or slow I should go today. Okay, I'm seeing a big mixed crowd. This is great. So we've got some threes, some ones and twos and fours and threes. Okay, okay. Well, cool. That means that we can probably skim the basics a little bit. We'll definitely touch on them for sure. But yeah. Ooh, four you prefer block themes. Yes. Hi, Mark. Andrew five. That's wonderful. Okay, so let's talk about we're covering today. We're going to cover how to set up your blog with a block theme specifically using the 6.2 features. We'll go over a few block theme basics, but we do have some courses for you. If you are a one or a two, you've never touched block themes before. And this moves a little fast. Highly recommend starting with this part one simple site design with full site editing course. That will get you very, very far and it will definitely slow down. So if you're like, whoa, she clicked there and there and there, why did she do that? This those courses can help you with that. So definitely save that link if you are brand new. And we're going to go over some 6.2 features. So the new style book, who I'm so excited this fixes so many of my problems. The pattern inserter, we're going to go over openverse images, sticky headers and footers. And if there is time, there are some issues to work out. But how to copy and paste already styled blocks so that you can reuse them as simply as possible. So some things that we will not cover today. We're not going to go super slow. We're going to touch on some basics. We're not going to go step by slow step with a block setup. So if you're over here like, hey, I want someone to walk me through this. And I want to design with you. We have this great online workshop. It's about two hours that does that using a lot of the tools that we use today. So I highly recommend creating this WordPress blog of your own. So yeah, you have that resource, save that as well if you need it. So we're not going to be going over the WordPress dashboard in depth. If you are brand new to WordPress and you're watching me click all of these different places, we do have some courses over at learn.wordpress.org as well. So it will move a little fast because it is also doubling as a 6.2 WordPress preview. So if you're totally brand new, just know you are so welcome. You are welcome to ask questions. People who are 3s, 4s, 5s, please answer those questions in the chat and we'll just keep this moving. Somebody requested that we go over adding functions to block themes with custom post types. That is an advanced topic beyond the scope of today, but I have noted it and I will probably, if I could figure it out, figure out how to do this for a more advanced online workshop. So let's get started. First off, what is the topic of your blog? What is it? And it can be your website too. Like this kind of doubles as both. I just like the title build blog. But what is the topic of your blog? Go ahead and answer in the chat box. Some of my parents, I talk about living with birds. I have family recipes that you'll see today. It's just for my family though. No one in the right mind should ever, I mean, sorry, no one should ever use my recipes. They're not thrown together very well. I have a random personal one. The latest one I've been working on is an open source teaching, contributing stuff like adventures in WordPress. And then I'm also starting a blog on attempting to travel and work with parrots and an RV. So good luck to me. But what are your blog topics? Oh, there's one on cities and German speaking countries. I need that on my travel bucket list. That sounds fantastic. Oh, I would so read that blog. Football one. Yes. I'm an urban hiking in and around Denver. Oh, Lisa. Yes. I can't wait for that one. I might be utilizing that in the near future. Any others? What do you like to write about? Psycho geography and walking. Wow. I generally build websites for clients that include a blog page. Yeah. Okay. Beautiful. Okay. Entrepreneur over 45. WP help desk. Yes. Oh, such great ideas. I love it. Thank you so much for sharing software projects, all of that. Oh, that's so great. Cool. So we, I sent out in an email some setup instructions if you wanted to follow along here. Those setup instructions can be found here. I will drop this link in the chat. You are welcome to do this along with us if you would like. But I'm hoping you all have some setup already. It both sets up a local installation on your computer. And it also gets you set up to use WordPress 6.2 in a safe space that's not going to break your real website. So let's, yeah, let's, let's get started. So I'm going to move over to my test blog. And right away, does anybody notice any differences? Do you see a change? Just curious. While you're writing, I'm going to click into this editor over here. Yes, Jane, you are absolutely right. There is no longer a beta button here. The WordPress site editor has come so far that the developers felt that it was time to remove that beta flag. So that is wonderful. And yeah, so since we're using a block theme, there's not a customized button here. We're going to be using this editor button. So if you are following along on your own, head to your WordPress dashboard, hover over appearance and editor, you're going to notice some new things here that are coming out with 6.2. The first of which is that, hey, we've got a beautiful sidebar here that shows templates, template parts, we can click through, pick different ones, and we're going to go over what these are in just a minute. So if you're like, what are templates, what are template parts, we'll get there. But it does make navigating a little bit easier. It's a little bit more intuitive. So I'm really excited about this change. So in order to move from this base to the next, you just have to click on this box to the right here and that will take you to your site editor. Cool. So let's talk about design. Today we're designing primarily. So we're not necessarily writing content. We're not writing our blog posts. We're not creating like an about me page or content or a contact page. And the overall idea is to focus on the look and feel and structure of your website. So things like what always appears at the top of your website, your header, and what always appears at the bottom, your footer, and how each page template is laid out. So that's basically the topic of today's blog. So for those of you who are ones and twos and are like, whoa, this is the first time I'm seeing this, think about your theme as a picture frame. Right? So if your website is a picture frame, at the very top when you're creating your frame, you've got your header. This often includes your logo, your site title, your tagline, maybe some navigation links, maybe a search. And this is something that is generally always at the very top of your website. It allows people to find what they're looking for. And the second thing that you'll usually find on most WordPress themes is a footer. And you'll see copyrights, navigation links, social media links, contacts, etc. So when we design today, we're going to start by creating a header, creating a footer, and then we'll work on everything in between. So once you have them, these are known as template parts. So these are things that will be reused across all of your different posts, all of your different pages, wherever you've set them to be used. So it's an idea of, hey, design once, and you don't have to do this again and again and again on every page. So it's very, very cool in that. So in between, we have our templates. So this structures the way different pages look and are laid out. It's kind of like the center of your photo frame. So you're going to see some templates that include a page title, right? And that pulls information from pages. So if you're making, you know, a standard four-page website, you might have home, about us, contact, and I don't know, privacy policy or something. Whatever you name each of those pages in the dashboard, that's where that appears. And then you'll find your page content. Anything that you write in those poster pages gets pulled through and shows through within this picture frame. So that'll all be in between your header and your footer. And different pages can be set up to display in different ways, right? So we've got a page template. This is how a general page might look. Meanwhile, a blog template might look something more like this where it has, you know, whatever your blog's featured images, your post title, the date it was published, maybe an excerpt, right? So this is pulling directly from a different dashboard. So for those of you who are super new, you can kind of see this here, right? So this one is set up as a blog right now. We've got a Hello World blog post. That's the title of the blog. You don't write in this site editor. You don't write your content there. So I'm going to head back to my dashboard over here. You'll notice here, if I click add new, give it a title. Fighting birdies. Apparently I made it all pops before this. I don't know why I did that. That's okay. I can write my content here. I'm just going to take this and move this over into my post settings here. Again, this is going to move a little fast, but I'm just going to drop this in my excerpt. I'm going to publish it. And you can see when I head to my website that the post title appeared here. The excerpt appeared here. Here's the date. So these templates structure the way WordPress pulls things in from your pages and your posts. So that is the quick overview of how your theme works. And I don't see any questions yet in the chat. All right. Looks like y'all are with me. So let's keep going. So the first change was 6.2. Solves a very interesting problem. And that is when you're first looking at your website. There's not a lot there. So it's really hard to know what it is that you're styling. So if you have an empty website, the style book is going to fix this problem. So someone asked, hey, I keep having to adjust the font size when I add a block. Is there a setting to edit the default font size when adding a block so that you can set it once and forget it? And then anytime you write a paragraph, that should be the right one. And the answer is yes with the style book. So let's find it together now. I'm going to head to my dashboard, WordPress 6.2, available March 28th. If I had two appearance and editor, one change from 6.1 is that now you have to click in here in order to find all of your different tools. We're going to head to a place called our style. So you see this little half moon up here in the corner. That is our style setting. This is the option where you can go and set what you want your website to look like in one spot and have it apply everywhere. Now there's not a lot on this blog right now. So the way that we can figure out what all of our different blocks are going to look like is through this little eye icon here. This is the new 6.2 style book. So go ahead and click that button and you're going to be taking to a page that looks like this. And this style book is a representation of every single block that your website can be built with just out of the box. So you can add blocks to your WordPress website with plugins, but the ones that come standard, this is where you find them. And it's organized in your text, in your media. So images, videos, things like that. You also have your design tools over here. So you can figure out, hey, what are your buttons going to look like? What might columns look like? It allows you to see what you're doing as you're doing it. You also have widgets. So like your calendars. And you also have themes. So this is things like what your navigation will look like, what your site logo will look like, what the title is. If you have a tagline, what that will look like. So you can see very, very quickly the changes that we're about to make. So if you're using the 2023 block theme, there's this button here called browse styles. Styles are not part of the style book. They came out with 6.1, not all block themes offer this. But if they do, you may have several different color variations to choose from. So I'm going to show you what happens to every single block just by choosing a different style. And you can do the same thing as well if you would like. So you'll notice that my text has gone from black to white, and the background has gone from white to black. You can see that there is a color overlay that has been automatically applied to every image in here. You can see that under design, my buttons have completely changed colors. So this is a very, very quick way to see kind of what you're doing. So let's say that your theme doesn't offer this or that you want to have a lot more control, right? I'm going to pick. I'm going to pick this. This looks really nice. And the way that you can edit it so that all of your headings look a certain way, your paragraphs, et cetera, it's going to be through your global styles here. So this allows you to design once and have confidence that whatever you write, if you're writing a post, if you're writing a page, your choices will automatically be applied there, which saves you so much time. So you can explore a lot of these options here. So for example, typography, you can change your font size, few clicks of a button there. You can change your fonts. Different themes offer different fonts, but you can also use plugins as well to insert a couple more. But now you can see how this change has been applied to my entire website. So the text under my list is the same text as is in a paragraph is the same text that's in a heading. You also have a lot of control over, of course, the colors in your website. So I could change my background from this dark black to maybe, I don't know, a dark blue, just with a quick click of a button and see how that change applies to everything. And I think the thing that I like the most about this is because I can go through and I can see what is going to look like what before I do it. I can check and make sure, hey, is my contrast bright enough? Is this accessible? So for example, this calendar, I've noticed with this particular style variation like that does not have great contrast. So I also have the ability to go in block by block. Now before it was 6.1 in order to figure out like, where do you even design? Where do you click the buttons to make the calendar change stuff? You used to do that through styles and you still can. And you would do that by heading to your global styles and clicking on blocks. 6.2 allows you to just click on it. And voila, I am now looking specifically at the calendar block. So let's say that I want to make this more accessible, right? Because having strong contrast is so important. I can say, you know, I don't really like the background of this. What happens if I make this, I don't know, more neutral background? Okay. Now everybody can see the writing, but it's still like it's pretty faint. So I'm just going to experiment with this a little bit and just see what I can do here to make, ah, there we go. Now I've got a dark black background and bright white text. Now this is accessible. And I was able to see that without even having to add a calendar to my website. So it's really, really powerful here. Yeah. So what this means is that not only can you stylize your website on a global scale, changing all of your colors with a click of a button, you also have the option to work on specific blocks as well. So let's say that I'm writing, making a writer's website. And I know that I want my quotes because I'm a writer to always pop. I want it to be a little different than my lists, than my, I can scroll up, than my headings, than my general text, my paragraph text. I can click on this. It will bring me to that specific quote. And now I can adjust the typography. So I'm going to make it super large. I think I want to make it, I don't know, italic. Oh, now we're going somewhere, right? I could even change the color, right? All of that I can do without using any code, which is a huge departure from classic themes, which required you to know CSS. So it's really exciting. But now this is something that I learned the hard way that I'm going to show you in changing this quote block here. Anything that I do to the rest of the text will not be applied to this quote block because I've styled it individually. So let me show you what I mean by that. So I'm going to head back out. So I was in typography of the quote. I'm going to click this arrow in the right hand corner. I'm going to get out of blocks. I'm going to head to my typography settings and I'm going to change my text to a different font. You're going to notice that my list up here changes, but my quote block does not. So, oh, it did. Oh, it's because I didn't set the font. Okay. Hold on. The size should not change. So notice, okay. So because I didn't set the font, the font was changing. But because I set the size and the italics here by changing the font size everywhere else, this is not changing. So as you're designing and you're going block by block, really consider if you want a certain block to stand out and just know that you may have to go back and un-style it going forward. Great question in the chat. Someone said, hey, is it possible to export or import all the custom settings? Yeah, actually. So let's say that I've styled this and I wanted to make it so that these were the defaults so that if a client were to install this website, they could do that and you wouldn't see that this was a preference. It would just automatically be there. There is an export option up here that you can use. And when you export it, all of the choices that I just made here become hard coded into the files theme.json. It codes it for you. That's a really advanced thing that you might do. There is a learn.wordpress.org tutorial that will cover that in depth. What is it? It is. You can also do the same process with create block theme. It allows you to manage fonts and it also allows you to develop block themes without any coding as well. So there's a link to the, not the tutorial, the plugin itself, which is really helpful and the way to use it here. So that is definitely a very advanced thing. For those of you who are new, don't worry about exporting it. You can just make whatever changes you would like to, where is it? To my templates here and it will stay. So now I really like the way this looks. This is really pretty. Looks like a great writer's website. If I decide that I want to go and write some pose content, here I go. The color is right. The color is right. The fonts are the same. My text size was predetermined. You don't have to design it on every single page, which I don't know. I think is so exciting just because of how hard this used to be. Once upon a time, like 20 years ago, they just keep making better changes anyway. So that's the first thing that we recommend is by using that style book. So when you first get started, head to appearance, editor, click into your site, and then click on the styles button. And then rather than just clicking buttons over here, use this style book button so that you can see what your blocks will look like before you use them. Okay, pausing to see if there were any questions. I don't think so. Any thoughts before we move on? All right, let's move on to the next thing. So one thing that I, a huge mistake I made in a blog design of my own was in post and pages. There's an option that does something similar known as settings. I'm going to show you where those are and what those look like. And it can be really tempting to use settings instead of the global styles. I recommend not doing that unless you only want that to apply to just that one page. And let me show you what I'm talking about here. So I'm going to head out of, let me close some of these so I don't get lost. So I'm going to head to the content portion of my website. So my posts, my pages, and I'm going to click add new. So imagine that I want a white box and black text around every page I have, right? That kind of, that looks kind of fun. So I'm going to start writing. If you're in the post or page editor, there is a very, very similar button. And it looks like this. And you'll notice that it says settings. You'll also notice that there are color options here in settings. So I can say, hey, I'm going to change my background. I'm going to make it white. And I'm going to make my text black. And I want this link to be blue. Like if I decide to write a link, it'll be blue. So I can publish that. And you can see this page. It displays normally, right? But let's say that I wanted that on every single page that I was doing. Or conversely, let's say that I didn't want that anymore. I thought that I was doing this and I needed to go back and I wanted to make my text look the way that it does everywhere else. Those settings can interfere. So I'm trying to figure out how to explain this just a touch better. Basically, it will only, if you use your settings under edit page, which is separate than edit site. This is editing your content, what you're writing. This is editing the look and feel of your website. This is only going to appear on this page. So that can be good. It can be useful to know. But if I want to, if I use this on a lot of different pages, it's probably a better idea to head to your site editor and style that global stuff. So you're only styling this block right here. You're not styling anything else. So if you wanted to make big sweeping changes under your appearance and editor, you'll notice that that block won't change. So let me show you what I mean by that. So I'm going to click in here. I'm just going to pick a different style variation just super fast. Make it very, very obvious that this has changed. I now head back to that page. Okay. So it looks like the background changed, but the text was pushed through that. That was unexpected. But you can see that this caused a problem and it's because I use the settings there. So if you have something weird like this that happens, that's one of the places where that can be the cause. So just be aware of that. Keep that in mind. And if I want to fix it and just clear it back to the defaults, I click on edit page. I use this handy dandy list view here. If you are brand new, this list view is one of the best tools because it lets you figure out exactly what you're working with. And I can just go through and deselect this. So clicking the same button removes the styling back to the default. So now if I go back to my site editor, I can make the changes that I would like and have it also apply to this page as well. So that was one gotcha that I had that I hope this will save you from as you are designing your website. Okay. I don't see any questions. So let's keep going. The next thing that you can do is you're styling your website and or blog is to create your blog frame with pictures. So think back to the picture frame analogy. We want to get started fast, right? I like to design things from scratch, which is a terrible idea for me because I am not a designer. Patterns help me do this very, very quickly. So let's say that you have styled your blog here. So appearance. Oh, I'm on the wrong blog. I have to show you that later. Let's say that you're done styling appearance editor. We're back in our site editor here. And I'm just going to go back to the other style that we had because I liked it. There we go. We're all done. Totally styled, ready to go. The first thing that you're going to want to do is probably create a header, right? What appears at the very top of your website? So it can be tempting to do this in here. There's a header block. You will notice that it is purple. Your footer also is and that is because it is a template part. So this is a new thing that's coming out with 6.2. They have changed this so that you can know that something is a template part, basically the outer frame of your website that will always be there. Just keep that in mind. So you can edit this from here. But the thing to know about template parts, especially if you're new, is that if you make a change here, any other template that uses this header will also have that change made to it. So let me show you what I mean by that. So your blog is made up of multiple templates. So basically multiple layers of how your content is displayed. So you'll notice I've got a 404 page. Oh no, my website doesn't exist. There's a header up here and there's a footer down there. There's that frame. It is always there. You'll see this across a lot of things. So my page page, there's my header, scroll to the bottom, there's my footer. So a best practice for you as you're designing for the first time is to actually head over to template parts. So this is a button that appears now at 6.2. As soon as you enter the site editor, if you click this, you'll see a list here of different template parts. All themes offer different template parts. You will usually find at least one header, which means you can use more than one if you want, but you don't have to. And you will usually see a footer as well. So I recommend that you head to your header first and just pop the first part of that frame on. So once you're in here, make sure that you click on it so that you can start making changes. Oh, I'm sorry. That's different. Apparently, you need to click this pencil button to edit it when you move between template parts. And I think that's just to make sure that you're very aware, hey, I am editing the very top part of my website. So I'm going to click that. So right now, I'm going to use my list view. Again, if you're brand new, use your list view. Oh, it makes it so much easier. And it looks like this is grouped together online. These little arrows allow you to expand this out so you can see the full list of blocks that you are using to build your website. So right now it's got a site title. It's got a page list with navigation. And this row means that it's side by side, at least on full computers. One thing that you'll notice is as the screen size changes, it stacks. So this kind of shows you what your mobile view will look like as well. So this is a new feature as well to 6.2. You see this little bar here. This allows me to expand my website to a full width if I would like. It also allows me to shrink it down so I can see what this will look like on people's mobile websites, which is really good news because it means that you can really see very quickly how this will look. Yeah, so this is a pretty simple header. If you're like me, you probably want something like real fancy. Maybe not. But you have a lot of options here. So one thing that you can do if you're adventurous, using your list view, I'm going to click these three dots here. And I'm going to remove this whole group. Seems real scary. One thing that you'll want to know if you're new is that you can undo things with a few clicks of a button. That undo button is right here. And Sean made the point, the list view is helpful even if you are not brand new. Yes, the list view is the way that I keep what I'm doing straight. So I've got a paragraph lock here. Okay, how do I add something new? We're going to go to our insertor button. And those of you who have been around WordPress for a while are going to see some new stuff here. You'll notice that we have blocks that we can build with. We also have patterns and media. If you're working in your template parts, this patterns button pulls from pre-made patterns that are made from designers around WordPress who've submitted their work so that you can benefit from their design. Makes it a lot easier, especially if you're just getting started, to see kind of what you want. So I'm going to select this headers button because that's what I'm working on. And I have all of these different options here that I can pull from. So let's say that I like things that are fancy. So I'm going to grab this one and see what it does. I'm just going to click it. And you can see this is now automatically applied. So it's got this nice background image. I think that this is a page that I wrote. Yeah, that was a page that I wrote. So this is a navigation menu. And you'll notice that it's hard for me to know exactly what I'm looking at because I'm not using my list view. So let's see what it is that I actually put in here. This is all expanded out except for this row, site logo, site title, page list. Oh, and there's a spacer. So it looks like, oh, I can adjust the height of this as well. So I really like this. I like that background. I think there must be a color overlay there to make sure that it's lovely. But I can click that to see. So you'll notice when I clicked it, it took me to something known as a cover block here. You're going to be able to find different block settings when you click on different things. So whether you click it on it in here or you click on it in your list view, you'll notice this bar is changing. So I can change it so that it has green and red. I can select my own shadows and highlights. There's a lot that can be done with this toolbar. So the other place that you will find different settings for each individual block is going to be over here on the right under your styles. You'll also notice that there are some settings in here as well. And these different block settings will appear and give you different options. So because I'm working on the very top part of my picture frame, anything that I do here is going to be applied across the entire image. So if someone asks, hey, can I change the background image? Can I pick the background? Yeah, absolutely. So this is one of the, so to do that, there's a replace button right here. You can open your media library. If you have something in here, you can pick something or you can upload a file from your computer and completely replace it. And what's really cool about these settings for at least the cover block is you can choose, hey, I'm like this big so you can see it. You can pick where the focal point is. Let me try and up that contrast so that it's a little bit brighter. So you can see how that is changing. So yes, you can definitely change it. Catherine posted a great link in there as well. So I'm going to keep this nice and dark so that my text can be read. I'm going to save this, head back to my templates. And I do that by clicking on this W icon up here. This icon can change. If you set a site icon or logo, I can't remember which it is. This W icon will be replaced by whatever one you choose. So it's this top icon and then you can just navigate back. So these are other template parts. If you click on templates now, let's go look at our home page. I'm going to edit it. You can now see that this has appeared on this block. So I already made this sticky. Whoops, let me fix that really quick, y'all. I was practicing before today's session and forgot to turn this off. I'm doing it just a second. Oh, did I actually figure out the thing that I couldn't do earlier? I think I figured out. It opened the position tab there on the right. Position tab? If you made it sticky, it would be under position. I know. Oh, there it is. I just missed it. Yeah. Okay, cool. We're going to talk about what that is in a second. So this allows you to manipulate that and change how things are. But now every single template that uses this that says, hey, I've got... Oh, that is not what I wanted to do. Back I say. Every template that you have that has a header in it that uses this header template part, any change I make to it will be right there automatically. So that's really, really cool. And someone said earlier, hey, you can also just click on it and edit it here. Yeah, you totally can do that as well. But do know that if you're doing this, this is not just applied to this page. Where are my cover block settings that I was trying to look at? They're down here. Huh, they moved. I want this to be full width. That's not working. I'm going to have to figure that out. Anyway, what was I saying? Oh, it will apply everywhere else. So if you are working within one of these purple template parts, do know that if it's on another template, that change will be made as well. Cool. So there was a question about how would you control typography of captions or is it still via CSS? That's a good question. Why is this still sticky? I don't know why that's still sticky. Either way, I'll get there in a minute. It might be group fill with. Yeah, that might be it. Maybe. So and one of the things that you'll notice is that this is taking me some trial and error too. And I think it's really important to know that even if you are brand new to, or not brand new, even if you are advanced at using WordPress, you're still going to want to click around and see if you can figure out. You're still going to click around and get used to it. I think I know what I did here. Did I do this in a different way? Is this the sticky thing? Hold on. We always learn things as we do this. Thank you so much for your time. So I'm in the group. There's that advanced. No, fascinating. Okay, I'm going to figure that out in a minute. But highly recommend you start with your header, get it looking the way that you want it to look, and then head back to your template parts and do the same thing with your footer. And again, you can completely just remove it and add in a new pattern or you can play with all of your different blocks using your inserter here to frame your picture. So that would be step two. And this is our next thing, the sticking headers. So once upon a time, once upon a time, it was not possible without CSS or coding to make it so that your header, oh, now it's working. What? I think I might have discovered a bug. You'll notice that this cover block now goes all the way across the screen. Just know that because this is so brand new, you may discover some things like this. Apparently the changes that I made earlier were not automatically described on the screen. So I may put in a bug report about that. Anyway, but it didn't used to be possible to keep your header at the top. So you'll notice that when I scroll down right now, the header disappears with it, right? Let's say that I want this to stay here. I would like anytime someone goes down to read, maybe I make this a little smaller so it looks a little bit better with that. Anytime somebody is reading, I want them to always see my logo, my site title, and my navigation just so they don't get lost. What you can do is stick this to the top of the page. And that was what I was fighting with a little bit earlier today. So the way to do this is not actually in the header template right now. So what you have to do is actually nest it inside of a different block. And that actually may be what was causing the problem earlier. So let me show you this a little bit. So what I'm going to do, if I want to stick this to the top, this is a 6.2 feature, I'm going to right click and I am going to select this group button. Okay, there's something in the group block settings that's doing that. That's okay. But why does it do that? Hold on. Go back. I want my header here. I want you to be grouped. There we go. All right. So now my header is inside this group. It is only within this group button and maybe the cover block option as well that a new feature appears. So I've got this group block selected. And you'll notice that it doesn't appear here. This allows me to ungroup it. This allows me to move it. And there might be some other options here. But the way to get this to stick to the top of my page is under this position tab. If I select this and select sticky, the block will stick to the top of the window instead of scrolling with the website. So now check it out. You can see that it's there. Oh, wow. And it see through on the side. Oh, there's so many interesting things you could do with this. That's really cool. Anyway, so this theme must have something in the group settings that puts the space on either side. I may go back and try and fix that in a little bit. But as you can see, this is stuck to the very top of this page, which could be a really cool feature. So if someone asks, can you do that with just the navigation? Great question. Let's find out. I'm going to undo it right now. So I tested this earlier. And you'll notice that I'm doing this in a template, not on the template part itself. So I'm not sure this is going to work, but we're going to try it. So what I'm going to do to try this, it may not work at all. Let's make crash and burn. I'm going to head to my template part. I'm going to click on header. I'm going to edit this. And now I'm going to use my list view. There's already a group there. There's a cover. There's a row. There's navigation. I might be able to do it just with this row. I think it needs to be grouped though, because I don't actually see that in these options. So I think what I'm going to have to do is put this row inside of a group. So I'm going to right click and I'm going to right group. So now if I click this button here to expand it, see what I'm looking at. You can see that this has been put inside that group. This group under my settings over here on the right should, is it template? No. I have group selected. Okay. So that feature did not show up. Fascinating. Okay. So I think there might be a couple other ways around it. We may, towards the end, experiment with this a little bit more, but it looks like it has to be in a template, not a template part for this would be my thought. Catherine, do you have any ideas? Do you look like you? Well, yeah, I'm actually reading the GitHub ticket where this whole concept of sticky parts was discussed and Eagle just chime in says it only works on the parent group. So somebody else pointed out earlier that when you start nesting groups like that, you get limitations as to which piece of it can be sticky. Which makes sense because you're just going to start to get some really weird effects. Yeah. Okay. Well, let's take this out of the, yeah, that makes sense. I'm going to try and move this out of here. It doesn't want to move out of here. That does it. Come on, you. There we go. All right. So I moved this out of it. So it's no longer in here anymore. But it is now the parent group. Aha. Our position button has reappeared. So position sticky. Let's save it. Let's head back to our templates and see what that did. Fascinating. Y'all, what great questions you're asking. Here we go. Templates. Good work index here. It did. Oh, interesting. It only did within that template, Catherine. Did you see that? So you'll notice that it scrolled for a minute and that like it stuck for a minute and then it kept going. So it only stayed as far as that template part went. I think the idea is that it's meant to be for the whole header. So while you can start experimenting like this, like looking at this ticket, like the whole concept is fixed position header and footer template part. So yeah, as Mike says, it won't jump to another group block. Yeah, that's, I love that, though. What a cool effect. Like you could do a lot with this. I love it. Okay. Wow. That just, that feels fancy. All right. Let's keep going for the sake of time. Great questions, y'all. So you'll notice that we're learning together and you will learn new things every time you play with the site editor and that is expected and okay. And it gets better and better. Okay. So next one. No pictures. No problem. Once upon a time when I was a student, I used to go and just rip pictures off of Google. Turns out you're not supposed to do that. There are copyright issues and you don't want to get sued and or fired. So what can you do if you are not a master photographer or graphic designer? There is a new feature with 6.2 that allows you to grab some photos. So let's say we were writing a post. Let's add a new post. New post. So I want to start with an image. If you click up here to your block inserter, there is now a button that says media. So if you select that, there is a button there called openverse. And I can search openverse for all kinds of stuff. So I'm going to look for, apparently there's not a picture of a Sharpie. Sharpie? No? Let's go with dog. There we go. Oh, look at this. This little sweet wrinkle dog. Okay. So you are able to find images that you are welcome to use on your website here. So this beats just go into Google because you're probably not going to get sued for using these because they are open source. So I click it. And you'll see a couple of things happened here. So we've got the title pug dog by Matthew. And then this here, the CC01.0, this is the Creative Commons license. So what this does is it tells you how you are allowed to use it. So this is a public domain dedication. It's the human readable version of what this is. So the person who took this picture, they dedicated this work to the public domain. They said, hey, this isn't mine. Use it. Enjoy it. It's great. And you can copy this. You can modify it. You can distribute it even for commercial purposes, all without asking permission. So there are a couple of rules here. Like don't, you know, say that the artist endorsed, like endorse your website when they didn't. I'm not sure. I have to explore this. This is so new that I'm not sure about like this, but some of them require attribution. So it's the title of what it is. It is the author. I'm not sure that this one does. I'd have to look into it, but definitely check these licenses if you're worried about it. It's always a great idea to give a nod to the people who took the photos. But definitely do check the license conditions of the images that you pick. And you'll also notice that under this media, openverse search here, there are these like three dots. You can also report images because it is open source. Sometimes something might slip through if it should not be on this page. Please don't hesitate to report an image or two. And someone said, yes, this sounds easier than using stock images. Yeah. I have found it to be significantly easier. It's streamlined by workflow. Yeah. So there was that. And I can publish this page. I can view my post. And yeah, it's all right there. So I think you might be getting the hang of this so far. The last thing that I wanted to show you is a new feature. Is pushing up one block style to all the others in its class as well. This is a more advanced feature. I've been playing with this for two days. It did not work the way that I expected it to. Catherine solved the problem though. If you style a block, you can copy and paste it in a way that preserves the things that you have styled. So I actually have to, Catherine, realize that you had to have an SSL certificate, which your local WordPress installation will not do for you. So in order to do this, you got to add new posts. This is just my personal food blog. So it's just where I store recipes because I'm too lazy to write them by hand. Here is a post. This is a block. So now I can style this block if I want to the best of my ability. And if I want to, I can copy this block and I can underneath it. I'm using my inserter, always reminding myself I can duplicate that block. Or if I am writing a new block, oh wait, I'm not upgraded to 6.2. I knew there was something I was forgetting. So in 6.2, when you select this, there will be an option that says copy block styles. You will be able to paste those block styles directly onto here and it will then match what I did up here. So I don't have time to do that, but it's just something to be aware of, something that's coming with the sneak peek. So yeah, we are coming up on time here. There's also a way that you can push a style to every single other block that utilizes it. I haven't figured that one out yet. I'm rerunning this and hopefully we'll have it figured out by the next time next week. But yeah, I'm curious and we'll have some time for questions at the end here. Now that you've sat through this presentation, how much do you know now about setting up a block with WordPress? I'm just curious. Michael says a five. Yeah, I don't know if that's different. I have to compare. But Sean asks, does 6.2 still have the reusable block feature? You love that feature? Yes, it does. I don't think that feature's going anywhere. Yeah, 4.5. Any others? Any others? I see a four, a four. Michael says that 6.2 should also just pull in creative common two, meaning that just ones that are completely free to use. Okay, I don't know if that's a thing that we know for a fact or if that's probably what we should suggest that we do. If that's a fact, let me know if you're just saying, hey, this is what I would like to have them. That's good to let us know too. I'm saying a five, a 4.5. Okay. Well, lovely. Okay, cool. Any final questions from today's presentation today? Is there anything that you'd like to see? Do you want to see me troubleshoot things? I'm going to click on my edit site button up here. I'm really curious about like, because grouping this block is what did that, right? So I'm going to head to that template part, because I want to see if I can make that go the full width. Template parts. And if you have a question, feel free to ask right now. I'm just kind of, so this should be the full width. Here, why is it not? I think it's because it's in a group. I'm not seeing, I can ungroup it, which might fix it. We can transform it from a group to a row to a stack. And our blocks use content width. So this says nested blocks will fill that. If I turn that on, oh, interesting. I wonder if that's what's causing it. This should default. I can make that sticky because it's a group. Let's see what happened if I just remove this group, not remove the group ungroup it. Just want to see. Now I'm going to head back to a template, not a template part. No, it's still fascinating. Sometimes things just work in interesting ways. I wonder if there is a style with that group blocks. I think I was in settings. Let's look in styles. So one thing that you'll notice is that there are lots of places to do a lot of things, right? We have our settings. We have our styles. I'm going to go to the group block and see if there's anything set there. I'm finding it right there. There's a layout button. Oh, fun. Well, it doesn't look like it. I can add padding. Oh, fascinating. Get out of order. Oh, wow. You'll just notice that you can discover really fun things. All right. Catherine says, please note that open versus not verify whether the images are properly licensed like for Creative Commons or whether the attribution and other licensing information that we've aggregated is completely accurate or complete. So do double check. Great. What a great idea. Copy paste from their page. So it's just better safe to be better to be safe than sorry. They don't really say anything there that I can see about specific CC licenses. And they're giving a warning that they haven't even double checked. So it's on us as site creators to check that. That's probably a good thing. Cool. Well, let's go ahead and end this a little early. I hope that this was an exciting peak into 6.2. And we will see you next time, y'all. Thank you for your time. Thank you, Catherine, for all of your help.