In this personal website tutorial, I’m going
to be going over how to create a personal Portfolio website in WordPress step by step
from start to finish. Whether you wanting to start a personal website,
portfolio website, or a personal portfolio Website this tutorial is perfect to follow
along with. I’ll be showing you how to access professional
pre-made WordPress website templates to make Creating your personal portfolio website an
easy process. I’ll also be going over how to create your
personal website using one of the most popular Drag and drop editors Elementor page builder
so you can build a professional looking personal Portfolio WordPress website via drag and drop. The great thing about this personal website
tutorial is it is extremely easy to follow Along with even if you have no experience
in starting and creating a personal website. At the end of this video, you will have your
WordPress personal portfolio website successfully Created. The first step I'm going to cover is how to
choose and register your own domain name for Free. A domain name is the name of your website. For example, the website name for youtube
is youtube.com. Step 2 I'll be going over how to choose a
hosting provider. An easy way to think of hosting is it's like
the physical storefront of your website. To have a WordPress website, you have to have
hosting. Step 3 is going over everything WordPress
and creating your WordPress website using Professional pre-made templates and building
your site using the most popular drag-and-drop Editor. Let's get started with the personal portfolio
website tutorial for beginners video. The first thing you want to do to create your
site is to click the link in the description Below to be taken to Bluehost so you can take
advantage of our exclusive Bluehost discount, Where you will be getting a free domain name
and up to 73% off web hosting for your WordPress Website. Make sure you click the link in the description
to get this great deal. A little disclosure. The link is an affiliate link, meaning I'll
receive a commission from Bluehost at no extra Cost to you. Plus, you'll get an awesome Bluehost discount. A little about Bluehost.

Bluehost powers over 2 million websites worldwide
and over 850,000 blogs around the world. They are also recommended by WordPress.org
since 2005. Installing WordPress is a quick and easy process
that makes creating a WordPress website that Much easier. They provide 24/7 support via chat, email,
and phone. And they have a 30-day money-back guarantee. If, for any reason, you are unhappy, you can
cancel and get a refund within the first 30 Days. Once you click the link in the description
below, you'll be on the Bluehost page. Click the get started button. You'll now be on the Bluehost plans page. You'll see four different plans you can choose
from. The Basic, Choice Plus, Online Store, and
Pro Plan. You’ll see the Bluehost hosting terms you
can choose from are 12 and 36 months. You’ll get the $2.95 pricing with the 12-month
term. The Basic plan is a great plan if you are
going to have just one site. This plan comes with one website, and 10 GB
SSD Storage. The Choice Plus plan allows unlimited websites
and comes with 40 GB SSD Storage. The Choice Plus plan comes with free domain
privacy, free automated backups for 1 year, And malware scanning. Domain Privacy protects your personal information
from the public and will show Bluehost’s Default contact information instead of yours
in the public whois database. The automated backup will backup your site
daily and will allow you to restore your site To a previous backup with a click of a button
in case something happens to it like a website Crash or an editing mistake. Malware scanning will scan your website for
malware on your site and notify you if malware Is found. The Online Store plan comes with unlimited
websites, 100 GB SSD Storage, and everything The Choice Plus plan comes with. This plan is good if you are going to have
an online store as it comes with a bunch of Extras like an exclusive store theme, store
analytics, and $450 worth of e-Commerce plugins For your online store like unlimited products,
secure online payments, bookings and appointments, Shipping labels, product search and filtering,
gift cards, wishlist, and customer account Creation.

Something I want to note is you can have an
e-Commerce site with the Basic, Choice Plus, Or Pro plan as well. You just won’t get the extra e-Commerce
features the Bluehost online store plan provides. The Pro plan comes with unlimited websites,
100 GB SSD Storage, and features such as the Domain privacy, daily backups, and malware
scanning. The Pro plan also includes a free dedicated
IP and optimized CPU resources. With a dedicated IP instead of your site sharing
the same IP address with others, you’ll Have your own IP. Optimized CPU resources is good for high-traffic
sites or resource heavy sites. The Pro plan provides more speed and power
for your site. For most, the basic, choice plus, or online
store plan is what you’d want to choose From. You can always upgrade to the Pro plan as
your site traffic grows to a high volume. I’m going to choose the Basic plan for this
tutorial. Once you decide on a plan to choose click
the select button. You’ll now be on the domain page where you
can choose your free domain name for your Site. You can type in and search available domains
under the create a new domain. If you already own a domain name you can enter
it in where it says use a domain you own. If you can’t decide on a domain name you
can click the create my domain later link And you can choose your free domain name at
a later date in the Bluehost dashboard. Click next to proceed to the next step. You’ll now be on the create your account
page. You now want to input your account information. Next, is the package information section. You’ll see domain registration free as well
as the Let’s Encrypt SSL Certificate being Free. Next, is the Bluehost package extras section. What you see here can vary on the plan you
chose as some plans come with some of these, Or if you didn't choose a free domain name
Domain Privacy won’t show. All of these Bluehost package extras are completely
optional and up to you whether you want any Of them or not. First is Domain Privacy + Protection. I do recommend domain privacy + protection
as it'll keep your personal information private

