All right.
Welcome back.
So in this video, we're going to design the blog page.
So what I'm going to do is we're going to select the podcast Peosta hit select hit control.
See?
To copy and then control V to paste.
And then we're gonna rename this blog.
OK, I'm going to double click on it and then what I'm gonna do is I'm going to file open and we're
gonna open up the blog page here.
OK.
Now, what we're gonna do is this is going to be a little different than the other the previous video.
So the only thing that I want to add.
Is the header in the footer OK?
But I'm going to talk about why you would design it this way.
The pros and cons of that.
And that looks funky.
OK, so part of the reason why you'd want to design a blog page like this or something close to this
is because for a couple reasons.
One, you want to give people an option to search.
Right.
And then you also want to have recent posts.
OK.
And then if you have comments, then you have recent comments here, archives categories.
So I have a Dobi and then uncategorized and then meta data here.
And then recent posts here.
Now, this is all from WordPress, the Web site that I built, lern tech plus dot com is all WordPress
based.
And that's why you can see all these different things here.
So this is dynamic content that word press is displaying.
When I create a post, it'll automatically throw this up.
OK.
January 21st and January 20th.
OK.
So it's an order every time that I create a blog post.
OK.
So that's I want to talk about the interface because of that.
Because again, what it does is it makes it really easy.
To find posts, find comments, archives, et cetera.
All right.
So, though, like I said, the only thing that we're gonna do is we're gonna bring in the.
The top bar here, the NAV Bar.
We're gonna leave this content and all this the way that it is.
And then we're going to add this and this right here.
So there you go.
So let's jump in to.
That so what I want to do is I want to grab a couple of things here.
We're going to turn the source off.
And we're gonna grab layer one.
Top bar, layer two and nav bar.
Okay.
So once you select nav bar, hold shift and click on layer one.
Right.
Click.
And we're going to duplicate the layer.
And we're gonna bring it into blogged up PMG.
OK.
So I hit.
OK.
So now we have it here somewhere.
Turn off this layer.
So you can see right away.
It brings it in and it puts it in the same position that it is on the other page.
OK.
Now, let's do the same for the Futter.
So for the Futter, we're going to slike layer four.
Hold shift and click.
I'm bottom footer.
I'm going to right click duplicate the layer and we're going to the same thing.
We're gonna bring it into blogged the PMG hit.
OK.
And you can see again, if I turn the.
If I hit control t now this one is in a different area because it's grabbing the length of the document
and so and the other document, it's shorter.
You can see it shorter.
And this is a longer page.
So it's dropping it right where it would be here.
OK.
So I'm going to save that.
We can close that out.
Now this one, we're going to hit control shift s we're going to save on the computer and on the desktop,
and we're going to just save over the blogged up GST.
OK.
So now we have our blog page designed.
Now I realize all we did was we added the top bar in the nav bar in the Futter.
But the reason why I did that was because this is content that if you were designing in a WordPress
site, you wouldn't design this.
This would be part of the WordPress site.
OK.
And these are widgets that you could, in theory, design here.
But again.
I've already provided that for you.
And I just want to teach you the fundamentals of Web design.
All right.
So thanks for watching.
I'll see in the next video.