Hey guys welcome to WPBeginner in this
video I want to walk you through how to
create your own professional online
resume in WordPress. So if you're ready
let's get started. The first thing we
need to do is we need to set up our
hosting plan so I'm gonna go to WPBeginner and I want to go to deals, we'll go to
hosting and all the way down we're going to use HostGator for this. WPBeginner has a
coupon that we're going to use right
here.
So if you click on this it'll a copy that
information and it'll open up Hostgator
for us so we can get started. Now from
here you just want to enter all the
information and you can, if you already
have your domain you can click on that
and say you already own it. Enter your
domain name here if you don't you can
register a new site and see if it's available, and if it's not, it will tell you it's not available but
then it will come up with some
alternatives that you can use
and we've already chosen our hosting plan. So
now I'm just going to go through, pause the
video while I go ahead and set this up
and I'll be right back.
Alright so now that we have our hosting
setup we need to go ahead and install WordPress.
So we'll scroll down and you're looking for
something called like the Quick Install
we'll click on that. And we're looking for the
WordPress QuickInstall and we'll go ahead and
install WordPress for us.
Pick the site here they're asking for
a little bit more information and you
just want to feel that in. When you have it all filled out and just click install WordPress.
Okay, cancel out of that. Okay now that
we have our WordPress installed, let's go
ahead and login to the admin portion of
our website. So I'm gonna go to my site /wp-admin and you'll want to bookmark this
because this is how you can access the
admin side admin portion of your site
any time you need to. Alright now that we have
our hosting setup and we've installed
WordPress now we need to go ahead and
set up the theme and get it ready to set
up our resume so the next thing we want
to do is go into Appearance, Themes and
right now this is the theme that our
site is using, I'll open up our site and let you see
it. This is what it looks like its not bad, if
you want to use this one you can or you
can go in and click Add New
and what this does is it's pulling in all of
the themes from the WordPress repository.
These are all the free themes that they have
verified that they are ok to use.
You can either go the featured themes that
they are showcasing today or you can go
by popular the most popular ones that
they have if scroll down you'll see what
some of them look like.
You can also look at the latest these are the most recently uploaded ones. And then if you have a feature
filter if you if you know which ones you
want to look at say if you want a blue
or a grey site and you want
responsive that means it works on your
tablet or your phone as well as your
desktop and if you want a right sidebar
that means that the content is on the
left and the sidebars on the right then
you can do that and once you've gone through
the filter area go ahead and click Apply Filter
and it'll bring back all the ones that
meet your criteria. You can scroll
through and see them. For simplicity of
the site I actually just want to install
the Twenty Twelve it's a fairly clean one it's easy to
work with and It'll help me show you how to
set up the resume part so we're gonna activate
that. So now when you go to the site
although it still bare, it now has this
new theme installed.
So let's go ahead and start customizing it the
next thing I usually like to do when I'm
setting up a new website is to go ahead
and create some pages, kinda helps the
site take shape. So under pages we'll have
the sample page by default when its first,
when WordPress is first installed.
We'll delete that and we want to go ahead
and a
add a few that are pertinent to our site
I'm gonna do home, click add new, do about us
publish. You can add the content later,
right now we're just trying to set up
the structure for your site. And I'll do one more so you'll have a total of
three pages right now and publish.
Alright, the next thing we need to do since we
have those set up is let's go ahead and set up
a quick menu so we'll go to Appearance > Menus and we'll create a menu name. I'm fine with
main, we'll create it
and by default since we've created those
pages it wants to bring those over here
now I created this page but it knows how
to create this custom link and basically
that's gonna go to our home page so
we're good with that we'll remove this
one. To remove it you can just click on
the little arrow here and click on
remove. Once all of these are over here
you can drag and drop them however you
want and you can even have it as a sub
item to the home if you wish I'm gonna keep it like that
also once you have more categories
say if you have tips and tricks category you can
add a menu item for that as well and you
can also do custom links here. But we're happy
with this so we're gonna click Save menu. Now that
we have a menu we need to give it a
location. Each theme will have different
locations here so your theme or very
for mine I just have one primary menu
location so I'm gonna click the main and save changes
and we'll go to the site just to show you what it
just did. So it cleaned it up a little bit and
added it there. Okay, so now that we have pages
and menu structure set up we can also go in
and customize the site a little bit.
Under here we can choose the site
identity whatever you want this to say
whatever you want the tagline to be.
If you want to display the text or not you
can also do a site icon and that'll change
up here. You can select a file, I'll use this one and you'll see what it give a preview of over here.
So we'll crop that an we're fine with it
and now you see it up here.
As it states here you wanna make sure it's at least
512 tall and wide and that it's square or it'll
crop it if it's not. So we're not done yet
in, and just a you know all of these
changes that we're making you see the
preview here but until we click save and
publish nothing is actually changing on
the site yet to do make sure that you
click Save and Publish when you're
finished. So under colors the header text
color is that right now. You can go in
and you see you can change it to
whatever you want to make it stand out. The red actually looks pretty good so we'll use that and you can also do a
background color. I'll do something like that
I'm gonna take some time to make sure that
that looks how you want and you can even
add a header image up here if you do you
wanna make sure it's 960 by 250 you can also add a
background image. The menus we've already
set up the menus so we're good on that. The widgets
area for this website theme we just have
this one widget area and all of these
items are over here. You can clean that up
a little by clicking the drop down and
saying remove. So the meta was down here
and now it's gone can just keep doing that
and it removes all of those. You can also add a widget here and you can click on that. Scroll
through here and choose which one you
want to add. Moving on from widgets then we have
a static home front page. Right now it's
using all of your recent Posts as the
homepage or as the front page but if
you want to do a static front page maybe
that home page that I created you could
use that right now there's nothing in it
That's where you want to add a welcome and what
you're about and whatnot and the Posts Page we
would actually want to create a blog
page for the post page so we'll have to do
that in a minute. But I've made some pretty good
changes here and I'm alright with it so I'm gonna go
ahead and click save and publish and now
that it is we can exit out of that and if you want to do a
quick refresh to see what it looks like
and there you go. So we want to add a new
page for blog that's where all the latest
blog posts will be published to. Go back to
customize and we wanna go back down to
static front page and the post page let's go ahead and
select the blog save and publish. We also want to add it up here at the menu so let's go back under menus
the main one you want to add an item, want to add a page
we want to add that and actually want it to go above contact us.
Again, save and publish now we have a new blog.
Alright now that we have the site
structure set up how we want it the next
thing we want to do is we want to actually install
a plugin that will allow us to show off
our resume on our site.
So we'll go to Plugins > Install New and
we're searching for resume builder
pluggin and there are few to choose from
the one that we're going to work on is
this one. Once I install it then I can
activate it because we're going to go in
and work on it right now and you see
down here that it's activated.
We also have a new area over here and under
resumes you see we don't have any so we
want to add new. And from here we'll just fill out the title and we'll start filling out the information.
The first thing you want to do is let's go
ahead and add a resume section and let's
do an introduction block you can also add your
portfolio image I'm gonna add an image here so I'll
drag and drop the image here and you'll
want to make sure that your image is 237
by 303. Down here would be perfect for
adding your objective here you can add
buttons like contact me and you want to
add in the mail to and your email
address and the button style we'll do
open on that one, we'll add one more button and
this one will be say your portfolio you
probably want that to go to your
portfolio link on the site. I don't have
that right now so I'm gonna put that there and I'll
leave that as filled. So we have two buttons with that down here you just want to fill in your information.
Down here where there are skills you can add your
skills and you can add multiple ones and
you can give it a star rating. So we're going to go in and just fill out some of that info. You can go
through and add multiples of those. Okay, and we
have a few skills there and once you're
finished with all of that you can scroll back up and click
publish. Right here we can view the resume
to see what it looks like. Alright, and you see
it's a objective or the introduction of
the information, you have the portfolio and that
will go to whatever page you have, our
contact me that'll open up email. You have your
skills over here and your information
there so it's starting to look good
let's add a little bit more for like
education and previous experience. To add more
sections we need to do add resume
section and the default block and under
here this is where we could do education. In here we
want to do a detailed row, row title, we
can put in the school
If you want to more than one or if you want to showcase more than one you can keep doing that and close
that down and then we can add another detailed row, and if you wanted to add some information
about what you're doing at your other one
you can do that. We can close this down
so now you'll have two here and you can drag
and drop them if you filled them out
backwards you can drag and drop them
there. We want to add another default
block and this will be for our
experience and you can add another
detailed row and just enter a few years there and then down here you can enter the information of it. You
can just keep doing that we'll do
another detailed row and once you have all your
experience down in your education in
your introduction
we have a pretty good looking resume
we'll go ahead and view it.
choose your experience and whatnot.
What we want to do now is go ahead and
put this in our menu so go back. There are these
shortcodes so you can put these in a
page you can put the skills and
contact information in a widget area on
the right side of your website. Right now
we'll just deal with adding this resume to our menu so I'm going to go to menu and resume click on
that one, add to menu save it and
now we have changed it
Another cool thing you can do is if you're trying to get a job let's go ahead and make the resume our
homepage so we'll go into customize. This was
that front page static front-page area
to remember and our front page is this
and we don't have anything in there but
that's where we can add the shortcode
from the resume section to that home menu.
So let's click edit there and we'll do the
full resume so I'm gonna highlight this shortcode,
copy, want to go to pages we're looking for
the home page that we set up that is
blank you see it's the front page and we'll
paste that
shortcode in there, update the site, now when
I go to my homepage
this is my home page and over here we
can change some of the widgets.
Go back into resume let's look at what some of the widgets are
We can add our skills to a wooded area so let's do that.
And I'm going to drag this one up there and that's where
I need to add the shortcode. We'll save it.
So now if somebody's on my blog then I'll see all of my skill sets here. So now you've created a resume
site from scratch using WordPress.
If you like this video click on the like button
and go ahead and leave us a comment there, we'd love to hear from you.
And subscribe to our YouTube channel to get the latest videos.
