‫Welcome back, my dear students.
‫And now in this lecture of the course, we will be designing the remaining dynamic pages.
‫So let's just go ahead and let's get started.
‫Now, what are the extra dynamic pages that we need to design?
‫This is something that we are going to be talking about in this lecture.
‫So as in the previous lectures, I told you that this home page, this category and the destination
‫page is actually a dynamic page.
‫But there are also some other pages that are also dynamic pages and how you can design those particular
‫pages.
‫So what are those dynamic pages?
‫Let's just go ahead and let's take a look at it.
‫The first dynamic page is actually the search results page.
‫Now we are actually using this alarm.
‫All right.
‫So let's just go ahead and let's search for this alarm keyword I'm going to be clicking on here I'm
‫going to search for alarm.
‫All right.
‫And based on this I'm going to be given so many of the post right here.
‫Now let's suppose that if I hit on enter or if I click on show More, then it is going to take me.
‫To this particular page where it says search results for Laam.
‫And now I have got some of the cards being shown here like this.
‫So this page is also a dynamic page.
‫And the reason for that is because now let's suppose that if I change my keyboard, like if I change
‫this to Dubai and then I hit on enter, then based on this particular keyboard, I'm going to be given
‫the post results.
‫So this page is going to be changed whenever I'm going to be entering any of the query.
‫So that is why this page is a dynamic page.
‫Now there is also another page, and that page is the author page.
‫Now if you go into the dashboard and then you go into the users, then you click on all users.
‫Then we have got a main primary user who is the administrator.
‫Now if I just click on view over here, then this is going to take me to this particular author page
‫which is right here.
‫Here we have the description that we added, the name, the profile.
‫And after that all of the posts that this particular user has posted.
‫And this is also a dynamic page.
‫And the reason for that is because next time this user posts something, there is going to be a new
‫post being shown.
‫So let's just go ahead and let's design these dynamic pages.
‫For that you need to click on the customize so that you were taken to the Theme customizer.
‫And now once you are actually in the Theme customizer, you can go down and you can click on the author
‫page.
‫And this is going to take you to the author page.
‫Now the reason why this is a dynamic page is because there is going to be a new post added.
‫And similarly, let's suppose that if you hire any other author for your particular blog website, then
‫that particular author will also have his particular name.
‫Image the description as well.
‫So if you want to incorporate this type of functionality, then you will have to basically design these
‫pages as well because, uh, sometimes people actually land on any of the author page through any of
‫the, uh, social media account or through any of the search engines.
‫So that is why it is really necessary.
‫If you can design this, it's good.
‫So let's just go ahead and let's head over into the page title and let's see how many of the designs
‫we have.
‫This is actually the type two.
‫This is the type one.
‫If you select the type one then this is how it's being shown.
‫If you select the type two then this is how it is being shown.
‫Now similarly what you can do, you can also decide like whether you want to show the bio you want to
‫show the author meta, which is going to be like when he joined, how many articles this author has
‫posted and how many comments he has got.
‫So you can click on here and you can decide like, what are the things you want to show?
‫So let's suppose that I do not want to show the join date.
‫I want to show the number of articles, and I want to show the number of comments that this particular
‫author has posted.
‫Now we have got the bio.
‫So if you click on here, there is going to be some of the stylings that you can do.
‫You can show it on the desktop tablet, hide it on the mobile if you want to show it on the mobile as
‫well, you can do that.
‫Similarly, we have got the name and the avatar.
‫This is the avatar, the profile picture.
‫If you want to increase the size of it, you can just click on here and the avatar size is going to
‫be increased.
‫Let's increase that.
‫And now after that we have got this social channels which are being shown as well.
‫If you click on here you can select whether you would want to open the links in a new tab or not, or
‫work with the spacing.
‫Similarly, you can also go into the design tab and you can work with the container background.
‫Now I'm going to be keeping that to be grey.
‫That's it.
‫And this craze seems to be perfectly fine.
‫So now this is already designed by just changing the color background color.
‫So now we don't have to do any of the change.
‫The main and the most important change that we need to do is to do it in the cards.
‫Now, since you have already designed the card so you can work with that, you can click on choose your
‫layout, whatever you want to go with on the profile.
‫On the user profile.
‫Let's suppose that you need a different design, or you want to go with the simple one.
‫Then you can also show it like that.
‫So let's suppose that I want to show it this way or this way.
‫But I kind of like it this enhanced grid, and I want to use it throughout the website.
‫So I'll be going up with that.
‫But let's suppose that if you need a different one for any of the different pages, then you can even
‫work with that.
‫Now let's just go ahead and let's quickly work with the card design that we worked with.
‫So I'm going to be going down.
‫And first of all, I had the featured image.
‫Then I had the post meta right after the title, and then I had the excerpt.
‫This last post meta was not here.
‫I'm going to be clicking on here and I'm going to be duplicating the taxonomies.
‫This taxonomy is going to hold the destination.
‫However this one is going to hold that.
‫And I'm going to change the style to button which was there before.
‫This is how it is.
‫And now I'll be going ahead.
‫And now I have to design this.
‫That's it.
‫So let's go into the design and let's first select the hover.
‫Change that to light gray.
‫And now we have got the Metafont which is on hover blue.
‫So let's change that to black.
‫And we have got the meta background color which is set to this for the initial on the hover it's going
‫to be full black.
‫Then we have got the card background color, which was set to a light gray.
‫I think this is fine.
‫And then I need to work with the card shadow.
‫Which I need to set to black and increase the transparency a bit.
‫Similarly, if you want for this one, you can also use the border radius to every of the side.
‫And this is how it is.
‫And now let's just go ahead and let's go back and let's now work with the search page.
‫Now we are fully done with the author page.
‫Everything is fully designed.
‫So let's just go ahead and let's go into the search page for that.
‫I'll be going ahead and I'll be clicking on the search page.
‫Now I'll click on the search and I will search for Laam.
‫I'll hit on enter.
‫This is going to take me to that particular search page where now we are over here.
‫So first of all we need to work with the page title.
‫We can select this to be type two.
‫This is how it is search results for Laam.
‫Or you can keep it to be this one as well.
‫It's up to you how you want to go with that, but I think I want to go with this one.
‫So let's just select this.
‫And this is going to be selected.
‫Now we're going to go into the design and we're going to set the container background to be a bit.
‫Darker like so, and I am going to go into the general and set the container minimum height to be a
‫bit smaller, kind of like that.
‫And now I'll be going into the cards.
‫So let's go back and let's select this and let's go into the card options and let's use the same design.
‫So this was after the title.
‫The featured image was on top.
‫The excerpt.
‫This post meta needs to be gone for this post.
‫Meta I need the taxonomies to be cloned, and I need this to be actually the destination and the style
‫to be the button.
‫So now this is how it is.
‫Now we are done with that.
‫Now we have to go into the design and let's change the title font color to light.
‫Let's now change the meta font color to full black.
‫Let's now change the meta background color, which is set to blue to dark one.
‫And now let's change the card background color to actually light gray.
‫And let's go down.
‫And let's select the card shadow.
‫And let's increase the border.
‫Sorry the box shadow.
‫And we will apply 10% of the box shadow here.
‫Sorry the border radius.
‫So this is our search page as well.
‫Fully designed.
‫Now all of our dynamic pages has been designed whether it is uh the author page, whether it is a search
‫page, whether it is a category page, whether it is actually, uh, destination or a custom category
‫page or whether it is a tag page.
‫So if I just go in here and I go down here is the must visit tag.
‫If I click on here, it's going to take me to that particular tag page.
‫And this is also design as we designed our category uh pages template.
‫So now we are fully done with all of the dynamic pages.
‫Now, uh, we only have to basically work with some of the other stylings, uh, for this particular
‫customize.
‫And then we will be moving up to our static pages, like I'll show you then how to design your home
‫page, how to convert this page into a static page, but also then convert that static page into a dynamic
‫page as well.
‫There are going to be some of the tweakings that we will be doing inside this particular page.
‫You're going to love it.
‫After that, we will be designing our about page, and we will see if we have to design the advertised
‫page as well.
‫And then we will be moving up to the sidebar lectures.
‫So stay tuned and bye bye.