‫Welcome back, my dear students.
‫And now in this lecture of the course, we're going to be adding our first post to our blog website.
‫So as in the previous lecture, I told you about the blog and now you know what a post is.
‫So now in this lecture, we're going to be adding our first post.
‫Now in this complete section, we're going to be working with the blog website.
‫First of all, we will learn, uh, the structure of a blog, like how the blog works, what is a post,
‫what are taxonomies and how they are combined together?
‫Once we are fully familiar with the structure of the blog, then we will be moving forward and we will
‫understand how we can design a blog.
‫So whatever the tips tricks that I will be giving you in this particular section is going to be specifically
‫related to the blog website.
‫For a personal website.
‫For a corporate website, we use the Elementor.
‫But for a blog, I would recommend you not to use the Elementor and stick with the default WordPress
‫editor, which is the Gutenberg.
‫Now why is that?
‫We're going to be talking about that later on when we will be working with the designing part.
‫So in this lecture we're going to be adding our, uh, first post.
‫And we're also going to be understanding the Gutenberg a little bit.
‫So let's just go ahead and let's get started.
‫Now to add a post.
‫What you need to do is to go into the dashboard.
‫Once you are in the dashboard, then you have to go into the post and then you have to click on all
‫post.
‫And this is you can see a default post created by the WordPress itself which says the Hello world!
‫Now what we want to do is that we want to keep this post for now.
‫We will delete it later on, but let's just go ahead and let's add our new post.
‫So I'll be clicking on Add New Post, and I'm just going to redirect me to the Add New Post page.
‫Now if you get any of the dialog box, since this is going to be your new website, you can close these
‫dialog box.
‫And this is how the add new post may look like.
‫Now I kind of not like it this way.
‫I really like to disable the full screen mode, so what I would recommend you is to click on these three
‫dots at the top.
‫You can click on that and you can disable the full screen mode.
‫So this is how it should be shown.
‫Now I kind of like it this way.
‫It's my own personal preference.
‫If you want to keep it working on the full screen mode, it's up to you.
‫So let's add the title of our first blog post.
‫Now, in this particular section, we're going to be building a blog website based on a travel blog.
‫So all of the posts that I will be adding will be related to the travel.
‫All right.
‫So first of all, you have to add the title of the post, what your post is going to be all about.
‫And then you have to add the content.
‫Now for the content, I would recommend you to still visit the Lipscombe when you are actually learning
‫to build a blog website.
‫After that, once you are familiar with the blog website and you want to write your own blogs, then
‫you can write your own.
‫But for the time being, I would recommend you not to waste your time by writing the content.
‫Instead, you can copy the generated dummy content.
‫So let's click on Generate Lorem Ipsum and let's copy the content.
‫Now I'll be copying all the five paragraphs.
‫I'll be coming up here and I'll be pasting all of this in here.
‫So this is going to be the title and the content.
‫This is what a main and the most important part of a blog website is.
‫However, to make our blog much more readable and much more user friendly.
‫That is why you have to make sure that you also add the subheadings, and you also add some of the bullet
‫points so that it can be really much easier for your users.
‫Along with that, it is also highly recommended that you also add the images as well.
‫Now, since we are actually building a dummy blog website, that is why I will not be adding a heading
‫right after every of the paragraph, but I will be showing you how you can go ahead and how you can
‫add subheadings, how you can add the bullet point list, and how you can add multiple images.
‫So when you are building your own blog, your actual blog, then you can add them yourself.
‫So let's suppose that if I actually want to add a subheading, then how can I do that?
‫For that, I would recommend you to click on this plus button.
‫This is going to toggle some of the blocks that you can add.
‫And now let's suppose that we want to add the heading.
‫So we will click on that.
‫And the heading is going to be added.
‫Where is it edit.
‫It is going to be added at the bottom of your content.
‫Now let's suppose that you want to bring it to the top.
‫So you can click on here.
‫And this is going to move this heading up.
‫You want to bring it up up up.
‫And you can bring it right here.
‫So let's suppose that I want to add the heading like tickets.
‫And this is going to be my heading.
‫Edit.
‫Now let's suppose that you also want to add some of the bulleted list as well.
‫So you can click on this plus as well.
‫And now you can select this list.
‫You can click on that and it's going to be added over here.
‫Now let's suppose that I want to add in here some of the dummy contents like Skyscanner.
‫So this is going to be my some of the dummy content.
‫Now this is actually the bulleted list that we have over here.
‫Now we're not going to be diving deeper into the styling part.
‫We're going to be talking about the styling parts later on in the course, like how everything is going
‫to be styled, how you can style it using the Gutenberg editor, the default editor.
‫First, we're going to just understand how we are able to add some of the most commonly used blocks
‫to our blog website.
‫The other one, which is the most important one is images like how can you actually add the image to
‫your blog?
‫So first of all, the main and the most important thing is that you should be having a featured image.
‫Now, a featured image is going to be really helpful, uh, especially when you will be designing the
‫website.
‫That featured image is going to be shown at the top of the post.
‫And also, um, if you want to promote that post to your Facebook at that featured image is going to
‫be automatically pulled from your website and it's going to be shown over there.
‫Similarly on the website, uh, it's going to be shown.
‫So you will be able to understand like how the featured image is going to be working.
‫So you need to add a featured image.
‫Basically, there should be at least one single image added to a blog post, and that is going to be
‫the featured image.
‫So how you're going to add that.
‫So that particular image is going to be related to your title, whatever the title you are going to
‫be adding.
‫So this is actually a ten days Dubai.
‫So I'll be going ahead and I'll be adding um, a featured image based on this to buy.
‫So I'll be clicking on this featured image right here in the post.
‫All right.
‫And I'll click on set Featured image.
‫This is going to open up the dialog box.
‫Now I'll click on Select Files.
‫So if you click on select files it's going to open up the file box over here.
‫Or if you want you can simply drag and drop your featured image.
‫Now, since you already know how to actually get the images, you can get the images from the Unsplash.
‫You can resize those images to make it smaller in size, and once you're done with that, then you can
‫upload them and you can click on Set Featured images.
‫So that's it.
‫These are the things that you need to know in order to build a blog website.
‫And that is how a post is added.
‫Now this is not where everything ends.
‫Now if you click on here at the plus over here, then you can see that we have got so many of the blogs.
‫All right.
‫So we've got a paragraph.
‫We've got a heading list quotation code.
‫You do not need to touch up that details this this this and so many of the things.
‫Now this is your assignment.
‫What I want you to do after this lecture, I want you to add each of these blocks and like understand
‫like what is actually going on with different blocks.
‫You do not have to go in the detail with the styling.
‫Now, since you have already worked with the Elementor editor, that is why it is going to be really
‫much easier for you to work with these blocks and how it is going to work now.
‫You do not have to actually go into the styling.
‫Like, let's suppose you want to add a pull code.
‫You can click on that.
‫It's going to be added.
‫You can see that we have got a quotation and then we have got a citation.
‫So you can write here a quotation.
‫And then you can add a citation.
‫Like who said that code.
‫And this is how it's going to be.
‫All right.
‫So what I would recommend you to do is to click on that plus.
‫And then you need to just like work with everything.
‫There is no need to style them.
‫There is no need to work with the font size, the background color or anything.
‫We're going to be talking about that later on in the course.
‫All right.
‫Now we have actually learned how we can add the main title of the blog, how we can add the subheading
‫to a blog, and how we can add the bulleted points and the content.
‫These are the main things.
‫We also now know how we can add a featured image.
‫Now let me show you how this blog post is going to look like.
‫So I'll be now clicking on publish and I'll be clicking on publish.
‫This post is now published and if I click on View Post.
‫Now you can see that this is how this post is looking like, uh, with the 2019 theme that I am actually
‫using.
‫So we've got a title, we have got the author leave a comment and everything.
‫And if we go down then this is you can see the content that we have over here.
‫So this is how each and everything is working.
‫Now.
‫This is you can see how this featured image is playing a role.
‫And we're going to be talking about that like how everything is working when we'll be styling everything.
‫Now if we click on Edit Post again we will be taken back to the post editor.
‫And now let's suppose that if we want to add extra images like this is the featured image that we have
‫already added.
‫Now let's suppose that we want to add an image based on the tickets or any other heading that we have
‫over here.
‫So what I'll be doing is that I'll be clicking on tickets.
‫All right.
‫I'll be at right here and now I'll click on this plus.
‫And now I'll click on image.
‫And this image will be added right after this tickets heading.
‫So I want to add the image.
‫So I'll click on this image.
‫This is going to be added.
‫And now it's going to tell me like um which image would you want to add.
‫So you want to upload it or you want to open the media library.
‫So I'll just say I want to open the media library and I want to add the same image.
‫I'll click on that.
‫And now I'll click on select.
‫And this.
‫As you can see the image is also added.
‫Now you do not have to actually work with the stylings how everything is going on.
‫We'll be talking about that later on in the course.
‫So now once you have pulled up the image, now if you go ahead and you hit on update and if you click
‫on View Post, then you can see that this is the difference.
‫This is actually the featured image.
‫A featured image is a totally different thing.
‫The rest of the images that you will be adding will be shown like this.
‫Now, I do expect that you have read at least a one single blog in your entire life.
‫Like when you are actually visiting a blog.
‫What you see, you see the content and you see the content to be much more prominent.
‫Like everything should be visible and you should be able to see what that blogger is actually conveying
‫the message to you.
‫So this is the main purpose of the blog.
‫Like the blogger who is writing the blog is making sure that the content is that he is writing over
‫there is absolutely visible to you and you are able to understand it.
‫You are also able to connect the images with the heading, with the content that is also added.
‫And that's it.
‫This is what a blog is.
‫Now, from the next lecture of the course, we're going to be actually understanding the Gutenberg.
‫We're going to learn how we can style these things.
‫Like you can see that we've got a text, we've got a quotation, we've got a heading, we've got an
‫image, we've got list.
‫So how we can style these things and how we can work with different types of variations of these.
‫So we're going to be talking about that in the next lecture.