1
00:00:00,000 --> 00:00:04,000
So, so far we've created our categories, we've created a bunch of articles, we

2
00:00:04,001 --> 00:00:08,001
have formatted those articles, now you are probably interested in putting some

3
00:00:08,002 --> 00:00:09,002
images into those articles.

4
00:00:09,003 --> 00:00:13,003
And fortunately, that's relatively straightforward to do with Joomla!.

5
00:00:13,004 --> 00:00:18,004
We can upload a lot of bunch of images to our Media Manager if we have a lot of

6
00:00:18,005 --> 00:00:21,005
images to upload or we can upload the images one at a time on an

7
00:00:21,006 --> 00:00:22,006
article-by-article basis.

8
00:00:22,007 --> 00:00:26,007
So, I'm going to show you how to upload images on an article-by-article basis

9
00:00:26,008 --> 00:00:30,008
first, then I'll show you how we can upload a whole bunch of them to the Media

10
00:00:30,009 --> 00:00:34,009
Manager and then you can go through and drop in those pictures in the other

11
00:00:34,010 --> 00:00:35,010
articles here in this video.

12
00:00:35,011 --> 00:00:39,011
So, I'm going to start by going to my Article Manager, under Content>Article Manager,

13
00:00:39,012 --> 00:00:43,012
and I'd like to add a picture to the About page.

14
00:00:43,013 --> 00:00:48,013
So I'm going to start by clicking on the About link and here inside of this

15
00:00:48,014 --> 00:00:53,014
article what I'd like to do is have this picture up here, sort of over here on

16
00:00:53,015 --> 00:00:56,015
the right side of the screen, maybe I'll make it opposite, the top of the

17
00:00:56,016 --> 00:00:59,016
picture should be even with the top of this paragraph.

18
00:00:59,017 --> 00:01:05,017
So click where you'd like to have the top of the picture aligned with and it's

19
00:01:05,018 --> 00:01:09,018
the top of this paragraph, so I'm going to click at the start of that paragraph,

20
00:01:09,019 --> 00:01:11,019
that's where I'm going to want the image to go.

21
00:01:11,020 --> 00:01:14,020
So I'm going to now click on this Image button down here underneath.

22
00:01:14,021 --> 00:01:19,021
Yes, there is an Image button up here on the top, but this is actually a very

23
00:01:19,022 --> 00:01:23,022
confusing way to insert images into your document, because you have to know the

24
00:01:23,023 --> 00:01:27,023
path to the image in order to use this button, but the button down here on the

25
00:01:27,024 --> 00:01:30,024
bottom will let you browse for it, which is far more preferred.

26
00:01:30,025 --> 00:01:35,025
So I'm going to go ahead and start by clicking on this Image button down here on

27
00:01:35,026 --> 00:01:37,026
the bottom and this will show me my Media Manager.

28
00:01:37,027 --> 00:01:41,027
So I can put any image that's already here present inside of Joomla!

29
00:01:41,028 --> 00:01:46,028
into my document this way, but I want an image that's not currently here.

30
00:01:46,029 --> 00:01:51,029
So, if I scroll on down the page here, down at the bottom is the ability to upload a file.

31
00:01:51,030 --> 00:01:56,030
So I can browse for that file by hitting the Browse button, I'm going to go back

32
00:01:56,031 --> 00:02:02,031
to my Exercise Files to Chapter 4 and to folder number 4 and I've labeled all of

33
00:02:02,032 --> 00:02:05,032
these pictures for you, so you can match the picture with the page.

34
00:02:05,033 --> 00:02:10,033
So I want this picture here to go on the About page, so I'm going to select that

35
00:02:10,034 --> 00:02:15,034
and say Open and then I'm going to say Start Upload and you'll see that that

36
00:02:15,035 --> 00:02:18,035
image was uploaded and it uploaded directly into the Images folder.

37
00:02:18,036 --> 00:02:22,036
If I had opened those to a subfolder, I could upload into that subfolder.