So that spammers and telemarketers won't have
access to your personal information and contact You by phone and email with offers of their
services. When you register a domain name no matter
what company you choose the domain goes into The public whois database as domain names
are regulated. If you select domain privacy + protection
it'll show Bluehost’s default contact information Instead of yours. Highly recommend domain privacy + protection. Next, is Site Backup also known as Codeguard
Basic. This will backup your site daily and you can
restore your site to a previous backup with A click of a button with their one-click restore. An example of where this package extra can
be good is if your site gets hacked into or You mess something up while creating it, or
editing it you can restore it to the version Right before whatever happened took place
and everything will be back to normal. The next addon is Yoast SEO Premium. Yoast is the #1 WordPress plugin for SEO. Something I want to note is Yoast SEO is a
free plugin you can download in WordPress. Yoast SEO Premium comes with additional features
such as full access to Yoast SEO academy that Helps you learn about SEO, 24/7 Premium support,
it’ll save time and spot ranking opportunities With Yoast SEO workouts, prevent your visitors
from ending up on dead links, content quality And link suggestions as you write your content,
you can view your blog posts and pages as They would show on search engines and social
media posts to help you optimize better. In my opinion, the Yoast SEO free version
is all you need as it is super helpful in Guiding you to optimize your site for SEO. Next, you’ll see Single Domain SSL. Bluehost does come with a free SSL Certificate
for your site so this add-on isn't necessary Unless you want to upgrade to a Positive SSL
Certificate which will allow you to show a Site security badge on your site if you'd
like and with the positive SSL Certificate You'll have a $10,000 limited guarantee warranty
by Comodo which protects your customers. Next, you will see Sitelock Security Essentials. This add-on checks your website daily for
malware and protects your site from hackers And malicious attacks. It will notify you if your site has been hacked
into and malicious code has been placed into It. Sitelock Essentials also removes malware automatically.

This add-on can be beneficial and give you
peace of mind if your site were to get hacked Into and malware is placed on it. It isn’t necessary though. The next add-on is Google Workspace Business
Starter. This package extra provides you with an email
address ending in your domain name along with Other features provided by Google workspace
such as Gmail, calendar, chat, cloud storage With drive, video conferencing with meet,
and many more Google workspace features. I do want to note that Bluehost does come
with free email addresses ending in your domain Name so this add-on isn't necessary unless
you really want to utilize all the added features With Google workspace. Next, enter your payment information in and
click the submit button. Bluehost will now email you your Bluehost
receipt. You are now directed to a page where you can
create your Bluehost account so you can login To the Bluehost dashboard where you can begin
in building your site. Click the create your password button. Enter a password to be used for logging into
Bluehost. Accept the terms and conditions. Click the create account button. Your Bluehost account has now been created. You’ll now be on this page where you want
to click the create your website button. You’ll now be on a page where it’ll ask
you how much help you need with building your Site. Feel free to click the one that you want. You can also click skip this step. I’m going to click skip this step. The next page it’ll ask you the primary
purpose of your site. You can select one if you’d like. If you click into the other tab a dropdown
will show giving you more options. Under this you can also click skip this step
if you’d like too. I’m going to click skip this step. You’ll now be on the create a website page. You can select what type of website it is
and who you are creating the site for if you’d Like. Click the continue button or skip this step.

