Yes, welcome everyone. As I already said, our topic for today is of course, setting up
your header and footer and we will be using a block theme to do that. So yeah, without
further ado, let's jump straight into the lesson or into the online workshop. Just to
kind of expand what I'm going to do today is I will be creating a header and a footer
using patterns in the site editor and then I will actually create a second demo using
a different header, a pattern and a different footer pattern. And then we'll see what type
of questions come from that. So I am going to jump out of here and I will make my way
to my test website. I am using the 2024 default theme for those people who are wondering and
I actually have no plugins installed. Alright, so we are here to talk about our headers and
our footers and I'm going to show you how to set that up from scratch. Alright, so the
first thing I have done is I've actually already created some pages. So of course, if you have
a blank site, you are going to go to pages and there will be nothing and you will be
kicking on add new page. But just as time I have already set up my pages. I've created
a home page, a services page and a bat page, a contact page and then for my services, I'm
providing music lessons. So I've actually created two extra pages for private lessons
and group classes. And I'm actually going to add those pages as sub pages in my header.
And then I also have a privacy policy page and a terms and conditions page. Right, and
of course, we want these to be in place because when we start creating our header, we want
those pages to be picked up so that we can add them automatically. You can add them later.
I will show you, but it's easier if you kind of set up all your pages and of course, plan
your website in advance. The next step is we need to talk about our home page display
settings. So to set up our home page display settings, we need to go to settings and reading.
So let's click on reading. Now, by default, when you start a new WordPress site, you will
see that your home page display is set to your latest posts page. But I want a static
home page. So therefore, I will be selecting a static page and then you can select a static
home page and you can select a static posts page. So let me go ahead and then select
the static home page. I will really create my home page. So I will select home. And then
next to post page, if you created a blog page or a news page or any dynamic page, you can
then select that as your static posts page. But for today, I'm not going to do that. I
have a services page. And as I've mentioned, I've got two other pages as sub pages that
I'm going to add for my my business website. And then we can go ahead and hit save changes.
Now the one thing I want to talk about first is the template that has been assigned to
my home page now. So I have set a static home page. So if we go to pages, you will notice
that next to home, it says front page because that is my my front page now. But the template
that has been assigned to my home page is the pages template. And I just wanted to point
that out. So of course, a template provides the structure or the design for a website.
We don't add content to a template. But we the template is like a container for all
our content to go in. But in our template, of course, we create our header and our footer.
That's why we're not creating our header and a footer. Yeah, we will do that in the
template. But because we've said a static home page, our home page is assigned to the
pages template, as well as all our other pages that we have created. So if I go back and for
example, select the about page, we will know all our pages have been assigned to the pages
template. So they will share the same header and the same footer. And of course, we will
all add all our content here. But that's not kind of our focus for for the day, right?
Our focus is on the head and footer. So yes, all our content will go there. And so let's
let's say all our content is already there. And then we can move on to actually creating
our head and our footer. And to do that, we need to make our way to the site editor,
because we modify our templates in the site editor. So now we can go to appearance and
then click on editor. And this is my home page. So let me click on my my home page, there
you will see home. Maybe I should just also mention this. So if I go to pages, you will
see my home page is already set up. And this is the page I'm on. And it's got that little
home icon. Okay, so let's open up our home page. Now, we we add content to pages, as I said,
and we modify our header and our footer in the template. So of course, I'm on my home
page. And you will actually see, if I click on my my my footer, I get this message, edit
your template. Let me just do that again. It says edit your template to edit this block.
And the same for my footer. I can't do anything there. As you will see, it's locked. I have
to go to my template. So let's click on edit template. And now you will see at the top,
it doesn't say home anymore, right? It says pages, because all my pages have been assigned
to the pages template. And that is where we can now modify our header and our footer.
You will even see it turns purple to show us, to show us that we can edit it. But it's
also purple because it will show us that it's it's it's a synced. It is like a synced pattern.
It is synced, meaning that if I change it here, it will update everywhere else it has
been used. All right, so I'm just going to open up my list view as well. I think that's
always helpful to kind of see where you are at and how the content or how the page is
built. All right, so you will notice that let me just open up my header here. We will
see that when you create when you create a new website, I'm using the 2024 theme. And
I've actually been provided by with a pattern already, which is great because patterns have
done all the hard work for you already. So we can just kind of go ahead and use this pattern
and tweak this pattern to meet our design needs. But now the interesting thing is you
will notice if you look at the navigation block, just opening up all this so that we
can see how this pattern has been built. But if we look at our navigation block, we will
see all the pages that we've been created have been added here. And you will notice if
I try and edit this, nothing happens. It's because it's basically been added as a page
list. And you'll see there's an edit button there. And even in your sidebar sitting on
the right, you will notice it says edit this menu. This navigation menu displays your website's
pages, editing it will enable you to add delete or reorder pages. And of course, that's what
we want to do, right? We want to edit, add and delete and read order pages. So you can
click edit here on the right, or you can click edit in your block toolbar. So let's
say edit. And once I click edit, you will see all the pages have opened up. I don't
have a page list anymore. And now we can start, you know, moving things around, removing
things, etc. Okay, so let's go ahead and set this up. So I'm going to use this pattern
for now. So the first thing we're going to do is remove some of the pages we don't want
here. And then build our header. Okay, so I want to keep my a bad page, my contact page,
the group courses I'm going to remove for now. Now, the interesting thing is when you
use the navigation block, as you can see, sometimes you can do things in the list view,
sometimes you can do things in the in the sidebar. So if I click navigation, you will
see I can see my pages on the left and on the right. So I can actually remove it from
here as well. So let's say for example, group classes, I click on the three vertical dots
and say remove group classes. I don't want my privacy policy page. So I'm going to remove
that. My private lessons I'm going to remove and my terms and conditions. Okay, so those
are the pages I want to use. And now we can reorder these. Now, there's two ways of doing
this again. And you can select and you can drag and drop. Or you can click on a menu item
and you can use the arrows in your block toolbar or the movers. Okay, so let's move
this around. I want my homepage and then I will use my arrows or my movers, services
page, a bad page and contact page. But not something else I want to actually do or just
point out that if you wanted to remove your homepage, so I'm just going to remove my
homepage for a moment. And then I'm going to click on the plus icon and I'm going to
say add block. And then we can say browse all. And there's a home link. Now it says create
a link that always points to the home page of the site. Usually not necessary if there
is already a site title link and present in the header. But I just wanted to mention,
even if you change your homepage display, you don't have to worry about your homepage
link again, because your homepage is there. So I'm just going to select the home link.
And that will take us to our homepage. And then we can ship that up again. All right.
So we've got that in place. The next thing I want to do is actually add sub pages. So
we are of course going to go to the services page. And as I said, my page is going to provide
music lessons. So I'm going to click on the three vertical dots and say add sub menu link.
And you will notice there's the pages that I've created. So I'm going to say private lessons
and do the same thing. Click on the three vertical dots add sub menu link and group classes.
And if we click on settings, we can of course play around with some settings for our navigation
block. Now the first thing I want to point out here is that if you click on display, you
can decide between two icons for your mobile icon, the hamburger menu. So let's for our
website, let's select the three lines for our hamburger menu. And below overlay menu,
we can say, oh, I actually never want a hamburger menu to be displayed. Or we can say only when
it's viewed on mobile, or you can even say always. And then you can see it pops up. And
then it will always be a hamburger menu. But we're going to select mobile. Now we get
to our sub menus, right? We are I'm just going to, for now, I'm going to click on the three
vertical dots at the top and say top toolbar, because sometimes these get in our way. So
if we say top tool, tool bar, it will move to the top. And we can actually see this better.
Okay, so again, let's open up our sidebar settings for now. All right, so we have a sub
menu, right? Private lessons and group classes. So let's just open up our settings again,
scroll down to sub menu. Now, at the moment, when you hover over services, you will see
private lessons and group classes. You can say open on click, and then you actually have
to click on it to open up. Or you can even remove it, but I wouldn't suggest that. So
we will say it will show arrow. But maybe for accessibility, I'm thinking, maybe that's
a question for Catherine and the group. What would the best thing be for accessibility?
If I think about maybe viewing my site even on a mobile device, would it be better to
have an open on click? That's a good question. I'm not actually sure. I know it's quite a
common pattern to have this hamburger menu only on mobile. And I've not read anything
about that being an issue for accessibility, but maybe there's someone in the group that
knows for sure. But my question is specifically about the sub menu. So you know, if you're
on a mobile, for example, the sub menu will only open up if I hover over it. It says show
arrow. I'm thinking it might be better to say open on click so that this person can
click and then see the sub menus.
I'm not sure. Click versus hover, you're wondering?
Excuse me. You're wondering about click versus hover. Is that okay? I'm not sure.
Oh, so Dana says that maybe people with a screen reader use tab if they're working
with a keyboard navigation and so maybe on click would be better.
Yeah. So that's what I was also thinking that. So let's go for open on click to kind
of keep that accessibility in mind, but also for folks who's on a mobile device.
All right. So thank you, Dana. So I have set up my navigation menu.
The next thing I want to add is my site title. And we are going to call this the music room.
And then we can add our site logo. And I've already added a logo to my
to my media library. So let's select the guitar for this one.
And then we can it's in large that slightly.
Now, the next thing I want to do is just remove a bit of the spacing between my
so if I click on my row, yeah, I've got my site logo on the lift and I've got my group
block with my site title. So let's click on the row block and open styles and scroll down to
block spacing. So you will see there's a bit of block spacing. And let's say we want to
take that to one or even zero. Okay, we're going to take it to zero to remove a bit of that.
And that's spacing and let's click save.
Great. So I'll I'll hit it.
Example for the first one is done. And now we can scroll down to the footer.
So before I move on to the footer, are there any other questions that have popped up or
something that somebody wanted to to ask?
Okay, cool. Let's move on to the footer then. Now, as you will notice,
my theme, the 2024 theme has already provided me with this really cool
footer. But I also wanted to mention that if you are using a different theme,
and maybe yeah, that's a question I had.
These are the default workplace patterns. So am I right in saying that if you are using
a completely different themes, you will still have these patterns available?
That is a question. Catherine, do you know?
So I think there's some patterns that are in core and some that come with the theme.
Yeah, so I think this is actually part of core, right? Because if you go to
learn.wordpress.org and you go to extinct and you go to patterns.
I'm just going to type in footer.
Now, these are your curated ones. So I think these are all the ones I see with the 2024 theme.
But I assume they are all part of core and they're for available when you use a different theme.
Well, they're in the pattern library, but I don't know if these are in core. This is a good
question. I think these are ones you can import into your site, but they're not built into core,
right? That's what I'm asking. I don't know if somebody else can confirm that for us.
But I just wanted to mention that if you don't see the pattern that I'm using,
you can just go to the pattern directory and you can grab it from from here.
So there's great patterns available right here by just clicking on the pattern and then say
copy pattern and then you can paste it in your template. Okay, cool. All right, so
we are moving on to our footer. So let's just open up our footer here and see how it's been
built here. Okay, the first thing I want to do is I'm just going to slightly enlarge my site logo a bit.
And for the site title, I've already decided on a site title, I'm going to say ignite
your sound. Maybe make this a bit larger. Okay, now we get to these columns. Now,
the important thing to remember is this is a pattern. So if I click on a bar here, you will see
that we've got a stack block. And then within the stack block, we have a navigation. But of course,
that navigation is just a placeholder. It actually doesn't exist on your site yet.
So you can just replace that with one of your existing navigation menus or you can create a new
one. So the first thing I actually want to do is I want to change the heading of my column.
And let's change that to quick links. All right, then I'm going to select the navigation menu. And
as I said, this is just a placeholder. Now, if you click on the plus icon, it says add block. But
if you click on the three vertical dots, you have the option to select one of your existing menus.
Or you can create a new menu. Okay, so I'm going to select one of my existing ones. So if I click on
navigation, you will see the navigation menu that I created for my header has now been added.
And now below privacy, we actually need to go and add our privacy policy page and our terms and
conditions page. Okay, so I'm going to keep that privacy. Let's open our stack block there.
And now we are going to say we want to create a new navigation menu. So I'll click on the three
vertical dots and say create new menu. And then we can click on the plus and we can say, all right,
our first is our privacy policy page, which we've already created. Right. So click privacy policy page.
Let's press enter. Nope. So undo that, not enter. So
click on the plus again. And the next one we want to add is terms and conditions.
And we've already created that page. Now, earlier on, I mentioned that let's say, for example,
you want to add a page or even a post or a link to, to your navigation menu, but you haven't
created it. You'll see there is an option that says create a draft page. So you can actually add
it here. Let's say there was no terms and conditions page. You could have said, okay, terms and condition,
create draft page. And then you could go to the page and add the content. And when you click update,
it won't be a draft anymore. Okay, but we've already created our terms and conditions page.
So let's add that there. Okay, I'm happy with that.
Now below social, of course, all we need to go and do now is add our URL at the moment.
There's just a hashtag, a placeholder. And but you will, of course, then go and add your
link to your, your Facebook, to your Instagram and to your Twitter.
All right. So now I'm going to click save.
Let's just close our list view now and play close our sidebar settings.
Oh, we might even enlarge this a bit more. Our logo.
Okay, now let's go and view this on mobile, just to see what our header and footer looks like on mobile.
All right. So I think that looks really nice for our header. You will see my handbooking
you popped up. And if I scroll down, we can see our, our footer in, in place as well.
Okay, so that's my first example done. Anything else that I popped up in the chat, Catherine?
Yeah, there is a question from Wolfgang saying that they noticed the header row has two child rows.
And is wondering why not columns? And I was thinking that that probably, if it was columns,
it wouldn't be as flexible because then you'd be that the elements in each column would have to be
the same width for the different components. So in other words, if you had, if you, if you had a
column on the left with the logo and then below that, you want to the navigation menu that they
would always have to be the same width, they're in the same column. But yeah, that is a good question.
So you can, of course, build your, your header from scratch. And when you actually start building
your header from scratch, you will see that it's quite difficult using it with columns. With a nice
thing about the, the row block, you will notice. So this row block, if you look at the, the layout
below justification, so we've added the site logo and the group block to this row block.
And we've justified it to the left. And then if you click on the second one,
you will see that the justification is also the left. But the trick is when you look at your,
your parent row block below justification, it's a space between items. So it takes the two
it takes the two row, row blocks, and the one goes to the one side and the one goes to the other
side, which is what you want. So yeah, I think that's why the roadblock is really good in this case.
And there was a, yeah, there's a little bit of discussion about the,
the question of patterns, whether they're in theme or whether they're in core, and
data said generate press with generate blocks, doesn't necessarily have patterns for the footer.
And then James pointed out that a theme developer can actually unregister core blocks so that you
might, you might not see core blocks that you might expect to see in certain themes if they've
opted to do that. Right. Okay. Well, thank you for, for more clarification. But yeah, as I said,
if you, if you ever want to find a, a pattern, you can just go to the pattern directory, and you
can find solid headers and footers, and that's actually being created by the, by core for you to
use if you, if you're gone something, if you can't find something in your theme that you, you want to
use. All right. So this was the first one that I, I wanted to show you. So I thought, well, in the
next example, let's actually use a header with a cover block to show you how you can do that,
and also then a different, a different footer. Okay, we're going to kind of stick to the music
room we might, I'm going to end up just changing the name of my, of my site, but we will keep the
navigation menu as is. All right. So the great thing is now if I click on header,
and I click on the three vertical dots, you will see an option below the touch. Oh, no, wait,
sorry, sorry, there's one more thing that I wanted to, to highlight before I look at my next example,
and it works really well. Yeah. So some people might want to have a sticky header,
and meaning that the header sticks, even though you are scrolling down. And I just wanted to,
to show folks how to do that. It's quite easy. You merely have to wrap your header in a group
block and then change the setting. So let me show you that. So I see at the moment,
if we scroll down, of course, that the header disappears. But yes, the sticky header is just
something I quickly wanted to show you. So I've selected my header in my list view.
Let's click on the three vertical dots and say group will wrap them in a wrap the header in a
group. And then we go to our settings. And below justification, you will see it says position.
And now let's click on position. At the moment, it's default. So it's not sticky. But if you click
on default, you will see, oh, there's another option. It's a sticky. The block will stick to the top
of the window instead of scrolling. Okay. So let's select that option and click save.
And now if you scroll, you will actually see that it is sticky. Now, the one thing you probably
still want to do is change the background color of your of your group block, because you'll notice at
the moment, if I do that, you'll see that that still shows. So we can just go and say background
and let's change the background. And now if you scroll down,
the header is sticky. All right. So yeah, that's the one thing I wanted to show you. So now I'm just
going to ungroup or now, and then we back to where we were, and we can click save.
All right. Now, as I mentioned earlier on, if you click on the three vertical dots, there's an
option that says replace. And the great thing now is that I can merely replace this pattern
with a different pattern. So let's click on replace. And the wonderful thing is,
and there are various patterns to choose from. So now you can find the pattern that kind of suits
your design needs. And then of course, you can go and tweak and modify it even more if you wanted to.
So for today, I am going to go for this pattern that says header inside full width background image.
Okay, so let's add that.
Yeah, I don't know why that's not disappearing. So let's click save and let's update and then
hopefully that will disappear. Okay. So now we can just open our list for you again.
All right. And now we can start modifying our header. So let's just open up. We'll see that it's
actually a cover block. So in our cover block, we have our row.
All right. So I am actually going to open up this row, and I want to remove my site title.
Because I've actually created a logo with the name of my site with my site title.
So let's go ahead and add my new site logo. Now remember, I stuck my tool bar to the top. That's
why it's there at the top. So let's say replace, open media library, and here's my logo that I
already created and uploaded. And this is called retro sounds.
Okay. Now before I move on to navigation, meaning you let's select my cover block and change the
image. So if I select my cover block, we can now click on replace and change the image.
And I will select one of the images that I've already added.
And the next thing is you will see the background is quite dark. And that's because of the opacity
overlay. So I've selected my cover block. And if I go to styles, the overlay opacity is at 50%. So
I'm actually just going to remove this because I've selected an image that kind of works well
with the black. Now we can move on to our navigation menu. And we are going to choose a different
navigation menu. Let's select the one we've already created right. And if we go to styles,
we can change the color to black. And you can even change the size of it. So if you wanted to make
this a bit, whoops, if you wanted to make it a bit larger,
you can of course change the font, etc.
Okay. Now something else you might want to add a bit of more padding.
So it's open styles again. Sorry. Settings go to styles.
And let's say, oh, it's add a little bit more padding.
Or maybe we want to remove that. Just add left and right. And you can see how the padding is
implemented. Okay, great. So let's click save.
And now we can quickly view this on mobile to see if we like the way it looks. Mobile.
And I see this is quite large. So I might say, okay, no, let's actually
make this a bit smaller.
Click save and go to desktop.
Okay, now we can move down to our footer. Once again, I'm just going to open up my list view,
click on the three vertical dots, say replace.
And now we are going to use a different pattern. As you can see, also different patterns to choose
from. I'm going to go with full width footer with background color and three columns. So
let's add that. Let's just save and update again, because I see that it's not disappearing.
Okay, so let's select our Buddha.
I am sorry, I tentately gone on global styles. We're not going to global styles. We'll go to
the settings of this block. Okay, so let's select our stack block.
That's the parent block. And let's change the color, the background color. There we go.
And once we do that, we need to, of course, change the color of the text. So I'll select my first column
and say, we want that to be black, second column. We want the color to be black as well. Third column.
There we go.
All right, so if I go to my middle column, we will see we still need to change the navigation
menu that's being used there. So I'll click on the three vertical dots of the menu and say we want
that navigation menu. We might say we'll call this quick links again.
And of course, you need to go and add your, at the moment, I can say remove link.
I'm sorry, I just want to, so there we go. Sorry.
And then of course, we add our link. Let's just remove this for a moment.
Let's say not top tool bar. And of course, if you select that, that item Facebook, you can add your
link there or Instagram, you can modify, you can modify and edit your link or remove your link.
All right, so once that is set up, you know, you will update your address.
You've got your main navigation menu in place. You can even add another column to add your
your privacy column if you wanted to. And of course, you can tweak these things even a bit more. But
let's go ahead and save and view this on mobile. And
you can see it looks really nice on mobile, good layout, and I'll, and I'll hit as well.
All right, those are the two main examples I wanted to show you today. And yeah, now we have
some time for questions and answers or comments.
We have a question about the three columns where you changed the text color individually.
Could we do that on the parent container, the columns container, just do it once?
No, you could not have done it on the stack block. Unfortunately not.
What about on the columns block? Oh, okay, let's try.
So I'm just going to go to desktop again. So I'm just going to let's say, say undo.
Okay, so that's all white again.
So let's select the main columns block.
Text black. Ah, yes, you could do it. Yeah, sorry, I was thinking of the stack block,
but I'm very good point. I did not have to do it for each one individually.
Yeah, thank you. And of course, then we just want to update that again. Yeah, thank you.
We have another question, which is how would you modify the styling of the expanding menu that
displays after clicking the hamburger icon? All right, so I think what you are referring to is,
so for example, let's view this on mobile again. And now you click on the hamburger menu, right?
So maybe let's view site. Let's say inspect. And you are saying if you click on there,
how do you modify this? I am unsure. I feel like my immediate response would be like,
that's probably where you need to add a bit of code. I'm unsure. Catherine.
I'm on my test site and I'm just checking to see. I think there are some options to style the
overlay, they call it the overlay menu. So if you select that block, if we go back into the site editor.
There are. So let's go desktop. Yeah, select on navigation menu. Yeah, and then click the styles
on the far right there. The yeah, so you can select the colors for the submenu background
and overlay text. But you can't like, I don't know what you had in mind, my golf in terms of,
when you say styling, which part of the styling you can do, you can do some color stuff, but you can't
you know, change the alignment of just the submenu or things like that, I believe,
with this, with the options built in, you'd need some CSS, I think. Yeah, I agree.
With a bunch more questions, flooding and the awesomes, we have a bit of time. So Bob asks,
could you discuss the approach for assigning different headers and footers to different pages?
Well, I can, I can quickly touch on that. Just want to make sure I read the question again.
Can you change? Oops, just got up again. Could you discuss the approach for assigning different
headers, footers to different pages? Yes. So of course, if you want to have your
a page to have a different header and a different footer, you need to of course have a different
template. So what I would have done, I'm just going to, that's where you can create a custom
template. So if you go to templates, right, that is actually a really nice topic to get into
as well. But you know, if you go to templates and you click on, oh, well, the first thing I can
mention is there are some custom templates that you can use. So there's a page, no title, a page
sidebar, a page with wide image, a single with sidebar. So those are all custom templates you can
use. But if you then create a custom template, let's just call this custom for now.
And I will use the same pattern. But now for this pattern, I can say, all right, I actually want to
replace this with something completely different. Let's use this one.
Let's just select that navigation and all right. So I've got a completely unique header here. Now I
can click save. And let's say, for example, I wanted my services page to have a different header. I
wanted my services page to have that header. I can then go to pages. I can click on the services page.
I can click on pages next to template because that's the template assigned to this page right.
And I can say swap template. And now you can see there's a custom template, the one I created.
And I can select that one now and update. And
that page, that services page will now have this header and footer. It won't have the same
header as the other pages because I've assigned a different template to the page.
So yeah, hopefully that answers that question. It's just about assigning a different template
and setting up that template. What's the next one?
We have a Trish asked the question, can you change the layout for header, etc, to display
differently on mobile, like showing an alternate layout depending on the view? Or can you hide a
block and show a different one, for example, based on screen size?
I almost feel like that's a bit out of the scope for this session. I also feel like that is not
something you can, and you can correct me if I'm wrong. Catherine, I don't think that is something
you can do just straight in the editor. Correct. I think the only options are for that
for the navigation bar to have that overlay on mobile or not. And for showing and hiding blocks,
you can use a plugin for that. There's been years of discussion in core as to whether there
should be the option for conditional hiding of blocks, but it's not something that's in core.
So you would need a plugin for that. And in terms of displaying the layout differently on
mobile, in terms of other things, you would need CSS for that.
Correct. But yeah, of course, those are definitely things some people want to add.
So then you just need to have the right person with the right knowledge to
implement that for you or the right plugin.
Have we looked at Fernando's one? Or is there another one?
I believe I answered that. And it's not. Well, but we can we can talk about it. Fernando asked if
you can change the behavior of navigation links, for example, underlining them, the color when
hovering the color for visited pages. And Fernando was referring to the navigation block
specifically. So as far as I know, those are not things you can do.
And it's either controlled by the theme or you can add some custom CSS.
Yeah. So it kind of relates to that. Some of the other questions. Yeah. All right.
And Ed has a question. Are you able to apply templates to other themes?
I have a 2023 theme thinking about moving to the 2024 theme.
, just trying to wrap my head around the question.
Let's say you made a nice, a nice homepage layout in one theme. You can't just switch, you know,
templates are theme specific. So you can't it won't carry over when you switch themes.
Like the short answer is no. But Wes, I don't know if you want to get into it. It's a little bit
of a scroll. I'm trying to think if you if you save it, if you maybe save it as a
the whole pages of that's in or something. I don't know if that's maybe an option, but.
And there's the create block theme plugin where you can, you know, save of, you can save a version
of 2023 and then sort of maybe use the parts of that that you want with the parts of 2024 that you
want. You can also, I've had people do just a simple copy paste of blocks. You know, you made
your, you made your pattern or your template in one theme and you can just select all that.
But it's, it's, it's not as straightforward as that, of course, because different things will
be styling the blocks differently. It's not going to look the same. It's, it's, it's, it's
gets a little complicated. So, so it says, so if I move to the 2024 theme, I will have to recreate
my headers and footers. How, well, how would you answer that, Wes? I know how I would.
And now you go ahead, Katherine. Oh, I mean, the short answer is yes. The same way, you know,
if you created a theme with widget based headers and our footers, you would have to kind of redo
those if you switch themes because they're, they're theme specific. So yeah, the short answer is,
is you probably would, but I would keep, I would create a test site with your new theme and then
move stuff over and then, and then switch to the theme. So you're not wiping out what you had
before you're ready and maybe experiment with the create block theme plugin as well.
But I'm wondering if you do go to a new theme. Don't the, the template parts carry over?
I don't think they do. Okay. I don't think they do because the template parts that, that either you
created or that came with the theme, I don't, I don't think they carry over. Yeah, yeah, I think
you're right. Yeah. Well, I just want to mention, I've also, um, allow people to unmute. So we've got
a few minutes left. So if you rather want to unmute and ask the question, go ahead and do that as well.
No one's unmuting. So I'll just add Laura chimed in and sort of getting back to your idea, Wes,
about what about making a pattern? Will that carry over? But it's, it's, I think it gets saved in the
theme, doesn't it? As part of the theme again? Well, if you,
yeah, I, I, I need to just look at that a bit later and maybe I can, I can double check with,
is it Ed? Yeah. Ed, I think we'll, we'll need to double check that, but that was really
a good question. But yeah, Laura, I think we were thinking the same thing, but I'm unsure.
So there's a question I think is probably out of scope.
Marcel is asking about the, the relationship between the parent theme and the child theme.
Yeah. Um, Marcela, I will, I will share a link with you. Um, so Katherine, I don't know if you can
just maybe make a note of Ed and, and Marcela's questions, but Marcela, I will share something
with you to help you understand parent themes and child themes better. Um, a little video that
actually goes in and covers that for you and will, will hopefully shed light on it.
All right. I'm going to stop the recording for now. So thank you everyone for, for joining,
and watching the recording. And then we can continue chatting a bit more.
[ Silence ]