1
00:00:00,680 --> 00:00:05,330
A great way to play with wordpress for your coursework and for building WordPress sites is to install

2
00:00:05,330 --> 00:00:09,960
a server on your local computer and use it directly in a previous video.

3
00:00:09,980 --> 00:00:15,500
I introduced several free options that make it easy to install WordPress locally in this video.

4
00:00:15,560 --> 00:00:21,080
You'll use the free program called Map to install a local server on your computer and create a local

5
00:00:21,080 --> 00:00:23,170
environment for web site development.

6
00:00:23,240 --> 00:00:28,470
Then you'll learn how to install WordPress manually because everyone's computer is different.

7
00:00:28,490 --> 00:00:34,550
Setting up a server on yours may require a slightly different setup by going through the manual install

8
00:00:34,550 --> 00:00:35,310
process.

9
00:00:35,330 --> 00:00:40,820
You'll learn about how WordPress works between its file structure and connection to a database which

10
00:00:40,820 --> 00:00:43,820
is an invaluable skill for a WordPress expert.

11
00:00:43,820 --> 00:00:44,940
Let's get started.

12
00:00:45,290 --> 00:00:50,510
Let's start by opening your browser and navigating to map dot info.

13
00:00:50,510 --> 00:00:56,440
You'll see the map home page and a free download button or downloads at the top right.

14
00:00:56,510 --> 00:01:03,230
If you open that free download button it will ask you whether you want to download the Apple Mac version

15
00:01:03,260 --> 00:01:09,740
or the Windows version just click the appropriate version for you and click save file.

16
00:01:09,950 --> 00:01:14,930
Then once you've saved that file you can move it or leave it in your Downloads folder and double click

17
00:01:14,930 --> 00:01:19,420
the file to install it like you would any other program.

18
00:01:19,460 --> 00:01:24,560
When I opened map it starts the servers automatically.

19
00:01:24,700 --> 00:01:30,710
And so you should see either a start servers or stop servers button here at the right and if the two

20
00:01:30,710 --> 00:01:38,260
green boxes are lit under Apache server and my sequel server then map is running and ready to go.

21
00:01:38,270 --> 00:01:43,810
If not click the Start server's button here on the right and wait for both boxes to be lit.

22
00:01:44,580 --> 00:01:51,930
Next click Open start page in the map control panel that should open a new tab in your browser with

23
00:01:51,930 --> 00:01:55,860
the address localhost and something after.

24
00:01:55,860 --> 00:02:02,760
Now if it's plain localhost then map is using the standard port 80 for the Apache port and it doesn't

25
00:02:02,760 --> 00:02:05,980
need a reference to the port number in the address here.

26
00:02:06,000 --> 00:02:12,930
Now you may see an address that looks like localhost Colin and a four digit number.

27
00:02:13,080 --> 00:02:18,870
If that's the case then your computer has defined a different port for the Apache port.

28
00:02:18,930 --> 00:02:20,810
So that map will work.

29
00:02:20,820 --> 00:02:26,910
Often programs are already using port 80 which is the standard port and programs.

30
00:02:26,910 --> 00:02:30,900
For example like Skype will sometimes do that.

31
00:02:30,920 --> 00:02:37,080
Mine is using port 80 so my address is localhost slash map for the start page.

32
00:02:37,160 --> 00:02:43,490
Now within the start page we also have a reference to another port number down here under my sequel.

33
00:02:43,490 --> 00:02:48,180
That is the database port and in my case it's 33 0 6.

34
00:02:48,230 --> 00:02:55,400
Open map now and edit at the left side click the preferences button and you have a number of tabs across

35
00:02:55,400 --> 00:02:56,000
the top.

36
00:02:56,000 --> 00:03:02,330
If you click Portes you'll see which Apache port and my secret port that map is using.

37
00:03:02,330 --> 00:03:09,870
In your case will address and use these port numbers when we're setting up to install WordPress.

