In this chapter we're going to be building a new website from scratch a simple brochure type site that
you might build for a small local business.
We'll start fresh by installing WordPress again locally or at your site Ground server and preparing
the default 20:16 theme for customization in this new WordPress installation.
You'll be working on your local computer as a staging environment as if you were going to transfer the
site to a live server.
You can also use your live environment at site ground for this developing of the site at a new staging
domain.
Here's your challenge for this first video of chapter 3.
Make sure you've downloaded the latest version of Wordpress and then start map and install WordPress
in your local development environment.
Then go into the settings area and get the site ready as we did in the last chapter.
Pause the video now and get it set up.
If you're using the site Ground server instead.
Your challenge is to set up a fresh WordPress installation manually instead of using the auto installer
to do this.
You'll have to use the C panel file manager to upload the files manually into a new subdirectory or
folder that you'll create under your student domain.
Use the file manager and your code editor as well as the database section of the panel to manually install
WordPress paused the video now and I'll show you how to do both processes.
When you come back.
Good luck OK.
Hope you got on well with that.
The first thing I'm going to do is make sure that I have the latest version of Wordpress by going to
WordPress dot org and hitting the download WordPress button making sure that I have the latest version
and if I open windows explorer and open my wordpress folder you'll see that I do have WordPress 4 5
1 and I did download the zip file and then unzipped it.
And here are my wordpress files.
Now I'll go into Seacole and map in another Windows Explorer folder.
Open H.T. docs and I'm going to create a new folder here called brochure say
open data.
Select all the files and hold down control and copy them over
all right now that those files are copied over.
I know that they're in a folder called brochure Dasch site and I'm going to go ahead and start map and
get myself ready to look.
So I'll say ok and I'm going to open the start page.
That's going to open the map start page in my browser so that I can easily connect with the database
DHP my admin is available up at the top menu or down in the content area there and I'm going to create
a new database for this new WordPress installation.
I'm going to call it brochure site
and hit create.
Great now that that's been created I can go ahead and connect the Wordpress WP dash config file
and we are ok inside of brochures site.
I'm going to go ahead and rename the WP config dash sample to just W.P. config
and then if I double click that it will open inside of my text and code editor there it is right that
BP can dash config that P inside of the brochure site folder.
I know that database name is the same
if you remember the user name and the password are both in our local installation and the local host
needs to identify the port.
And so let's go back.
Let's see we go back into the start page of map I can see that the sequel port is 33 0 6 and this is
also visible inside the database appear at the top the server is localhost Colan 33 0 6.
So I can define the host inside of the W.P. config file as localhost Colan 33 or 6.
Just going to hit control as to save it and now I can just open a new window new tab in my browser localhost
slash brochure Dasch site.
If everything is connected properly it should recognize that WordPress isn't quite installed yet and
I'll choose my language.
And go ahead and set up the Web site.
If you do use a password that you can remember for your local computer you have to confirm the use of
a weak password and install WordPress
great.
I hope that work as smoothly as it did for me and now we'll go ahead and get started setting up inside
of the Settings tab.
The last few things that I want to do is under settings general
set up a few things like the tag line or else the same email address lets choose my time zone those
I can leave as the default and save changes.
Next under writing I don't think I'll have to change any of these for now but under reading I am going
to go ahead and make a static page for now the sample page one of my my front page display I know that
under discussion in media I'm going to leave that as is for now and under Permalink.
I'm definitely going to choose post name and then save changes.
Nice job.
Now I'm going to open them to the new site.
In a new tab.
Take a look.
There we go the sample page is my home page.
One more thing.
I still got the admin bar up at the top of the site here.
I'm going to remember to go ahead and go back under my profile and turn that off so that I can look
at the site
as the public will see it.
Great.
Now if I refresh here I think that Edmund Barr should disappear this is what the site will really look
like.
Now for those of you that are using site ground and your live server environment let's manually set
up WordPress inside of site ground using the C panel.
So log in to your site Ground hosting account and then click go to see panel up at the top left.
First we have to go into the file manager and create a fresh clean folder and we can call it brochure
Dasch site.
Usually I'll dismiss this button for the file manager by clicking show hidden files and also skip this
question and open this directory when I hit the file manager.
So here I am in my public HTL mail original WordPress installation area.
What I'm going to do is add another folder right inside of public h DML by going up here and clicking
new folder.
I'm going to call it Rosher dash site and I'll create new folder.
So now I have a new folder called brochure site.
If I double click that folder you can see that the directory is empty.
But what I'm going to do is just go to upload and I can hit browse at the top here and here is where
I can go into my computer and I can find my wordpress folder and the latest version of Wordpress that
I have saved.
So that will click that folder I had and open up the folder that I had unzipped and inside the Wordpress
folder I have all of these files right here.
Now one thing you may have found is by uploading using the file manager.
You can't select multiple items and upload them all at once and so there is a solution here.
I'll cancel out of that for now and I'm going to open the windows explorer.
I've navigated to that WordPress folder and one way to do is select everything inside of it right click
anywhere in there and I'm going to go send to compressed or zipped folder.
Now this will compress everything into one dot zip file that I'll be able to quickly upload using the
file manager and then I can unzip using the file manager right on the server.
So now I have a zip file which is named whatever I had right clicked up here.
If you are on a Mac it'll be called archive.
Zip.
By default.
I'm just going to click that once and then a second time and I'm going to rename it w.
Doesn't matter what we call it just so that we know what it is and so it is a compressed zipped folder
and when we go back to the uploading screen for the file manager we can go over there and find it and
upload it as one file.
There we go a pause the video while this uploads gives me a success message down at the right hand side.
If I just click go back it closes that tab in my browser and I go back and see it right here in the
file manager.
If you highlight that file you can click the extract button up at the top right and then extract files
and it quickly extracts everything.
Then you can say reload right here you can see that I got all my Word Press Corps files right inside
of my folder which is called brochure Dasch site.
It basically made a copy of all the files that were within the zip file.
So if I highlight that zip file I can save a little bit of space by deleting that file.
Now I can highlight the WP dash config dash sample that PSP file and click rename.
Up here I can go right here.
And just rename it W.P. dash config dot ph P and click rename file and now we have the WP config file
ready to go.
If I double click this file I can download it to my computer edit it in my code editor and then upload
it back to the server.
However there's a feature directly inside the file manager where you can open up a file inside of a
browser based code editor you click code editor with that file highlighted and click Edit.
Now I can see my whole W.P. the ash config dot ph P file inside of the browser and I can go up here
and save it once I've made my edits.
I know I'm going to need a database name a username password and a host name however.
So I do need to go back into the seat panel and go down to the database's area and click My sequel database.
I'm going to create a new database and I'm just going to call this one brochure and the whole name is
going to be my account name underscore.
And then the name that I place here.
So I create the database and it's added the database so I can click go back and you do need to create
a user for the database so that the Wordpress config file can log in as that user.
And so here are my current databases and if I go down a little bit further you can see I can add a new
user.
So I'm just going to use the same name for this user.
It only lets me use 7 character so I'm missing the E on the end for the username and I'm going to type
a password that I can remember
and type it again so that it knows that we are using the same password and I can click create a user
could go back one more time.
And now there's one more step I need to give this user permissions to use the certain database so if
I want this user to be able to access this database I can just select these two items and click add
and I want to click the all privileges button click make changes and now I've granted privileges to
this database for the user that I created.
So if I just clicked go back here and I can actually get right back to the see panel home.
Now I know what those credentials were.
So I can go back into my W.P. config file and enter them here.
Now I've entered those three credentials and I know that when we're creating databases using the C panel
we use localhost as the hostname.
And so I can go up and click save at the top right and then I can just close that code editor and I
know my W.P. config file is set up that should be all I need to do inside of the file manager so I can
go ahead and close that.
And inside of the C panel I can just grab my main domain and then hit control-C to copy open a new tab
in my browser and I'll paste that right there.
But I'm going to add the name of the folder that I created right at the end there and it looks like
I've had an error establishing a database connection.
No worries this is very common.
I can tell that WordPress is trying to see the database and so something is working.
Probably I mistyped the credentials when I was setting it up.
So let's look at the databases section of the C panel and it looks like it's Greg D 11 not Greg.
The one that I was typing inside of my file manager in the WP config file.
Very common error which may have happened to you as well.
So I'll go back into the file manager I know and open the brochure Dasch site folder and then go to
W.P. config Doppie HP and I'll go up and click the code editor and click Edit.
Now as I look at the database credentials I can see that I'm just missing a number one here and a number
one here.
I'll just click save and then close and I can close the file manager now.
Now if I go back to this address and hit refresh great.
I've got my wordpress install happening.
I can click continue and now I'll fill in my credentials and set up my wordpress site.
I filled in all my credentials here.
I used a password that I could easily remember which was a weak one.
So I had to click confirm use of weak password again.
But in my email address and I'll click install WordPress.
Great.
I love that success message.
I'll click log in just to go ahead and make sure everything is working.
I think my is remembering my password.
It's one I often use and great.
I've got a new WordPress installation if I right click on visit site and go over into my new tab I've
got a beautiful new WordPress installation that I installed manually.
You can see that that takes quite a few more steps than it does to go into your C panel and use the
Wordpress installer.
But hopefully that gives you a good understanding of how WordPress works and connects to the database.
In this video you set up a new WordPress installation either on your local computer using map or your
site Ground live server completely manually.
Maybe you even did them both in the next video.
You'll make one more edit to the WP dash config file to make sure your site is using best practices
for security.
Plus you'll install for plugins that will be using to customize the site see their