You’ll now be on a page where you can name
your site along with putting in your site’s Tagline. You can always fill this out later so no worries
if you aren’t sure on this yet. Click continue or skip this step. You’ll now be on a page where you can select
a theme for your website. There’s a bunch of pages of themes you can
go through. You can also choose a theme in the WordPress
dashboard. I’m going to be showing you pre-made professional
WordPress themes you can use and create your Site via drag and drop. Feel free to choose a theme now if you see
one you want or click skip this step. You’ll now be in the Bluehost dashboard. You’ll see the log in to WordPress button
in the top right click this to go to the WordPress Dashboard so you can start creating your WordPress
site. You can also click my sites in the left side
menu. Click manage site. Click the log in to WordPress button in the
top right. You’ll now be in the WordPress dashboard
where you can begin in creating and building Your WordPress site. Now we want to pick out a theme to begin creating
a site. To pick out a theme for your site. On the far left, you will see tabs. Find the Appearance tab and hover over it. Click themes as this is where you can pick
out a theme for your site. Next, Click add new theme. You'll now see WordPress themes you can choose
from. There’s thousands of free themes to choose
from. Now I want to show you how to access free
professionally designed WordPress themes and How to edit them easily with a drag and drop
editor and how to make any of these themes A personal portfolio website. Type in Astra in the search field. Click the install button. Once it is done installing click the activate
button. Once it is done activating the theme you want
to find the plugins tab in the side menu. Click add new.

In the search field type in starter templates. You want to click install on it. Then click activate. Hover over the appearance tab in the side
menu. Click on starter templates. You now want to click the build your website
button. Choose Elementor for the page builder. It’ll now showcase a bunch of WordPress
themes you can build your site with using Drag and drop. You can type in the type of website you want
to create to pull up templates based on that. You’ll see a bunch of categories you can
hover over and select to build your site. If you click a theme it’ll show you what
it will look like so you can preview it. Click the x button to go back to the themes
page. You’ll see Personal Sites as a category. From the dropdown, you’ll see the different
sub-categories under personal sites you can Choose from. I’ll click personal sites to bring up all
the personal website templates. Something I want to mention, any of the templates
no matter the category and what they are called Can be used for your personal portfolio website. You can easily change and edit the templates
to what you’d like when creating your personal Site. Just find a template you like, and then you
can start making it your own no matter what Category the template is in. Now let me walk you through the steps on how
to choose your template and build your personal Portfolio website with the drag and drop editor
Elementor page builder. Select a theme you want. I’ll choose this one. You can upload a logo if you’d like. You can do this at a later time so if you
don’t have one now no worries. Click the skip and continue button. You now want to choose the colors and font
for your site. You can update these at a later time or change
them whenever you’d like. I’ll choose this one for this tutorial,
click the continue button. You’ll now be on the tell us a little about
yourself.

You don’t have to fill this out if you don’t
want too. Just make sure under advanced options you
have each one selected. Click the submit and build my website button. It’ll begin building your website. Once it is done you’ll be on the congratulations
page. Click the view your website button. It’ll now take you to your website and what
it looks like. Before we begin editing. We want to turn on some features in Elementor
to make the editing process even easier and Improve your site performance. Up at the top you’ll see your site title
name. Hover over this and click dashboard. Find the Elementor tab in the left-side menu
and hover over it. Click settings. Click features. Select activate all. This will activate an easier editor for creating
your site along with performance features To help your site load faster. Scroll down and click the save changes button. Now let’s go over how to make edits to the
WordPress theme and how to use the drag and Drop editor to create your site. To make edits to your site click the edit
with elementor tab on the top of the page. It’ll now bring you to the drag and drop
editor where you can create your site quick And easy. To make edits to a part of the page just click
where you want to make edits and start making Edits. I can change I’m web developer Natalie E
Watson to Copywriter Demo Name. Next, I’ll click the image. Hover over the image and click the trash can
icon if you want to remove the image. Click over the image and you can upload a
photo to place here or click media library To upload images already uploaded in WordPress. I’ve uploaded an image into WordPress for
this tutorial. I’ll go ahead and select it to be uploaded. You’ll now see the image uploaded on the
site.

