How to Make a Blog Website on WordPress _ Complete Tutorial 2023

Hey guys , I'm Brian .

And in this video , we're gonna see how you can build a blog like this in three simple parts that anybody can follow .

This blog has your logo here and then a clean and simple menu and then here you can have any content you want .

Now , if we scroll down here , you can see that we have a blog post which are clickable .

So if we click on this , we can now read the post .

Each blog post has an attractive title and image .

And here you can see that we have our social media icons that you just can click to visit your social media pages .

And then we're going to create blog categories which will show you a specific post in that category .

In this way , your visitors can easily find the blog content they want .

Now the coolest part of this blog website is you can easily customize it to any style you want .

So we are going to do it using Elemental Pro .

When you use the free version of Elemental , you have limited themes and features to customize your blog website .

But with Elemental Pro , you will get professionally designed block templates that can be easily customized to create a stunning blog website .

You can also use dragon drop elements to do attractive customizations to your posts like this .

It's that simple .

Now , on this blog , you can have different pages like the about page and contact page .

Now , if you click on the contact page , you have a contact form where your visitors can contact you quickly through this form .

So this blog is fully responsive and works on all devices like tablets and mobiles .

Ok ?

It's going to be very quick and easy .

So make sure you watch this lien to learn how to do it .

But this video is not sponsored , but it is supported by those of you who have purchased our courses and a Superfast work was hosting from me Space K .

You can learn more about these by clicking links in the description which includes an extra 10% off coupon .

Ok .

So without any delay , let's start creating a blog website .

So to create a blog website using element , we are going to do three parts .

The first part is to launch a website now , this is where we get our new website live on the internet .

So to launch your blog website , we're going to launch a site using Webspace kit .

Webspace kit is a superfast workers hosting designed by website learners .

But why choose Webspace kit over other providers ?

We purchase hosting from every popular hosting provider on the market , right ?

Now and hosted the same website on each host .

After testing each of these websites , we could see that WSK had the fastest load time compared to all the other hosting providers .

And this provides seo benefits as well so that your website will have a better chance of ranking on Google .

You can see the full comparison video here and that's why we recommend WSK .

So to launch a site at WSK , we're going to do two steps .

The first step is to choose your website name .

So to choose a name , just click the link below this video and it'll take you to web space K dot com here .

Enter the name you want .

I'm going to enter , take a dot com and then click search .

Now you can see that this name is available .

Once you choose your website name , you can now go to the next step , which is to get this domain name and hosting the domain is the name of your website , which people need to enter to visit your site .

And hosting is the place where your website's files are stored like your blog , websites , images and files .

Now to get this domain name and hosting , let's click here and you will get this page .

Let's click add to cart , then click continue and it'll take you to this page .

Now , here it'll ask you to select a hosting plan .

And as you can see here , hosting provides the space to store your website on the internet .

So based on the number of websites that you want to build , you can choose a plan here .

I want to build one website .

So I'm going to choose this plan .

So here you can choose how long you want the hosting for .

You can choose any length here as you go longer .

You can see that we're getting a discount .

Now , I'm going to select 12 months and click continue .

Now , since we are purchasing the hosting here , you can see that webspace kit provides the domain for free .

Now , both of these are valid for one year , which means once we complete the purchase , our site will be live on the internet for one year .

So after one year , you can easily renew your domain to keep using it to get a domain hosting .

Let's fill up these details and then enter your payment details and click order now .

Ok .

So now we have successfully placed the order .

So now if we click here , you can see that we have successfully got a hosting and domain .

Ok .

So once you've got your hosting and domain , your website should now be live on the internet .

So to check that , let's open a new tab .

Now , if we enter our domain name , which is techie ac dot com and press enter , you can see that we have a brand new website on the name which we selected .

Now , sometimes it might take a few minutes for the domain to become active on the internet .

Now , if you're not seeing this , try refreshing after 5 to 10 minutes .

OK .

So now we have successfully launched our website on the internet .

Once you have launched a site , we can now go to part two of this tutorial , which is to import the sample blog site .

Now , instead of building a blog website from scratch , we're going to first import a sample blog site and then we're going to edit it to make our own blog website .

So this is going to really speed up the process and it will let you build your site in a much faster way .

So to import the sample blog site , we are going to do three steps .

The first step is to log on to our website .

So to log in to your site , all you have to do is type slash log in after your site's address .

Now , if you press enter , it will take you to the login page of your website .

Now , here you need to enter your user name and password to log on to your workers dashboard .

Now , once your site is active , you should have received an email with your worker login details .

So let's go to iron works and you can see that we have got this email just open it .

And as you can see we have the user name and password .

So let's quickly copy these details and paste them here and then click log in .

You can see that we have successfully logged into our workers site and this is our workers dashboard .

Now , this is the place where you can control your website .

