How To Make A Professional Business Website With WordPress – Step By Step – A Complete Guide!
Articles,  Blog

How To Make A Professional Business Website With WordPress – Step By Step – A Complete Guide!


In this video, I’m going to show you how to make a professional
business website with WordPress. We’ll go step by step, and
I won’t leave anything out. The business that we’re
going to use as a model is a coworking space. If you’d like to take a
look at the final version of this website, you can
go to coworkerpro.com. The elements that we’re
going to put into this site could be used on any business site. There’s a call to action. A little bit about us. Some staff, testimonials, and a contact form, as well as several other pages. So whatever your business,
at the end of this video, you should have a
top-notch website for it. We’re going to host
our site at Siteground. And we’ll take a look at
all they have to offer, and how easy it is to get things rolling. We’re going to install a few
extra plugins to help out, and we’re going to use the
Hestia theme from Themeisle. Hestia allows us to use the
customizer built into WordPress to edit each part of the page,
right from the front end. We’ll also look through
several tools that can help make our site work faster and better. We’ll look at Siteground’s own optimizer. We’ll connect the Google Search Console and Google Analytics, as well as Yoast SEO, for
search engine optimization. And then we’ll use
Automattic’s Jetpack plugin to manage spam, backups, and some additional statistics. If you follow along, in
only a couple of hours, you should have a complete, beautiful, functional, business
website ready for use. So let’s get started. The first thing we want
to set up is web hosting. Now web hosting is where your site is going to be on the Internet. It’s sort of like getting a rental garage to store your things. You rent a little bit of space,
you put your website on it, and people can come visit it. The site we’re going to
use is called Siteground. They’re an excellent
host with great prices and lots of features that I really like. But before we get started
here, I’m want to show you something on WinningWP.com. Siteground and WinningWP
have an arrangement where you can save 60% off
your hosting at Siteground. In addition, WinningWP gets
a little slice of the money that you’re going to pay. This money goes to
create videos like this, so it’s really a win-win situation, where you get inexpensive
hosting, great content, and WinningWP gets a little, as well. Now, in order to use this
deal, all you have to do is go to this page, there’ll
be a link below the video. And click apply the coupon. And there we are, it says, special deal for WinningWP.com visitors. And we’ll choose a plan. The plan we’re going to go
with is the GrowBig plan. It has just enough extra
features over StartUp that I really like it. But the GoGeek is really
for slightly larger sites than we’re going to build. So let’s pick GrowBig. And we’ll click get started. Now part of the process for
this video is to register a new domain name. If you do already have a
domain name registered, Siteground has some
excellent documentation here on how to either point it at your site, or actually transfer
the name to Siteground. Either one works very well,
and they have good information on how to do both right here. We’re going to get a new one, and it’s going to be coworkerpro.com. Now, this domain costs $15.95 a year. And when you think about
it, as an annual price, that’s really not very much. Let’s click proceed. Here it says, congratulations,
our domain name is available. Now, we’re going to create
an account on Siteground. First, we put in an email address, and then a password for Siteground. This isn’t a password
for your domain name, or for FTP or anything like that, this is just to log into Siteground. Next, we put in some personal information. Next, we’ll put in our
credit card information. And here, we’re going to
say that our billing address is the same as given in the
contact information above. And now, we’re going to review
what it is we’re buying. We’re getting the GrowBig plan. Our data center’s going to be in Chicago. That’s pretty close to where I am. But you have a choice,
it could be other places, all you have to do is click this button. I’m buying a 12-month
plan for $5.95 a month, so right now I’m going
to be billed $71.40. Add onto that the domain
name registration for $15.95. Additionally, we really
do want domain privacy. This keeps spammers from
crawling the domain registry looking for email addresses. Lastly, there’s the
Siteground site scanner. This monitors your site looking for hacks and attacks and things like that. It’s well worth it, it gets you one step ahead of the bad guys. So then my total is going to be $119.15. But the nice thing is, this
pays for the entire year, so you don’t have to think
about it again for a year. We confirm the terms of service, and we click pay now. And our order has been submitted. We can log into our
customer area right away. However, it can take
domain names up to 24 hours to be registered. So our domain name isn’t
going to work immediately. Now that we’ve created
our Siteground account, we can go to the domain
name that we created and see this placeholder. All new domain names at Siteground get a placeholder like
this, and it’ll stay there until we install our own website. So for our next step, let’s go
ahead and install WordPress. First, let’s go to
Siteground.com, and log in with the account that we created earlier. Now that we’re logged in,
right here on the main panel, there’s a little alert that
says you have a new hosting account that you haven’t set up yet. And if we click view, it
gives us several options. We could start a new
website, transfer a website, or say we don’t need help now. Or we could click this little arrow and this will come back later. But we’re going to go ahead
and start a new website. We want WordPress. And now we’re putting in some
WordPress account information. So this will be for WordPress on our site. And we’ll click confirm. And now it says, you’ve
requested to install WordPress on your account. And then we need to confirm
that we have read and agree to the Siteground terms of service. I’m going to leave that
as an exercise for you. And now, we’ll click complete setup. And now what it’s doing is
creating a database for us, installing WordPress,
and connecting the two, using the information we just put in. And there we are. We can proceed to our customer area. But now, if we go back to
our webpage and reload, you’ll see that we have a blog. You’ll also note that we’re running HTTPS, which means they created
an SSL certificate for us. I’ll show you where that
happens, so that you know how to do it if you ever need to again. In the Siteground user’s
area, we go to my accounts. And then go to cPanel. We always want to access cPanel securely, so go ahead and choose to remember it. Now there are a great
many things on this page, but there’s also this
wonderful search over here. The SSL certificate we have
comes from Let’s Encrypt. So we’ll type in L-E-T, and there we are, we’re
filtered right down. And here you can see our SSL certificate for coworkerpro. But Siteground set it up
for us, so we don’t need to worry about it. I just wanted you to be
able to see where it is, because it’s important. So now, let’s log into WordPress, and do some minor configuration. This is the username and password I created just a few moments ago. Now something else that
Siteground did for us is install Jetpack. We’ll look at configuring
that a little later. I’m going to close the welcome
bar and the Jetpack bar, and now I have a very
vanilla WordPress install. So one of the first things we
wanna do is go to Settings → Permalinks, and we want post name,
because it makes simpler, more easy-to-read URLs. It’s also much better for
search engine optimization, and that can be really important. Then we’ll go to discussion, and for now, we will turn off comments, because we don’t want anybody
stumbling on this website and using comments, ’cause they’ll probably be spam. We’ll go to Reading. And we’re going to discourage search engine visibility for now, because we’re not ready to be public. Now don’t forget, once
you’re done with your site, and it’s ready to go live,
come back to this Settings → Reading page, and uncheck discourage search engines from indexing this site. Because then, Google will
be able to come find you. Then, we want to delete
the default content that comes with WordPress. There’s one post with one comment. And if we trash that post, and empty the trash, then the comment goes with it, so we don’t need to go find
that comment and delete it. But now let’s go to pages,
and there are no pages found. So now, if we look at our homepage, it should look pretty bland. Nothing found. There are some things in the sidebar, let’s go take care of that. We’ll just empty that right out, and then, we will have a clean slate. And there it is. An empty site, just right for
filling up with our content. Now, our homepage is not
going to have a blog on it. That’s going to be a
separate part of the site. But right now, our homepage is a blog. So let’s change that. The first thing we’re going
to do is create two pages. We’ll call this one home,
and simply publish it. And then we’ll make another one, and our site isn’t going to have a blog, it’s going to have a news section,
so we’ll call this News. So now we have two pages, Home and News. But now we need to tell
WordPress how to use them. Now, we go to Settings → Reading. And right here, it says
Your homepage displays, and right now, it’s Your latest posts. But instead, we’re going
to choose a static page. And for the homepage, we’ll choose Home, and for the posts page, we’ll
choose News, and save changes. Now, if we go look at the webpage, there’s our homepage. And our site is still called
my blog and my WordPress blog, but we’re going to change
that in just a few minutes. Now that we have the
most basic configurations done on our site, we’re going
to install a couple of plugins that will help us moving forward. The first one is called TinyMCE Advanced. Now TinyMCE is the name of the
editor that WordPress uses. If you’ve ever made a page or post, you’ve used TinyMCE. If we edit this page,
you’ll see it right here. By default, it has this one bar. If you click this button,
called the toolbar toggle, we get a second bar. But TinyMCE Advanced adds even more. There’s a dropdown list here
for different types of headers, and there’s a menu navigation right here of all kinds of other tools. So let’s install this real quick. We go to plugins, add new, and we can search plugins, and there it is. We’ll click install now, and activate. And now, if I go back
to pages, and edit home, you’ll see that we have
a dropdown for fonts, headers, and we could use tables and
all kinds of other things. And this will come in useful later. Now the other plugin we’re
going to install is called My Eyes Are Up Here. And this is a really
great plugin that helps with cropping photographs. Normally, if you have a photograph
that is tall and narrow, and you ask WordPress to make a square, it crops the square
right out of the middle. However, with My Eyes Are Up Here, it intelligently detects human faces. Like this. And then creates proper thumbnails. Additionally, if there are no
people, you have the option to put this pink dot anywhere you want, and make sure that that
part of the photograph is always in the picture. So if y 500 Internal Server Error

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator at [email protected] to inform them of the time this error occurred, and the actions you performed just before this error.

More information about this error may be available in the server error log.