38
00:02:22,037 --> 00:02:27,037
So I'm going to go ahead and select the about image here from my list of images

39
00:02:27,038 --> 00:02:29,038
and then I can align it from here also.

40
00:02:29,039 --> 00:02:33,039
I'll go ahead and align it to the right side of the screen. I can put in an

41
00:02:33,040 --> 00:02:38,040
alt tag, that is the alternative text that will display if this picture doesn't appear.

42
00:02:38,041 --> 00:02:43,041
It's also text that search engines will read when they look at your Web site.

43
00:02:43,042 --> 00:02:53,042
So we can say Wind farm in Bakersville and you can, if you choose, copy and

44
00:02:53,043 --> 00:02:57,043
paste that into the Image Title as well which some search engines like text

45
00:02:57,044 --> 00:03:02,044
there also and it can be the same text and then once you're done with all of that,

46
00:03:02,045 --> 00:03:07,045
back up at the top of the screen here, go ahead and say Insert and you

47
00:03:07,046 --> 00:03:11,046
will see the picture here up here inside of your article.

48
00:03:11,047 --> 00:03:13,047
Now we can't see this on the Web site just yet. Why?

49
00:03:13,048 --> 00:03:18,048
Because remember all of our articles have to be linked up via menu to the front

50
00:03:18,049 --> 00:03:24,049
end of the Web site, so we can't see how this picture looks just yet, but we have

51
00:03:24,050 --> 00:03:26,050
at least put it here and in place.

52
00:03:26,051 --> 00:03:29,051
And I'm going to go ahead and say Save & Close.

53
00:03:29,052 --> 00:03:34,052
Now as you saw, I actually had a number of pictures that I'd want to upload into Joomla!

54
00:03:34,053 --> 00:03:38,053
and then assign on an article-by-article basis and I can continue to do that,

55
00:03:38,054 --> 00:03:42,054
but I'm going to upload all these pictures all at once and I can do that

56
00:03:42,055 --> 00:03:43,055
through the Media Manager.

57
00:03:43,056 --> 00:03:48,056
So if I go to Content>Media Manager and I can just upload these, I have a bunch

58
00:03:48,057 --> 00:03:52,057
of product pictures mostly, I could make a folder for those or I could just

59
00:03:52,058 --> 00:03:54,058
upload them directly here into the Media Manager.

60
00:03:54,059 --> 00:03:59,059
So I'm going to hit my Upload button and I'm going to browse for all the rest

61
00:03:59,060 --> 00:04:03,060
of these pictures, so I'm going to hold down my Shift key and just select

62
00:04:03,061 --> 00:04:09,061
everything and say Open and then I'm going to say Start Upload and all of those

63
00:04:09,062 --> 00:04:13,062
pictures will then be uploaded into Joomla! so I have all of these other pictures here.

64
00:04:13,063 --> 00:04:18,063
Now I can go through in each one of my articles and let's say here are my

65
00:04:18,064 --> 00:04:20,064
K-Eco Energy Bulbs.

66
00:04:20,065 --> 00:04:25,065
In every case, I want to have the picture aligned to the top of the

67
00:04:25,066 --> 00:04:29,066
paragraph, so I'm going to click here before the paragraph, click on the

68
00:04:29,067 --> 00:04:33,067
Image button and then find the picture with that name, so here's the picture for

69
00:04:33,068 --> 00:04:40,068
KE-energy bulbs and I'm going to, once again, align this to the right, I'm going

70
00:04:40,069 --> 00:04:51,069
to put in a description like KinetECO bulbs in a store and I'm going to go

71
00:04:51,070 --> 00:04:52,070
ahead and say Insert.

72
00:04:52,071 --> 00:04:57,071
So I'm going to repeat this process now for many of these products pages that

73
00:04:57,072 --> 00:05:01,072
I have gone ahead and put in place and you go ahead and put those into your Joomla!

74
00:05:01,073 --> 00:05:04,073
Web site and I'll see you in the next video.