‫Welcome back, my dear students.
‫So, as in the previous lecture of the course, we got to know the difference between a static page
‫and a dynamic page.
‫Now, in this lecture of the course, we will learn how themes work for a blog website.
‫Now, this particular lecture is going to be mostly based on the dynamic pages.
‫And the reason for that is because for the static pages, you should already know that if we actually
‫want to design a static page, then we can use a page builder.
‫However, if you want to design a dynamic page, then we have to do the customization.
‫And this is what we're going to be talking about in this particular lecture by the page builder, I
‫actually mean that if you want you can use Gutenberg, you can use Elementor, you can use any other
‫page builder if you want to design your static page.
‫And as in the previous lecture, we got to know the static pages are those pages that does not change
‫or that does not get affected whenever we publish a new post.
‫Or let's suppose that if you are building an e-commerce website, then whenever we publish a new product.
‫So this is how the dynamic page work.
‫However, the static page remains static.
‫So in this lecture of the course, we will take a look at some of the most popular themes.
‫We will see how much customizations they are allowing us to do regarding these dynamic pages that we
‫have on the website.
‫And then, um, I will be sharing with you the theme that I would recommend to use if you want to build
‫a blog website for yourself or for your clients.
‫So let's just go ahead.
‫Let's dive deeper into it, and let's take a look at some of the most popular theme.
‫Now, before starting, I just want to say once again, if any page is a static page, like, let's
‫suppose that this is actually the about page and you want to edit it, you want to design it.
‫It's really easy.
‫You can just click on the edit page.
‫And if you have Elementor and you want to design it with the Elementor, you can click on the edit with
‫Elementor.
‫Or you can simply use this plus over here, and you can use Gutenberg to design your page.
‫Now in the upcoming lectures, I will show you how you can use Gutenberg to design, uh, this static
‫page.
‫This about page design it beautifully, but for now, we have to actually focus on the dynamic pages.
‫And those dynamic pages are actually the home page of a blog website, and also the categories or the
‫custom taxonomies that you have created.
‫So let's just go ahead and let's get started by installing the most popular theme.
‫So what I'll be doing is that I'll be going into the themes.
‫And now once I am actually in the themes, I will click on Add New Theme.
‫Now let's take a look at some of the most popular theme.
‫Let's install it and then let's work with it.
‫Since these are the default themes that we already see over here.
‫Now this.
‫Hello, Elementor is one of the most popular theme at the time.
‫I'm recording this lecture, and this hello Elementor theme is not really necessary for our project
‫because in order for Hello Elementor to work, you need to have a pro version of the Elementor.
‫So this is the theme that we will be working with in the fifth project of this course.
‫We will not be touching this theme right now.
‫This is a good theme, but in order for this theme to work, you need to have the Pro version.
‫And we'll be talking about that in the fifth project.
‫So let's just go ahead and let's first install the second most popular theme that we get, which is
‫Astra.
‫I'll be going ahead and I'll be clicking on install.
‫And then I have also got this ocean WP theme, which is a third most popular theme.
‫And I will go ahead and I will hit on install.
‫Now these are the two themes we will be working with in this lecture.
‫And we will see and we will compare which theme is better.
‫And if these two themes are good, or if there is another theme that I recommend and spoiler alert,
‫there is actually another theme that I recommend and I will be telling you why.
‫So let's just go ahead and let's activate any of the theme.
‫Since we have been working with the ocean WP throughout the course, let's just go ahead and let's hit
‫on activate.
‫Let's activate this theme and let's take a look at it.
‫So now what I'll be doing is that I'll be now visiting the website.
‫After I have activated this theme, I'll be bringing my mouse to the title and clicking on visit site.
‫And this is how our theme looks like.
‫Now.
‫Since you have already worked with the ocean WP theme, you should already know how to design the header
‫and how to design the footer as well.
‫You also should know a little bit about the sidebar.
‫Sidebar basically contains the widgets, and these are the widgets that we actually added when we actually
‫built this website.
‫This is actually.
‫The personal website and we added these widgets in the footer.
‫Now we will be working with the widgets for a blog website and I'll be telling you how to work with
‫it.
‫But later on, first of all, we have to understand how themes are actually playing their role with
‫the archive pages or the dynamic pages that we see, the home, the categories and this.
‫So let's take a look at, first of all, the default pages, the default design that we get when activating
‫the ocean WP theme.
‫We get the post, we get the title, the featured image, the user, the date it was published, the
‫categories, and some of the content which is known as the excerpt.
‫And if we click on Continue Reading, then it's going to take us to that particular post where we get
‫the same featured image, the title, the content, which is starting from here.
‫If there are any of the subheadings and we get that the bulleted list, this is basically purely your
‫content, whatever you're going to be adding in here.
‫So this is how the dynamic page is looking like.
‫If we now go into any of the category like let's suppose if I visit activities and then we have got
‫the title of the category which is being shown, we've got a breadcrumb which just tells the person
‫that you are actually in a category.
‫And if you want to go back to the home, you can click on here.
‫And then we have got all of the posts and if I go down I should be having the pagination.
‫But since there are not that much post in this category.
‫So if I just go into the home, then I will be having this pagination over here.
‫And if I just click on here, I'll be taken to the next page where I will be able to see all of the
‫posts inside there.
‫Similarly, if we take a look at the destination, if I go into the Europe and Paris now, here I am
‫in the Paris destination.
‫This is the home, this is the parent category, and this is the child destination.
‫So now here are all of the posts that are inside the destination of the Paris.
‫So this is how this is actually the basic design that this theme already has.
‫Now let's see what are the customization this theme actually offers us.
‫So I'll be clicking on the home link and now I'll be clicking on customize.
‫All right my dear students.
‫So this site identity you should already know the colors.
‫This is just a main color the header text color.
‫If you want to change it which is related to the menu the menu, you should already know the widgets.
‫These are actually the widgets.
‫We'll be talking about widgets later on in the upcoming lectures.
‫The home page settings, which just tells you that if you want to show the latest post as your home
‫page, you can select that.
‫If you want to show a static page, a static page you already know what is like.
‫If you want to show your about page as the home page, then you can select that, choose from the list
‫and choose that, and that will be shown as your home page.
‫But since we want to show the dynamic page, which means we want to show our latest post, we are selecting
‫this.
‫All right.
‫Now we go back.
‫Then we have got the additional CSS which is for the custom CSS.
‫If you want to add any to your website.
‫And then we have got the typography.
‫Now typography is really very important for a blog website.
‫And what I mean by that is that people are going to be coming on your website because they want to read
‫your text, and when they want to read your text, you have to make sure that your text is visible.
‫By visible, I actually mean that it should be bigger and it should be really much, uh, be really
‫much easier for your customers or for your users to read this text.
‫Now, by looking at this text, you can see that this is really very small.
‫So what I would recommend is to go into the typography, if you are using any of the theme and make
‫sure that your text is bigger in size and it is, uh, user friendly, that user should be able to read
‫it.
‫So what you can do, you can go into the typography.
‫Any of the theme you are using, the typography section will be somewhere.
‫So do go there and make sure to increase your size.
‫Now, let's suppose that I actually want to increase the text size of the body.
‫So I'll be going into the body.
‫And now instead of the 14 pixels that it has by the default, I can keep it to be 16.
‫And this is now much more bigger and really easier.
‫Now if you have used Microsoft Word, 18 pixels is the one that we usually use when we are typing something.
‫Uh, some of the letters and we are sending it out so that people can actually read it easily.
‫So I would suggest go with the 18 pixel.
‫Otherwise it's totally up to you.
‫It's totally up to your clients.
‫Similarly, if you see this, you can see that we have got a heading over here, which is V Ferrari.
‫And if I go back then this should probably be the heading two heading level two.
‫So let's click on that and let's increase the size of it 29 pixels.
‫So now you can see that this heading is also a little bit much more bigger.
‫So typography is really very important if you are building a blog website.
‫And I'm focusing on that is because people are going to be coming onto your website for reading the
‫text, not the design.
‫Again, I told you about this in the Elementor lecture.
‫Like why you should not be using Elementor?
‫And I'm telling you here again, because people are actually coming onto the website to read the text.
‫And that is why you have to make sure that the text is as much readable as you can make, rather than
‫focusing on the design.
‫So let's go back.
‫And now let's take a look at the general options.
‫These are the stylings that are not really necessary for a blog website.
‫This is like something like a really much understandable.
‫If you go down, you can see we've got a scroll to top.
‫Like if you want to design it, you can design it.
‫These are some of the little things that you can do.
‫All right.
‫Now let's go back.
‫This is the header.
‫This is the header that we already worked with in our first project.
‫And also in our second project where we made our header to be transparent in the first project and we
‫made our header to be solid in the second project.
‫So this was actually our second project.
‫And you can see that we made our header solid color.
‫And it's kind of a bit similar to this.
‫So if you want to design a similar kind of header you can follow those lectures.
‫Now I'll not be wasting time by repeating everything I want to share with you the things like what are
‫the themes role in a blog website.
‫And that is why we have to take a look at this blog section that we have over here.
‫So I'll be clicking on here and I have got two options in the blog.
‫First one is the blog entries, which means that this page, which is the home page, this page which
‫is the activities page, and this page which is um, basically the category or the other taxonomy page
‫that we get over here.
‫Whatever the changes we will be making in here, all these pages will be effective.
‫Now, the reason why one thing is here and all three pages are effective.
‫That is why I'd say that this theme is not a good theme, because this is not allowing us to customize
‫much more deeper.
‫But anyway, let's just go ahead and let's see how it's working.
‫So I'll be clicking on the blog entries and I'll be quickly explaining you how everything is working.
‫I also recommend you to actually play with these settings so you can understand it each and every setting,
‫because I cannot explain each and every thing over here.
‫Otherwise it's going to be really much bigger lecture and you're going to get bored.
‫So first one is the basically the sidebar position.
‫Like if you want the right sidebar, you can do it.
‫If you want the left sidebar, you can click on here.
‫The sidebar is going to be on the left.
‫And if I just click on the right, it will be on the right.
‫Now if we go down, then we have got this blog size which is set to the large image.
‫So what you can do, you can set it to grid and this is going to be turned into grid way.
‫This is one of the most popular, uh, layout that so many of the users use on a blog website.
‫And you can see that this is now in a grid way.
‫Similarly, if I now change this to the thumbnail, then it is going to be turned into a thumbnail kind
‫of thing.
‫And this is how it is now.
‫You can work with the further, uh, settings as you will be, uh, choosing any of the style from the
‫list, you will be given the, uh, settings based on that.
‫So you can see that I'm in the thumbnail and I've got the image position, like if I need it left,
‫right.
‫If I set it to right, the image is going to be on the right side.
‫If I set it to left, it's going to be like that.
‫All right.
‫So let's suppose that I actually want to use the grid one and I like it.
‫I'll be keeping it that.
‫Then we've got the image size.
‫We can just keep it to be thumbnail which is going to be a really smaller image size.
‫I would recommend if you are using the ocean WP and you want to use the settings, then keep it to be
‫the medium size.
‫Then we have got the grid columns like how many of the columns you want to use.
‫You can use 2 or 3 to not go beyond that until an.
‫Less.
‫If you do not want to include it the sidebar, then you can actually get rid of the sidebar.
‫This is the sidebar is going to be get rid from here.
‫And then you can see we have got three.
‫And then you can go ahead and you can work with the ad for post in here.
‫But it's totally up to you how you want it.
‫I'll be keeping it to be the default.
‫I'll be adding the sidebar, and I'll be setting the grid columns to be three, because this is what
‫I kind of like.
‫Then we go down.
‫We've got the grid style, which is set to fit rows, and what you can do, you can keep it to be masonry.
‫If you click on here you can see we have got the masonry.
‫So when I just change to masonry see the difference over here.
‫You can see that this title is in two lines.
‫This title is in two lines.
‫However this title is actually in a one single line.
‫And that is why this box that you see over here is a bit smaller.
‫It's right till here are these two boxes are in the same size and this box is starting from here.
‫All right.
‫But if I just go ahead and if I change this to the masonry.
‫Then you can see that whatever the size of it was, it's now changed.
‫And after that size, the new box is being from here.
‫So this is how the masonry works.
‫However, I kind of like it to be vitros.
‫It's totally up to you if you want to.
‫Also, you can just keep it to be equal height so that the extra spacing that we have over here is going
‫to be gone.
‫And if you click on here, it's going to take the full height of that.
‫All right.
‫So now we have got some of the further things that I think you can easily understand.
‫The excerpt I told you, this short uh, contents that we have over here is known as the excerpt.
‫If you want, you can increase it.
‫And that text is going to be increased, but I would recommend you to keep it to be as short as you
‫can.
‫I'll be keeping it to be 30, which was the default.
‫Then we have the blog pagination style.
‫This is actually the pagination.
‫I'd recommend you go ahead and play with it.
‫If you do the next previous, it's going to be next previous.
‫If you do the infinite scroll, then when you will scroll down, it's going to automatically scroll
‫and load the post.
‫So how you want it, how you like it, you can keep it that way.
‫After that we have got the elements positioning.
‫Now this is something that you can do.
‫Like first of all we have got the featured image, then we have got the title, then we've got the metadata,
‫then we've got the content and we then we've got the read more.
‫Now let's suppose that if you want the featured image after the title, so what we can do, we can just
‫bring this right after this.
‫And the featured image is going to be after the title, which looks bizarre I know.
‫So I'll be referring this back now.
‫Similarly, this is really very helpful.
‫Like let's suppose that if you do not want to show this metadata that we have over here, you can just
‫uncheck this and that is going to be gone.
‫And you'll be given only the title, the content and the featured image.
‫Similarly, if you do not want the read more as well, which is I think you should not be adding, you
‫can also get rid of that.
‫And it's really plain and it's by the default.
‫Everyone can actually understand that this is actually a post because we have got three dots and if
‫someone wants to read it, he'll be clicking on there to to go back to the, to go to that particular
‫page.
‫Then I would recommend you go ahead and take a look at this page and understand how it's working.
‫Then we have got the single post.
‫So single post is kind of is going to be kind of bit similar, but this is going to be effective to
‫all of the single post pages.
‫So if I just click on here this is actually the page.
‫Now this is the page that you can design using the Elementor.
‫And you can design using the Gutenberg however.
‫This is the area you can design with the Elementor or the Gutenberg.
‫Right?
‫We still have got this area.
‫We still have got this title over here.
‫Now this is saying how you want the design to be.
‫So let's suppose that if you want it to be all of the posts, you want all of the posts to be designed
‫by yourself, and you want to design it with the Elementor.
‫You have so much of the time, and you want to design all of your posts, which is not recommended,
‫by the way.
‫But let's suppose that if you want to do it for that, you can just actually choose this thing like,
‫um, get rid of the title and everything.
‫Sidebar.
‫And this is going to be actually in a full width.
‫And then you can design this page using the Elementor.
‫However, I'm telling you again, people are visiting your website only to read the text, not your
‫design.
‫So that is why your blog should not be designed friendly.
‫It should be content friendly.
‫All right, so now we go down.
‫Then we have got this one.
‫This one is something that I like the most.
‫The post title style.
‫All right.
‫Rather than designing every single page, every single blog post with the Elementor, it's recommended
‫to design your style layout using the Theme Customizer and then use the Gutenberg default.
‫Things like the text images, bulleted lists to create a post, not design a post.
‫All right, so let's take a look at this post title style which is set to the default.
‫If I just click on here I've got the intro.
‫This is going to change the look and feel of this.
‫You can see how great this is looking.
‫You can also just like work with different things like we've got card, this is how it's looking for
‫the card.
‫You can also keep it to be cover where there is going to be a background image.
‫Then we have got the title and everything.
‫So since I'll actually not be using this theme anyway, let's just go ahead and let's go down and let's
‫see furthermore settings, because we do not want to dive deeper into it and you can play with it like
‫let's suppose that if you want to change the color, you can change it.
‫You want to show the featured image set it to be a bit of transparent.
‫This is how it's looking.
‫All right.
‫So then we have got the post title meta which is going to be this this information.
‫Let's suppose that you do not want to show the author name.
‫You can uncheck that.
‫Or let's suppose that you do not want to show the tags that we have.
‫This is posted in itineraries and everything.
‫Then we go down.
‫We've got the further settings and you can work with it now.
‫Now I would actually recommend you to play with it and see how it's working.
‫I'll be going down because this is actually the content area.
‫And this is going to be design using either the page builder or the Gutenberg.
‫Let's take a look at this here.
‫We've got the related post column counts.
‫Now if you want you can keep it to be one like if you need only a one single one.
‫So now I'll be going ahead and I'll be keeping it to be three because I kind of like it this way.
‫And then I'll be adding three columns in here.
‫So that was all about the stylings for the ocean WP theme that it offers for a blog website.
‫Now let's just go ahead.
‫Let's get out of this and let's see how are these styling so far?
‫This is kind of a bit a really basic design.
‫If you like it and you want to go with it, then definitely go for it.
‫It's really good.
‫However, let's suppose that these are actually the cards.
‫Let's suppose that if you want to add further information like.
‫This is actually the post that was posted in this particular destination.
‫We want to show the destination somewhere right here.
‫Let's suppose that if you want to do these type of customization, then this theme is not a good theme.
‫Otherwise this theme is a good theme.
‫However, I'm telling you again, ocean WP theme fonts are really much smaller in size, so if you want
‫to use this theme, please do make sure that you increase the font size.
‫Let's just go ahead and let's take a look at a different theme, which is the Astra.
‫Let's activate this and let's see how is this theme performing for a blog website.
‫All right my dear students.
‫So this is how the Astra theme looks like.
‫And now we will be going ahead and and we will be clicking on the customize.
‫And we will see how does this theme customizer lets us edit this website.
‫So for the global it's going to be for the typography.
‫I told you, whenever you want to build a blog website, make sure to increase the text size.
‫You can do it from here.
‫I'm not going to be doing that again because we're not going to be using this theme, the header builder.
‫This is basically for this header over here.
‫So let's suppose that if you want to change the menu you can just click on there and you can change
‫it.
‫They do have kind of like a header.
‫Like if you need a button over here you can just click on the plus.
‫Select the button which is going to be added over here.
‫This is kind of like a similar to the Elementor.
‫You have worked with the Elementor, so you should know how it's working.
‫You can work with it if you want to use this theme.
‫However, what I need to do is that I need to work with this blog.
‫So I'll be going ahead and I'll be clicking on the blog.
‫And this is similar.
‫We've got the blog archive which is set, which is like this, the home category and the destination.
‫And similarly we also have got the single post.
‫So let's just go ahead and let's take a look at the blog archive.
‫Now first of all we have got the blog title area.
‫What is this.
‫Let's click on here.
‫These are actually the layout.
‫You can set the layout to be two.
‫This is how it's going to be.
‫Now this is something that I want to share with you.
‫Now we are actually on the home page.
‫And that is why we are not able to see any of the title.
‫If you go ahead and you click on any of the category and you click on the activities, you can see that
‫we get the title.
‫So if you click on the layout one, it's going to be just like normal where we've got this title over
‫here.
‫And if you just click on here layout two, then this is how it's going to be.
‫So you can go ahead and you can choose how you want the title to be.
‫Like if we go into the IRB and we click on the Paris, then we've got the Paris.
‫Now similarly, let's suppose that if you want to show the breadcrumb, you can just click on here.
‫And the breadcrumb is going to be shown.
‫That is going to tell the people that okay, the home the IRB and then the Paris.
‫This is how it is.
‫Now let's suppose that if you want to design it, then what you can do instead of the general tab you
‫can click on the design.
‫Then we've got the banner minimum height.
‫You can increase it if you want.
‫Work with it.
‫Inner spacing you can work with it.
‫You'll work with the page builder Elementor.
‫So you should know the container background which is set to none.
‫You can keep it to be custom and you can add any of the background color if you want.
‫If you want, you can also add an image, or if you want, you can also add a gradient which is kind
‫of good.
‫So so this is how it is.
‫Now let's visit if you want kind of like a gradient ish effect and you want to work with it, then you
‫can design it the way you want.
‫Then we have got the title color which is going to be for this, the text color which is going to be
‫for this.
‫And then we've got the link color, which is going to be for the URL and the home.
‫These are actually the link and the hover color.
‫Like when you will bring your mouse how you want the color to be changed.
‫So similarly you can also work with the title font like.
‫Let's suppose that if you want to a different font you can work with it.
‫Then we have also got this inherit, which means that the font will be inherited from the typography
‫section that you have.
‫Edit if you want a funky font for the title of your destination, you can work with it.
‫If you want a different font for that, you can just select that and it's going to be added over there.
‫These were the stylings for the title area.
‫Let's go back and then we have got the container layout.
‫Container layout is actually this.
‫Now for this one we've got first to normal.
‫The full width.
‫And we've got the narrow.
‫And we have got the default one.
‫So it's totally up to you how you want.
‫After that, we've got the container style which is set to the default.
‫You can keep it to be unboxed, which means that there is not going to be any of the box over there.
‫And if you just keep it to be boxed.
‫Then this is not boxed.
‫Instead, we get actually these cards over here.
‫I'll be keeping this to be the default one.
‫Then we've got the sidebar layout.
‫And this means that if you actually want to write sidebar or left sidebar, you can click on there and
‫the sidebar is going to be appearing up here.
‫Now once again, we'll be talking about sidebar later on in the upcoming sections, I'll show you that.
‫What are these?
‫Uh, what are the most popular widgets you can use for the sidebar?
‫So you can get a better understanding on that?
‫But I'll be keeping this to be the default.
‫I do not want the sidebar.
‫Then we have the sidebar style.
‫If you want it, you can play with it, and this is pretty much it.
‫The meaning.
‫The most important thing is the layout.
‫What you can do.
‫You can see how you want the layout to be.
‫So if you want it, you can keep it to be in a list.
‫Well, this is how it's going to be in a list.
‫So let's click on the home.
‫So we're taken to the home.
‫So this is how they are in a list.
‫If you want you can also keep it to be cover which means that the background image is going to be there.
‫And on top of that there is going to be all of the content.
‫Similarly, then we have got the post per page, which means that how many of the posts you want to
‫show per page, if you increase it, it is going to be increased just like that.
‫After that, we have got the uh, post elements, which is going to be over here now, based on whatever
‫the stylings you will choose, you will get different settings.
‫So let's suppose that I want to choose the grid.
‫Based on the grid, I will be getting the settings.
‫So we have got featured image which is going to be here.
‫We have got the itineraries, which is actually the category which is being shown over here.
‫All right.
‫Now I can click on that and I can change this to badge.
‫So this is how it is.
‫If I change this to underline it's going to be underlined.
‫Let's just keep it to be default.
‫If you want you can also get rid of this.
‫Now let's suppose that I want to show the destination.
‫Is there a possibility of that.
‫I'll be clicking on the post meta, and there are actually no options for me to add the destination.
‫Let's go down.
‫Let's see if we've got any here.
‫No.
‫So there are no settings for me to add.
‫The destination like this was actually posted in Abu Dhabi.
‫And I want to show that over here.
‫So that person, my users can actually see that which is the destination.
‫There is no option for me to do that.
‫And that is why I'd say that if I want this, then this theme is not a good theme.
‫So let's go down and that's it.
‫These are pretty much the things that this theme offers.
‫If you want much more stylings and much more things, you have to purchase the Pro version.
‫But we do not want to purchase the Astra Pro.
‫There's no need for that because we already have got a different theme, which is a free theme, and
‫it's a really good theme that I'll be telling you what that theme is from the next lecture.
‫So let's click on the single post.
‫Now I'll be clicking on the single post and we'll be taken there.
‫This is actually the single post.
‫Let's suppose that I need it to be the normal width.
‫This is going to be in a normal width, the post title area.
‫I can show it if I do not want I can hide it as well, but let's suppose that I want to style it.
‫So this is actually the layout one.
‫Let's suppose I select layout two.
‫This is the layout two and then we've got the structure and everything.
‫So now I'll be selecting the layout one.
‫And now let's suppose that I also want to show the featured image as well.
‫I'll click on there.
‫And the featured image is right now over here.
‫So this is how it is.
‫It's it's it's looking kind of good.
‫If I just set this to layout two then this is how it is in the layout two.
‫Similarly, if you just click on here, then you've got the image ratio and everything how you want
‫this.
‫If you want the image position to be below, then this image is going to be right after the title inside
‫the other section where you have got the text.
‫So it's up to you how you want it, and I would recommend you play with it so you can better understand
‫how each and every thing is actually working.
‫These were the stylings for our, um, single post website.
‫Let's go back then.
‫We have got the container style, which is for this, like how you want the container style to be like.
‫Let's suppose that this is actually in a boxed way.
‫So you can see that this is in a box.
‫If I just set this to unbox, this is going to be in box and this is going to be fully a white background.
‫So it's totally up to you how you want it.
‫Now I go down, I also want to add the sidebar so I can just click on there, and the sidebar is going
‫to pop up just like that.
‫I do not want it.
‫I can go down and then I've got this, uh.
‫Related post.
‫So if I just go down, you can see that the post ends over here and there is no related post.
‫If I want, I can turn it on.
‫And then here is going to be the related post.
‫Over here you can see that this is being shown.
‫And then I can click on it and I can style it like if I want three number of posts or four number of
‫posts.
‫And I can select the layout which is going to be three layouts.
‫And you can see that now this is how it is.
‫Similarly I can also go ahead and I can style this as well.
‫So we've got this featured image.
‫Then we've got the title and the post meta.
‫Now I can click on there and I can work with it.
‫Or let's suppose that if I do not want the title and the post meta, I only want the images.
‫And this is how it is.
‫It's totally up to you how you want to design it, how you want to style it, which of the thing you
‫like the most.
‫Now, similarly, you can also go into the design and then you can work with the different settings
‫and styles and everything like the section title font.
‫So you can click on that, you can increase that and it's going to be increased somewhere.
‫You can just see how everything is working.
‫This is specifically for the related posts.
‫So this is you can see that this is being increased and this is how you can go ahead and you can pretty
‫much work up with it.
‫So these were the stylings that were offered by the Astra theme and also the ocean WP theme.
‫And to be very honest, these are pretty much basic styling.
‫I would suggest probably if you want to build a really basic type of blog website, then go with the
‫ocean WP theme.
‫Otherwise if you want a little bit much more customization then I've got another recommendation for
‫you.
‫And that is something that I'll be talking to you inside the next lecture.