So once you have logged in , we can now go to step two of importing the sample block site , which is to install a theme in wordpress .

So we are going to install a theme called hollow element , which is going to let us import the sample block site .

So install the team , just go to appearance , click teams , no , click a new team and then search for a theme called Hello Elemental .

And you will get this theme .

Now install the theme , just click , install and then activate the team .

So now we'll install the hello elemental theme on our blog website .

Once you've installed the team , we can now go to step three , which is to purchase the element of pro plug in for our website .

This is a paid plug in that is going to help us build our blog website and we will see different blog templates with different features to purchase the element or pro plug in .

First you need to install an element or to do that .

Just click , install element or and then click , add to it .

Once you've done that or to purchase the element of pro plug in , just go to the video you're watching right now , click this link and it'll take you to this page here .

You can see there are different plans for Elemental Pro plug in .

Now , if you have one website , you can choose this plan or if you want element of Pro for multiple websites , you can choose these plans .

So I'm going to choose this plan .

So let's click by now and it'll take you to this page now to purchase the element of pro plug in .

Let's fill in these details , click create account .

Now fill up these details , click continue and then enter our payment details .

So once you're done , click pay now , so now we have successfully made the payment and purchased the element of pro plug in .

Once you purchase the plug in , next , we need to install the plug in on our site .

So to do that , just click , download element of pro and a plug in will be downloaded as a zip file .

So we install this plug in on our site .

Let's go back to our workers dashboard , then click , add new and click upload plug in , not drag and drop the zip file here which you have downloaded before then click install now and activate the plug-in .

Ok .

So now we have successfully installed the element of pro plug in .

Now , in order to activate the features of the pro plug in , we need to create a site with this plug in .

Just click connect and activate and then click , activate .

Ok .

So now we have activated the pro plug in once you have done that don't import the sample block site .

Let's go to templates a library and you will get this page where you can see ready made templates with different categories .

Since we are creating a blog website , let's choose blog category , then you will find different blog designs .

Now see all these block designs and select the one you want .

I'm going to choose this design here .

You can see a preview of how the design looks like .

Don't impose this design to your site .

Just click app like it and then click apply all finally click enable .

And now the entire design will be important to your site .

So let's see how the site looks .

Now , if we go to a site , you can see that this is how the site was before it was almost empty .

Now , if we click refresh , you can see that we have got the entire design into our site .

And here you can see the sample blog posts .

Now , if we click on it here , you can see the sample content .

OK ?

So now we have successfully imported the sample block site to our site .

Once I've imported the sample block site into our site , we can now go to the final part of this video which is to start building your blog website using element .

So to build your website with element , we are going to do two steps .

The first step is to delete the sample blog posts .

Now , here you can see that we have these sample block posts instead of these sample block posts .

If you want to add your own blog posts , you need to delete these sample block posts .

So to delete them , let's go back to our dashboard , then go to posts and click all posts .

Now , here you can see all the sample block posts which we have on our site .

So to delete the sample block posts , now just click here to select all the blog posts , then click here , trash and click apply .

So now we've deleted all the sample blog posts .

Now , if you go back to our website and click first , you can see that all the blog posts have been deleted .

Once you've deleted all the sample block posts , we can now go to the next step , which is to add your own blog post .

So to add your own blog post , just go back to posts , click add new and then you will get this page .

Now here , enter the title for your blog post .

I'm going to enter my title .

So let's add the feature image like this .

The image which you add here will appear on your site like this .

So to add the image , click feature image and click that featured image .

Now drag and drop an image from your computer , then click set feature image .

And as you can see the image has been added here .

Once you're done , just click publish .

OK .

So now you successfully publish the blog post .

Once you published the blog post , let's now add the content for the blog .

So to add the content , just click , add it to the element or , and it will take you to this page where you can add the content .

Now by using elemental , we can quickly add the content just by dragging and dropping these elements here .

So let's say you want to add the content here , just drag this element and drop it here .

Now select the text and then remove the sample text and then here are the content you want .

I'm going to add my content .

OK .

So now we have added the content to the blog post .

Next let's say you want to add a section to your blog post like this where we have our text , an image , just click the plus symbol here and you will get different sections .

So select the section you want and it will be added here .

Now to add an image to this section .

Click here , just drag this image element and drop it here .

Now to add an image , just click here , drag and drop your image here .

Now click insert media and as you can see the image has been added now to add a text to this section , just click here and then drag and drop this element here .

Now select the text and then remove the sample text and then enter your own text here .

Once you're done , click publish .

Now , if we go back to our site and click refresh , you can see that the blog post has been successfully added to our website .

Now , if we click on it , you can see the blog content that we added in the same way you can create as many blog posts as you want .

Ok .

Now let's say a visitor is searching for a particular blog or content .