38
00:03:09,900 --> 00:03:15,360
Now that we have a working server environment proven by the fact that we can navigate to a local host

39
00:03:15,420 --> 00:03:23,970
address like the map start page let's now open a new tab and open Word Press dot o r g.

40
00:03:23,970 --> 00:03:29,730
Now this is the self-hosted version of Wordpress that we can download from this get word press button

41
00:03:30,120 --> 00:03:33,470
and then download the latest version.

42
00:03:33,510 --> 00:03:35,600
I'm going to save that on my computer.

43
00:03:35,600 --> 00:03:41,400
It will be in my downloads folder and then I'll have you do the same thing and will unzip it and take

44
00:03:41,400 --> 00:03:47,740
a look at the files in the file explorer for Windows or using a Mac in the Finder.

45
00:03:47,740 --> 00:03:58,230
I'm going to create a folder inside my wordpress folder on my computer and I'll just call that WordPress

46
00:03:58,320 --> 00:03:58,970
4 9 8.

47
00:03:58,970 --> 00:04:08,210
Just a place to keep this version of Wordpress and I want to drag the download zip file right into that

48
00:04:08,210 --> 00:04:09,290
folder.

49
00:04:09,290 --> 00:04:16,610
Now it's on my computer and in Windows I can right click and click extract all to unzip or uncompress

50
00:04:16,850 --> 00:04:18,780
that zip file in.

51
00:04:18,800 --> 00:04:26,210
If you're on a Mac use the Finder to just double click it and you can unzip that zip file.

52
00:04:26,230 --> 00:04:32,530
Now depending on how your computer unzip that compressed file inside of the folder it created there

53
00:04:32,530 --> 00:04:35,100
maybe another folder called WordPress.

54
00:04:35,260 --> 00:04:42,550
Now inside of that folder we're trying to get to the root core files for the Wordpress software and

55
00:04:42,550 --> 00:04:47,350
that's about 19 folders and files that look just like this.

56
00:04:47,350 --> 00:04:52,340
These are the Word Press Corps files that I want to place in my server area.

57
00:04:52,360 --> 00:04:58,170
That map has created for me now on your regular hard drive.

58
00:04:58,170 --> 00:05:03,490
In my case it's Seacole And basically the same location on Windows or a Mac.

59
00:05:03,540 --> 00:05:08,420
There should be a folder called Map now on Emacs sometimes it's in the applications folder.

60
00:05:08,490 --> 00:05:15,150
You can open up the map folder and inside there there are a number of configuration files and folders

61
00:05:15,420 --> 00:05:19,470
in the main folder that houses your files is called H T dox.

62
00:05:19,650 --> 00:05:26,760
So I'll double click H.T. docs and in my installation I already have a few site folders created but

63
00:05:26,760 --> 00:05:34,040
what you should do is create a new folder inside of HD docs and label it for your next site.

64
00:05:36,310 --> 00:05:42,990
Them leave reminder of course to just so I can keep track of it open up that folder and then I'm going

65
00:05:42,990 --> 00:05:50,410
to select all of the word press corps files that I just downloaded and I'm going to copy them directly

66
00:05:50,740 --> 00:05:52,820
into that folder.

67
00:05:54,900 --> 00:06:02,190
I copied them because I want to maintain the original folders I downloaded inside of my wordpress files

68
00:06:02,290 --> 00:06:05,430
and I could use them in other places as well.

69
00:06:05,430 --> 00:06:13,170
Now that I have my word press corps files inside the HD docs and my site folder I just need to configure

70
00:06:13,290 --> 00:06:18,270
the database using the map tools WordPress works.

71
00:06:18,390 --> 00:06:25,830
We're going to create a W.P. dash config file from this sample file that's provided in the core files

72
00:06:26,190 --> 00:06:30,260
and we're going to place the database credentials in that file first.

73
00:06:30,330 --> 00:06:39,810
Let's open up map and go to the start page again in our browser window down and click THP my admin.