If you want to edit the social media icons. Click on them. If you want to remove any click the x button. To edit one. Click the one you want to edit. I’ll click Linkedin. Where you see link you can input the linkedin
url that it will link too. If you click the settings icon next to the
link you can select if you want the link to Open in a new tab or be a no follow link. If you want to add a social media icon and
profile click the add item button. Where you see the icon checkmark. Click over this area. You can now choose an icon to use for this. In the search field you can type in what you
are looking for. I’ll type in Facebook. It’ll pull up Facebook icons. You can upload your own icon by clicking the
upload button. I’ll click the x button. I’ll scroll down a bit on the page. You can select what you want over on the left
and drag it in wherever you’d like it. If you right click on an area you can delete
it if you don’t want it. By right clicking you can duplicate something
if you need to duplicate it. If you click the plus icon here at the top
in the editor it’ll bring you back to the Elements you can drag in to the page. You can drag something over to somewhere else
on the page by selecting it and dragging it Over to where you want it. I’ll drag a text into the page. If you click to edit the text, you’ll be
able to make edits to the text like make it Bold, you can link out a text to somewhere. If you click the settings icon you can choose
to have the link open in a new tab if you’d Like. If you click toolbar toggle it’ll give you
more options like changing the alignment of The text, changing the text color, you can
undo and redo changes here. If you click style at the top you can then
make more changes to the text.

If you click the pencil icon where you see
typography. Where you see Family from the dropdown you
can select different fonts for the text. Where you see Size you can change the sizing
of the text. Next, let’s go over editing the button. I’m going to click into a button. You’ll be able to change the name of the
text. You can link the button out to where you’d
like it. If you click the settings icon next to the
link. You can choose to have the link open in a
new tab and make it no follow if you’d like. You can change the alignment of the button,
the sizing of the button. Where you see icon you can select to not have
an icon with the button. Where it says upload SVG you can upload an
icon. If you click icon library you can view icons
you can add to the button. You can change the positioning of the icon,
and more. If you click into an image on the page. Click on the image to change the image. You can change the image size, the alignment,
a caption if you want to include one, and Link out an image if you’d like. Let’s scroll down to the next section. If you want to make edits to the background
colors of a section right click on the section. Click edit selection. Click style. Where you see color click this and you can
change the color of that section. I’ll choose white for this section. In this section, there is an image with it. So if I hover over the image and click the
trash can icon it’ll remove the image and The section will show the color I chose. Scroll down to this section here. If you want to change an image of a section
or add an image for a section right click In the section. Click style. You’ll see the image if the image is there. This is where you can edit the image, remove
the image by clicking the trash can icon, Or adding an image if there isn’t one there
for the section.

I’ll click choose image. I’ll select an image I’ve already uploaded
into WordPress. The image is now showing. If you want to add some color along with the
image. Click the background overlay section. Find the color tab. You can now change the color. Drag the opacity to the left or right to get
the desired look you want. Next, let’s cover a portfolio section for
the site. Scroll down to the portfolio section. If you click over the images you can now edit
the portfolio. Click into the images to then upload more
images or remove images by clicking the x Button. You can change the image size, how many slides
to show, how many slides to scroll as well As linking an image to somewhere or adding
a caption for the image if you want. Lets say you want a completely different look
for your portfolio. Click above the section where you want it
to show. I’ll click the plus icon. Click the starter templates icon. Click blocks. From the category section click portfolio. You can now scroll through pre-made portfolio
templates you can add to your site to use. If you hover over a block template and click
it you can see it up close. Click the import block to import it to the
page. You can now click into the area and start
editing how you want it just like I went over In the previous portfolio section. If you scroll down to the next section and
hover over the section you can click the plus Icon and then click the plus icon showing
again to add a new section to the page. I’ll select this one. You can now drag in something over into the
section. If you click the middle icon with the dots
you can then edit that section. If you click the x button it’ll completely
remove the section from the page. If you click into a section, click the middle
icon with the dots, you can drag it up or Down to move that section to somewhere else
on the page.

If you scroll down to the drag widget here
section. If you click the Starter templates icon. You can click blocks in the menu and then
it’ll give you lots more page design ideas You can choose from. Up at the top, you can select categories for
blocks to show. I’ll choose a block to add to the page. I’ll click this one and then I’ll click
the import button to import it to the page To then start adding your own content and
editing it how you want it. Now I want to cover the contact us form to
show you how this works. I’m going to click the plus icon in the
drag widget section. I’m going to click a structure for the section. I’ll choose this one. I’m just going to drag over the WP Forms. You can select a form. If you want to make edits to the form click
edit the selected form. You can click the create a new form if you
want to create a new form. I’m going to click edit the selected form. It’s now going to bring up the builder for
the contact us form. You can hover over an area to delete it or
duplicate it. You can click an area and drag it to wherever
you’d like it. If you want to add something you can drag
it over from the side. If you click Field Options you can click on
a part of the form and then make changes from The side. You can select to make this part of the form
a required or not required part to fill out. If you click advanced you can click the part
of the form you want to change and you can Select between the size of the form field
for that area and then change if you want Anything to show in the form field where they
input their information. You can click preview to preview the form. Click save to save changes. When you are done click the x button and you’ll
be taken back to the editor for the page. If you click settings. You’ll be in the general section where you
can edit things for the form. Spam Protection allows you to toggle on spam
protection options, notifications is where You can put in the email the form info should
be sent to and the from email address showing