Instead of checking all the blog posts from the website , you can make it easy for your visitors to find the blog by creating categories like this .

But you can add all your blogs to the categories so that your visitors can quickly read the content they are searching for .

Next , let's see how you can create categories for your blog posts like this .

So to create a category for your blog posts , let's go to a dashboard .

Now go to post , click add these and it'll take you to this page .

Now here , enter the name you want for your category .

I'm going to create a category called Future Technologies .

Then click add new category .

Now , as you can see a new category has been added here in the same way , you can create as many categories as you want .

Next , I'm going to create another category called meta .

So let's enter that here and click add new category .

OK ?

So now we have successfully created categories for our blog website .

Once you have created the categories .

Now let's add the blog post to these categories which we have just created .

So to add the block post to the categories , just click all posts here , you will find the blog posts which you have created and these posts are unt categorized .

Now to add blog posts to your category .

First , you need to select the block posts which you want to add to the category you created .

I'm going to select this block post .

So let's click quick it and you will get this page .

So here you need to select the category in which you want to add the block post .

And here you can see that by default , the end category is deselected .

So we will deselect this and then you can select the category you want to add this blog post .

I'm going to select future technologies once you select it , click update .

And as you can see this blog post has been added to future technologies .

In the same way you can add any other blog posts to the category you want .

So now we have added the block post to these categories .

OK ?

Once you have done that next , let's see how we can add categories to our menu .

So to add the categories to our menu , let's go to our site .

Click customize and then it will take you to this page .

Now here click menus , click on main menu and here you can see the menu item which we have here .

Now to add the categories to our menu , click add items and then click categories here .

You can see all the categories which you have created .

Now select the categories you want to add to your menu .

I'm going to select these categories and you can see that the categories are added here .

Now , if you want , you can also change the order of the menu items like this .

OK .

Now to save your changes , just click publish .

Now , if we close this , you can see that we have got the categories on our menu , which we have added so called meta .

We can only see the block post related to meta and now we click on future technologies , we can only see the block posts related to future technologies .

OK ?

Now , here you can see that the category page looks very simple .

Now , instead of having a simple design on your category page , let's say you won't have an attractive and well designed category page like this so that it will attract more visitors to check out your blog post on your website .

So to create an attractive page , first , we need to import a template to our category pages like this .

So to import the template to our category pages , let's go to our wordless dashboard , then go to template , click add new .

Now you will get this page where this pop-up appears .

Now , if we click here , you can see different types of templates .

So choose a template you want for the category page .

I'm using archive .

Now give a name for this template .

I'm going to enter category and I'll quickly create template .

You will get this page where you can find different archive templates .

Now see all the templates and select the one you want .

I'm going to choose this .

So if we insert , you can see that we have got the template into our category .

Now to save the changes to the category page , just click publish .

So here you can see that it asks you to choose where you want to display your template .

Since we are going to add this template to a category page , let's click add condition and you will get this job done .

Now click here , select categories .

Now here you need to select for which category you want to add the template .

So let's click here .

I'm going to search for meta and then select it .

Now as I want to use the template for all my categories , I'm going to select other categories to do that .

Click add condition again , no cure and select categories .

And then here search for the category called future technologies and selected .

OK .

Once you've selected where you want to display your template , click save and close the template will be imported to our category pages .

Now , if we go to a site , this is how the page looked before .

No weekly refresh , you can see that the template has been imported into a category page .

And also the template will be imported to the other category page that we selected .

So if we go to this category page , you can see that the template has been imported .

So this is how you can import the template to your category pages .

OK .

So now we have a complete blog website .

Next , let's see how you can add your logo here .

So to add your logo , just click customize , then click site identity .

So click select logo , then drag and drop a logo from your computer and the logo will be added here and to see the changes , click publish .

Now if we go to a site and click refresh , you can see that the logo has been added here .

So this is how you can add your logo to your site .

OK ?

Now let's say you won't edit the content of any page in this site to do that .

Just click , edit to the mentor .

Now if you want to change this image , just go to the image , click here , not choose mate , then drag and drop the image you want from your computer and click insert media .

Now , as you can see the image has been changed .

Next , if you want to change the text , just go to the text .

Click here .

Now select the text and then type your text in the same way you can change any text you want .

Just click here , then select the text and type your own text .

Once you're done , click update and the change will be shared on your site .

So if we go to a site and click refresh , you can see that the changes are made .

So that's it guys .

This is how you can get a blog website using elemental .

Now , if you need to make your own blog website , just click here and it'll take you to the page which we saw in the first step , which is choosing your website name .

So just choose your website name and then build your website .

And if you want to learn more about wordpress , you can check out a complete wordpress course , which is available in this link .

Also make sure you click the supply button to see more videos from us .

So thanks for watching .

I'll see you guys in the next video .

Take care .

Bye bye .