1 00:00:00,000 --> 00:00:05,000 In the previous video, I showed you how we could take the protostar template and 2 00:00:05,001 --> 00:00:10,001 its style, and we could customize it, and we took that one copy of the style, 3 00:00:10,002 --> 00:00:15,002 and we customized it, and it's applied to all of the pages of the Web site. 4 00:00:15,003 --> 00:00:20,003 But it's possible to take that same style, and make a copy of it, and then make 5 00:00:20,004 --> 00:00:24,004 tweaks to the copy of it, so that you can have a slightly different style on some 6 00:00:24,005 --> 00:00:25,005 pages of the Web site. 7 00:00:25,006 --> 00:00:28,006 So I'm going to go ahead and show you how to do that now. 8 00:00:28,007 --> 00:00:32,007 It's a nice way to make little variations in your templates. Again, you might 9 00:00:32,008 --> 00:00:35,008 have something different for the homepage, something different for the inside 10 00:00:35,009 --> 00:00:39,009 pages of the Web site, so I'll go ahead and show you how to do that now. 11 00:00:39,010 --> 00:00:40,010 Here in the back-end of Joomla, 12 00:00:40,011 --> 00:00:44,011 I'm going to start by going to Extensions > Template Manager. 13 00:00:44,012 --> 00:00:47,012 And right now we have just the copy of the protostar template. 14 00:00:47,013 --> 00:00:53,013 But if we put a checkmark next to this, and I say Duplicate up here on the top, I 15 00:00:53,014 --> 00:00:55,014 can make a copy of that template. 16 00:00:55,015 --> 00:01:00,015 So then I could click on this, and rather than calling it protostar-Default (2), 17 00:01:00,016 --> 00:01:08,016 maybe I'll call it protostar-Home, and then I can make a modification just for the homepage. 18 00:01:08,017 --> 00:01:14,017 Let's say, for example, that for the homepage of the Web site, I would like that to 19 00:01:14,018 --> 00:01:18,018 have a different background color; maybe the same template color I'd like to 20 00:01:18,019 --> 00:01:22,019 have as the background color for the Web page, so I've got that in both places. 21 00:01:22,020 --> 00:01:27,020 I only want this style to apply to the Home page of the Web site, so I'll go 22 00:01:27,021 --> 00:01:31,021 ahead and check off the Home page of the Web site, and then I'll say Save. 23 00:01:31,022 --> 00:01:35,022 So now what will happen is when I come to the homepage of the Web site, and I 24 00:01:35,023 --> 00:01:42,023 refresh, this particular page has one color for the background of the Web page, 25 00:01:42,024 --> 00:01:47,024 and when I go to other parts of the Web site, it's got the original orange 26 00:01:47,025 --> 00:01:51,025 background color that I chose. But the Home page now has a different color for 27 00:01:51,026 --> 00:01:53,026 the background of the homepage. 28 00:01:53,027 --> 00:01:57,027 I could have changed the header graphic, maybe I would want a really big header 29 00:01:57,028 --> 00:02:01,028 graphic on the homepage, and a much smaller, or maybe a narrower header graphic 30 00:02:01,029 --> 00:02:03,029 on the inside pages. 31 00:02:03,030 --> 00:02:07,030 That would be something that is very typical, people will often do; varying a 32 00:02:07,031 --> 00:02:09,031 homepage, versus an inside page. 33 00:02:09,032 --> 00:02:13,032 And you could certainly do that with the interface that protostar comes with. 34 00:02:13,033 --> 00:02:14,033 So the nice thing about Joomla 35 00:02:14,034 --> 00:02:19,034 template styles is that they allow you to take the same template, make minor 36 00:02:19,035 --> 00:02:24,035 tweaks to the way it appears, or text that appears on the pages, and you can 37 00:02:24,036 --> 00:02:30,036 display your page in a number of different ways, all closely related, all still 38 00:02:30,037 --> 00:02:35,037 controlled by the same style sheets, and the same HTML files, but you can still 39 00:02:35,038 --> 00:02:40,038 make minor variations in the way the Web site appears.