To the person who filled out the form, and
the confirmations is where you can put in A confirmation message that shows to the person
who filled out the form. I’m back on the editor for the page. Let’s get to know the drag and drop editor
Elementor better. You’ll see publish in the top right. Click this when you want to publish changes
you’ve made to your site. If you click the arrow you can save the page
as a draft or save the page as a template To then use as a template for another page
you create. To view changes you’ve made to your site
click the eye icon and it’ll show you a Preview of your site. If you click the desktop icon it’ll show
you what your changes look like on desktop Devices, the tablet icon will show tablet
devices, and the mobile icon will show mobile Devices. If you hover over the site settings icon and
click it you can change things like the colors Of your entire site, fonts used, and more. If you click the Elementor menu icon and click
history and then click revisions it’ll list Out all the revisions for your site that it
has pre-saved. If you click one it’ll bring your site edits
back to how they were at the time of that Edit. If you click the Elementor menu icon and click
manage website. It’ll take you to the WordPress dashboard. If you want to make edits to a certain page
on your site you can click it in the menu And then click edit with elementor. To go to the WordPress dashboard hover over
your site title name and click dashboard. If you hover over the pages tab click add
new to add a new page to your site. If you click all pages it’ll showcase all
the pages on your site. If you hover over the media tab and click
on library it’ll show you all the images You have uploaded in WordPress. If you click add new at the top you can then
upload or drag in an image into WordPress. If you hover over posts and click add new
you can create a new blog post for your site. If you click all posts, it’ll pull up all
the posts you have on your site. If you click the comments tab you will see
all the comments you have on your blog posts. You can easily reply, mark it as spam, or
trash the comment. If you hover over the plugins tab and click
add new you can then search for or browse

Plugins to add to your site. Any feature or customization you might want
on your site, more than likely there is a Plugin for that. If you hover over the appearance tab in the
left side menu click on menus. This is where you can edit the menu on your
site. You can add new pages to the menu or drag
a page to a different order. If you click the tiny arrow you can change
the name of it or completely delete it from The menu. If you want to create a completely new menu
you can click create a new menu. If you want to have sub-categories show in
the menu just drag over the menu name and Place it a bit to the right under the menu
name you want it to show under. I’ll add a few under Portfolio. I’ll click save changes. I’ll now pull up the view of my site and
you’ll now see the subcategories showing In the menu under Portfolio. Now let me show you how to make edits to the
footer area of your site along with uploading A logo, favicon, and other customizations. From the WordPress dashboard, if you hover
over the Appearance tab in the side menu and Click Customize you’ll be on the customize
page. Click the footer builder. You can then click an area in the footer area
where you see the pencil icon to start making Edits to that section over on the left side. If you click the plus icon you can then add
whatever you’d like to the footer area in That section. If you click the design icon in the section
of the footer you want to edit. You can then design things like the alignment,
title, content, and link colors, title and Content font size, and more. You can click the x button to remove that
area from the footer. If you click the pencil icon here on the left-hand
side you can then choose how many columns You want your footer to be. You can then click the plus icon to add sections
to that part of the footer. I’m going to click the back arrow twice. If you click Site Identity you can then upload
a logo and a favicon which is the site icon For your site.

Click select site icon to then upload your
site icon also known as the favicon for your Site. If you click site title and logo settings
you can then change the logo to your own and Make other customizations to the logo area
for your site. You now know how to access pre-made professional
templates, how to create a personal portfolio Website with WordPress, and making edits to
it using the drag and drop editor Elementor Page builder. That is my personal website tutorial going
over how to create a personal portfolio website For beginners step by step. If you have any questions, get in touch in
the comments as I'm here to help you with Anything you need. Give this video a thumbs up and leave us a
comment letting us know if the tutorial was Helpful or not as the comments help improve
our tutorials. Be sure to subscribe to our channel for more
website tutorial videos.