Hi guys,
Today we’re going to see,
how you can create your own portfolio website,
Let’s say you are a professional
and you want to showcase your skills...and works you have done, on your website.
You can do that easily by creating a portfolio site.
So after watching this video,
you will be able to create your own portfolio site, like this
Where you can showcase your skills and works, like this
So people can easily check out your profile and contact you if they want to reach you.
Okay,
I’m Bryan from website learners
And let’s start building our portfolio website,
We’re going to build our portfolio site
in just 2 parts.
The first part is to launch your website
Once you have launched your site,
Your portfolio website will be live on the internet
And you can share your site with anyone
So to launch your Wordpress site,
we’re going to do 4 steps
The first step is to choose your website name.
Now to choose the name,
just click the link below this video.
And it will take you to this page.
Now here, enter the name you want for your website.
I have already picked a name
which is "Graphicsolve.com"
So I'm going to search for it...
And then click "check availability".
Okay, so you can see that,
‘Graphicsolve.com’ is available.
Once you get your name,
You can go to step 2, which is to get your hosting & domain.
So hosting is the place where your portfolio site’s files will be stored.
And domain is your website's address, which will appear here
So to get your hosting and this domain name,
Let's scroll down...
And click ‘Get Hosting’
Now this will take you to a website called ‘BlueHost’,
This is the place, where we're going to get our hosting & domain.
So to get it, let's click 'get started'.
Now here it will ask us to choose a plan.
So based on the number of websites, you’re going to build...
You can choose a plan here.
I want to build 1 website...
so I’m going to choose this plan.
And it will take you to this page.
Now here...
enter the same name which you selected before
So I'm going to enter ‘graphicsolve.com’
and click 'next'.
Now as you can see… our domain is still available.
Now to get this domain and hosting…,
Let’s fill up these details
Now, here you can see that we're getting our domain,
which is graphicsolve.com for free,
and our hosting.
Now this hosting will be valid for 36 months,
which is for 3 years
So once we place this order
you can build & use your portfolio site
for the next 3 years.
Now if you don’t want to get your hosting for 3 years,
You can just click here
and then select 12 months
which will give you the hosting for 59$
But I'm going to choose 36 months
So that I get the lowest price
And just scroll down,
Now here, to reduce the price,
let’s uncheck these items.
And as you can see… our price has been reduced.
Now to get our domain & hosting…
Let’s enter our payment details...
and click submit.
So, now we've successfully made the payment
And we've got our domain and hosting.
Once you have got your domain and hosting
We can go to step 3 of launching your site,
Which is to create your account on Bluehost,
So to create the account.
Let’s click here
And then enter a password for your account,
And click ‘create account’.
And you can see that our account has been created
So let’s log in
And then enter the same password.
And then click ‘login’
Okay!
So once you have created your account & logged in...
We can now go to the final step of launching our site,
which is to Install Wordpress.
Wordpress is the tool which we’re going to use, to create our portfolio website
Now once we install wordpress, we can start building our site.
So to install wordpress,
All you have to do is
Just click 'skip this step'.
And as you can see, wordpress is now being installed!
And it’s done!
Okay!
So Wordpress is now installed.
And this means we can now launch our site on the internet.
Now, before we launch our site, let’s confirm our email address.
So let’s go to our inbox,
And then open this mail
And click ‘verify’
Okay!
So now we’ve successfully confirmed our email address
This means we can now launch our site.
So to launch our site, let’s click home…
And then ‘login to wordpress’
And click ‘launch your site’
And as you can see, our website is launched!
So to check it, let's open a new tab.
And now if we type graphicsolve.com.com,
And press enter,
You can see that,
We have a brand new website, on the name which we selected.
And anyone in the world can access this site,
By going to this address.
So now, we have successfully launched our site, on the internet!
Once you’ve launched your site,
We can go to the second part of this tutorial,
which is to create our portfolio site,
Now to create our portfolio site, we’re going to do 4 steps
The first step is to install a theme on your website
So to install a theme.
Just go here
and click ‘dashboard’
Now this is the place where you can control your website.
Let’s go to ‘Appearance’
click ‘Themes’
Then click ‘Add New’
Now here, search for a theme called ‘Arrival me’
And you will get this theme,
Now to install this theme
Just click ‘Install’
and click ‘Activate’
And now we have successfully installed our theme,
So now if we go back to our site
And click ‘Refresh’
You can see that, we have got our new theme,
Once you have installed your theme,
We can go to step 2, which is to import the design.
Now to create our portfolio website,
we're going to first import a ready-made design & then edit it
to make our own site.
So to import the design,
Lets go to our dashboard
Click ‘Get Started’
And click ‘Import demo’
Now to import our design,
You need to install this ‘Demo importer’
So let’s click ‘Install and Activate’
Once it is installed,
As you can see, we can now import any designs we want from here,
Now as we’re creating a portfolio site,
I’m going to select this design,
So let’s click ‘Import’
Now in order to import this design,
We need to install these plugins,
So first, let’s install these plugins,
Once you have installed the plugins,
Click ‘Go to the Next’
And then click ‘Install this demo’
Now you can see that,
we have successfully imported the design,
So to check it,
Let’s go back to our site
And click ‘Refresh’
You can see that, we have successfully got our design,
And we have got these menu items here
So now if we click ‘Skills’
it will take you to the skill section which is on the same page
Similarly, if we go to any menu,
it will take you to that particular section
Okay,
Once you have imported the design,
We can go to step 3, which is to edit the content of our site
So to edit our content,
Let’s click ‘Edit with Elementor’
And it will take you to this page,
Now let’s say you want to change this text
just select it
And enter the text you want,
So to change any text on this page
All you have to do is
Just select it and then enter your text
Next, If you want to change the text on this button,
Just select it
And then enter your text.
Similarly, you can change any text you want, on this page.
Next, If you want to change this background image
Just right click on the image
And select ‘Edit Section'
And then go to the ‘Style’ tab
Now to change the image
Just click on the image,
And then drag an image you want
and drop it here
And you can see, the background image has been changed,
Now, in the same way, youwe can change any the text and image on this website.
[So] all you have to do is
Just click on the image
Click here
And then drag and drop your image
Once you have edited the contents of the design,
Just click update.
And all your changes will be saved.
So now if we go back to our site
And click ‘Refresh’
You can see that,
we now have all the content, which we added.
Now if you see here,
we have the skills section,
So if you want to make changes to these
Let’s go back to the elementor
Let’s say you want to edit this skill name
Just go there
And click the pencil icon,
And you will get these options, [to edit the skills]
Now here enter the name you want
And you can also change the percentage of your skill, just dragging this
Similarly, you can change all the skills listed here
Now if you want to change the numbers on this section
Just click on it
And then you can change it from here
And here, you can change this text
So I’m going to enter, ‘Years of Designing’
Now, in the same way, you can change these skills
And once you have made the changes
Now to save it,
Click ‘Update’
And now if we go back to our site
and click ‘Refresh’
You can see that, our skill section has been updated.
Okay
Now, let’s say you want to remove this section completely and add a new one,
All you have to do is
Just go back to this tab
Now to remove this section,
just go there and then click this
And as you can see, the section has been removed
Now to add a new section,
Just click the plus icon
and then click here
Now, go to ‘Blocks’
And here, you will find different sections, which you can add to your page
Now click here
and you will get different categories
I’m going to search forselect ‘Testimonials’
And you will get different testimonials sections
Now, select the one you want
I’m going to select this one
Now to add it, just click ‘Insert’
And as you can see, we have got a new section
Now like we did before
you can edit the contents of this section
Once you have done with the changes
Click ‘Update’
now if we go back to our site
And click ‘Refresh’
You can see that, we now have a new section.
So now we have successfully edited the content of our site
Next let’s go to the final step, which is to edit the content our Menu section.
Now if we go to our menu
You can see that, we still have the menu item which we removed from our site,
So to add our new section to the menu,
Let’s click ‘Customize’
And click here, to edit the menu section
Then click ‘Edit Menu’
First, let’s remove this menu item
So to remove it
Just click here
and click ‘Remove’
Next, we can add our new section to the menu
So to add it,
Let’s click ‘Add Items’
And click ‘Custom Links’
Now here, give a name for the new menu item
I’m going to enter ‘Reviews’
And here, you need to give an id to your section
So to give an id
Just enter #’ and then type the name of the menu item,
Then click ‘Add to Menu’
Now here, you can rearrange the menu item as you want
I’m going to place it here,
Once you have done that
Click ‘Publish’
And your menu item will be added.
So let’s go back to our site
And click ‘Refresh’
And here you can see that, we have got our new menu item,
But now if we click it,
You can see, it doesn’t take us to the respective section of our site,
So to make it work
Let’s go back to ‘Elementor’
And click here,
Now click ‘Advanced’
And here, you need to enter the id of the menu item,
which you have given earlier
[without #]
Once you have done that,
Click ‘Update’
And the menu item will now work properly,
So to check it,
Let’s go back to our site
And click ‘Refresh’
Now if we click ‘Reviews’
You can see that, it takes us to the ‘Review section’
So this is how you can edit the menu section.
Next let’s see how we change the logo of our site,
So to add the logo,
Let’s go back to customize
Now as you can see that we have the default logo.
So to add our logo,
Just click here,
And click ‘Change logo’
Now drag your logo from your computer...
and drop it here
And as you can see, our logo has been changed.
Once you have done that
Click ‘Publish’
Now if we go back to our site
And click ‘Refresh’
You can see that, our logo has been changed.
And finally, let’s see how to change the footer section of our site,
So to change the footer section of our site
Let’s go back to customize,
And click this blue icon
And here, enter the text you want,
Similarly, do this for the remaining places in the footer section,
Once you have done that,
Click ‘Publish’
And your footer section will be updated,
So now if we go back to our site
And click ‘Refresh’
You can see that, we have successfully got our new footer section.
So that’s it, guys,
This is how you can create your own portfolio site using WordPress
Now if you’re ready to make your portfolio website
Just click here
and it will take you to the page
Which we saw in step one
which was choosing your domain.
So just pick a domain and start building your website.
Now if you want to learn more about WordPress,
you can checkout our complete WordPress course, by clicking the link below this video.
And also make sure you subscribe to website learners to get more videos like this one.
thanks for watching I’ll see you in the next video,
Take care
Bye-bye.