74
00:06:39,810 --> 00:06:46,830
That is a database manager that will open in a tab in your browser and show you what databases are already

75
00:06:47,040 --> 00:06:48,860
in your map installation.

76
00:06:48,930 --> 00:06:54,360
If you're just starting out you may not have any which you can do is click the new button at the top

77
00:06:54,360 --> 00:07:01,670
left or if you're under the databases tab there's a create database fields right here at the top.

78
00:07:01,860 --> 00:07:09,780
So I'm going to name my database the same name as my site folder and I'm just going to add a dash D-B

79
00:07:10,200 --> 00:07:15,560
onto the database name if I hit create that will create a database.

80
00:07:15,570 --> 00:07:19,640
And you could see it a message there's no tables found in the database.

81
00:07:19,650 --> 00:07:25,170
It's basically an empty database and we're going to allow the Wordpress software to fill it up with

82
00:07:25,170 --> 00:07:27,540
tables and rows.

83
00:07:27,540 --> 00:07:34,560
Now there's one thing to take note of here and that is what port number is the My sequel or database

84
00:07:34,560 --> 00:07:36,960
port in your map installation.

85
00:07:36,960 --> 00:07:41,220
In my case it's 33 06 as I can see here at the top.

86
00:07:41,400 --> 00:07:47,670
Now on your map start page it already it also shows you that port number here under the My sequel heading

87
00:07:47,730 --> 00:07:55,650
on the start page and another place you can find it is in map under Preferences under the ports tab

88
00:07:55,650 --> 00:07:59,070
here the bicycle database is 33 06.

89
00:07:59,100 --> 00:08:06,180
In my case you'll just need to remember that in order to put the correct database credentials in the

90
00:08:06,180 --> 00:08:14,250
WP config file in your Wordpress files or the database credentials can be seen here with map.

91
00:08:14,310 --> 00:08:20,230
The host is always local host and it may reference the port number right here.

92
00:08:20,490 --> 00:08:27,180
And then the user and the password or both route you would never use a route for a username and password

93
00:08:27,180 --> 00:08:28,070
on a live site.

94
00:08:28,230 --> 00:08:32,530
But because it's a local installation it doesn't have public access.

95
00:08:32,540 --> 00:08:40,250
The next thing to do is to either rename or make a copy of the W.P. config dash sample file that you

96
00:08:40,250 --> 00:08:45,500
copied over into your site folder in maps H.T. docs.

97
00:08:45,880 --> 00:08:54,790
What I'm going to do is just click twice in the file name and just delete the dash sample rendering

98
00:08:54,790 --> 00:09:00,200
this file the correct file name W.P. dash config dot ph.

99
00:09:00,490 --> 00:09:05,740
Now I'm going to open that within my code or text editor.

100
00:09:05,740 --> 00:09:13,300
In my case it's Adam and it's open the file which has a bit of code necessary for Wordpress to work.

101
00:09:13,300 --> 00:09:20,680
And this is the file that tells WordPress where to look for the database so that it can enter and control

102
00:09:20,830 --> 00:09:24,890
all the content and information that the Wordpress website will use.

103
00:09:25,210 --> 00:09:27,850
So you can see here a little bit down from the top.

104
00:09:27,850 --> 00:09:30,670
There's four different fields to fill in.

105
00:09:30,670 --> 00:09:38,320
So we know the database name we have chosen doesn't matter what it is it just has to be the correct

106
00:09:38,320 --> 00:09:47,600
name when you chose and created that database in ph PMI admin and the username as we just reviewed is

107
00:09:47,600 --> 00:09:55,620
route for map and the password is always root for map as well as the D-B host.

108
00:09:55,620 --> 00:10:02,590
Now here's an example where in my case I remember the local host is in port 33 06.

109
00:10:02,720 --> 00:10:10,100
So I need to change this from a standard local host to local host Colin 3 3 0 6.

110
00:10:10,100 --> 00:10:16,850
Now I can just click File Save or control s to save that file.

111
00:10:16,850 --> 00:10:23,720
And now I'm finished with my configuration and I can allow WordPress to install itself inside of my

112
00:10:23,720 --> 00:10:25,940
map server.

113
00:10:25,940 --> 00:10:33,470
Now remember I know that the working you are ill for my map installation is localhost slash something

114
00:10:34,000 --> 00:10:36,950
and so I'm going to open a new tab in my browser.

115
00:10:38,830 --> 00:10:41,950
And this time I'm going to reference the folder name

116
00:10:46,430 --> 00:10:48,620
that I created for my site.

117
00:10:48,620 --> 00:10:56,060
Now when I navigate to that web address if it's working correctly I should see a WordPress installation

118
00:10:56,060 --> 00:10:56,810
screen.

119
00:10:57,290 --> 00:11:02,990
Now that you can choose the language that I want to install WordPress with and then click continue.

120
00:11:03,260 --> 00:11:10,220
And if it's communicating to the database correctly all it needs is a title username and password and

121
00:11:10,280 --> 00:11:13,950
email and it will set up WordPress correctly.

122
00:11:14,240 --> 00:11:20,840
If you didn't set the W.P. config file up correctly and it can't see the database then it may actually

123
00:11:20,840 --> 00:11:27,470
be asking you for database information here and it's OK to install Wordpress and allow the script to

124
00:11:27,470 --> 00:11:30,820
create the W.P. config file for you.

125
00:11:30,890 --> 00:11:35,870
But I wanted to show you how to do it manually so you know where all the information is held.

126
00:11:36,080 --> 00:11:38,020
So let's choose a site title

127
00:11:41,810 --> 00:11:48,210
of course to for my example and your username and password can be anything you like.

128
00:11:48,320 --> 00:11:53,870
I like to choose a password that I can remember doesn't need to be that secure since this is a local

129
00:11:53,870 --> 00:11:57,850
installation.

130
00:11:58,090 --> 00:11:59,410
And then you can choose an email

131
00:12:04,070 --> 00:12:09,760
just click install WordPress you should get a success message in just a moment.

132
00:12:09,770 --> 00:12:10,520
There you go.

133
00:12:10,520 --> 00:12:16,650
There's a log in button and you need to remember the password that you chose.

134
00:12:20,390 --> 00:12:27,150
And when you log in you should be welcomed with nice welcome dashboard screen showing that your site

135
00:12:27,150 --> 00:12:28,320
is working.

136
00:12:28,320 --> 00:12:29,940
Congratulations.

137
00:12:29,940 --> 00:12:35,430
Now depending on which version of Wordpress you've installed you're welcome screen might look slightly

138
00:12:35,490 --> 00:12:37,260
different either way.

139
00:12:37,260 --> 00:12:40,270
Always download and install the latest version of WordPress.

140
00:12:40,380 --> 00:12:48,220
For security reasons and to get the most features you can roll over the name of your site at the top

141
00:12:48,550 --> 00:12:50,460
and click visit site.

142
00:12:50,460 --> 00:12:53,500
I like to write click and open a new tab.

143
00:12:53,730 --> 00:12:57,430
You can take a look at what your new site looks like.

144
00:12:57,430 --> 00:12:59,040
Great.

145
00:12:59,170 --> 00:13:06,820
In this video you install a map on your local computer set up a database edited the WP dash config file

146
00:13:07,060 --> 00:13:08,710
and install WordPress.

147
00:13:08,710 --> 00:13:12,970
Now you can play around with creating WordPress websites without any need for an internet connection

148
00:13:13,170 --> 00:13:15,840
totally in private as much as you want.

149
00:13:15,850 --> 00:13:21,850
Next we'll explore the inner workings of your new local WordPress installation to get to know how everything

150
00:13:21,850 --> 00:13:23,070
works together.

151
00:13:23,350 --> 00:13:23,890
See there.