1 00:00:00,000 --> 00:00:04,000 If you just watched my video on Hathor, you saw that there were a few little 2 00:00:04,000 --> 00:00:07,000 customizations that you could make to the Hathor template, and maybe you 3 00:00:07,000 --> 00:00:08,000 were feeling jealous. 4 00:00:08,000 --> 00:00:13,000 You want to use isis, but you'd like to customize the look of isis as well. 5 00:00:13,000 --> 00:00:15,000 What kind of customizations are available for that? 6 00:00:15,000 --> 00:00:18,000 Well, that's what I am going to cover now. 7 00:00:18,000 --> 00:00:23,000 If we go to Extensions, and we go to our Template Manager, let's take a look at 8 00:00:23,000 --> 00:00:27,000 the isis template by clicking on it here, inside of our Styles. 9 00:00:27,000 --> 00:00:31,000 And the first screen just gives us the style name, and the template that it's 10 00:00:31,000 --> 00:00:35,000 associated with, but under Options, we do have some things that we can change 11 00:00:35,000 --> 00:00:38,000 here, which is incredibly helpful. 12 00:00:38,000 --> 00:00:42,000 So first of all, one of the things that we can change is the color of the 13 00:00:42,000 --> 00:00:44,000 navigation bar, or the color of the header. 14 00:00:44,000 --> 00:00:49,000 So we can change the colors that are associated with these two bars up here at 15 00:00:49,000 --> 00:00:50,000 the top of the screen. 16 00:00:50,000 --> 00:00:52,000 By default, these are various shades of blue; 17 00:00:52,000 --> 00:00:56,000 you could make them shades of red, shades of green, whatever you want to do. 18 00:00:56,000 --> 00:00:58,000 The logo is available here as well. 19 00:00:58,000 --> 00:01:00,000 By default, you see a Joomla! logo. 20 00:01:00,000 --> 00:01:04,000 It brands this back-end as Joomla! running here. 21 00:01:04,000 --> 00:01:09,000 But in many cases, there are Web site development agencies that might wish to 22 00:01:09,000 --> 00:01:13,000 brand their copy of Joomla as their own. 23 00:01:13,000 --> 00:01:17,000 So perhaps they want to use their own company colors, and they want to use their 24 00:01:17,000 --> 00:01:21,000 own company logo in the back-end here, so that this does not say that this is 25 00:01:21,000 --> 00:01:24,000 Joomla!, it looks more like a custom content management system. 26 00:01:24,000 --> 00:01:29,000 And that's possible; we can change the logo assignment here by changing 27 00:01:29,000 --> 00:01:30,000 this particular item. 28 00:01:30,000 --> 00:01:34,000 The next item about collapsing the Administrator Menu solves this 29 00:01:34,000 --> 00:01:35,000 particular problem. 30 00:01:35,000 --> 00:01:41,000 Sometimes when I am working at home on my super large monitor, I have one 31 00:01:41,000 --> 00:01:45,000 browser window open, and maybe I've made it a little bit smaller, and then on the 32 00:01:45,000 --> 00:01:50,000 other side of the screen, I've got a Word document open, or my e-mail, or something, 33 00:01:50,000 --> 00:01:52,000 and I want to be going back and forth between those. 34 00:01:52,000 --> 00:01:57,000 When I minimize the size of my browser by pulling in the corner here, what 35 00:01:57,000 --> 00:02:02,000 happens, of course, in isis that's a feature, not a bug, is that at some point 36 00:02:02,000 --> 00:02:10,000 right here, the menu collapses, and now I don't have the ability to roll my 37 00:02:10,000 --> 00:02:15,000 mouse over the menu options up here on the top anymore. Now I have to click on 38 00:02:15,000 --> 00:02:19,000 this icon to get to these options here underneath, and then click on each of 39 00:02:19,000 --> 00:02:21,000 these to go even further. 40 00:02:21,000 --> 00:02:24,000 I don't have the ability to click on these right now, because I have this 41 00:02:24,000 --> 00:02:29,000 open down here on the bottom, and the menu is normally grayed out at this point in time. 42 00:02:29,000 --> 00:02:34,000 If you don't want this change to happen; if you would like to have the menu to 43 00:02:34,000 --> 00:02:41,000 stay constant here across the top, what you're going to need to do is, down 44 00:02:41,000 --> 00:02:47,000 here where it says Collapse Administrator Menu, right now that's set to Yes, change that to No, 45 00:02:47,000 --> 00:02:53,000 and if I just say Save, what will happen now is, as my window is wide, I have my 46 00:02:53,000 --> 00:02:58,000 menu, but as I make my browser window smaller, the menu does not collapse. 47 00:02:58,000 --> 00:03:01,000 I still have it up here, and it's still available to me. 48 00:03:01,000 --> 00:03:06,000 So that's helpful if you're working on a desktop computer, and maybe you have no 49 00:03:06,000 --> 00:03:10,000 intention of working on this site ever on a tablet, or a mobile phone, so that's 50 00:03:10,000 --> 00:03:12,000 a feature you can turn on and off. 51 00:03:12,000 --> 00:03:16,000 So I am going to go ahead and put that back to Yes, because I actually like that there. 52 00:03:16,000 --> 00:03:20,000 We can choose to display the header on the top of the page, or not; 53 00:03:20,000 --> 00:03:25,000 if I say No, and say Save, that header bar that tells me where I am in the 54 00:03:25,000 --> 00:03:26,000 Web site, and has the Joomla! 55 00:03:26,000 --> 00:03:27,000 logo on it goes away entirely. 56 00:03:27,000 --> 00:03:32,000 I kind of like it there, because I like the fact that it tells me what page I am on. 57 00:03:32,000 --> 00:03:34,000 Although it tells me twice; 58 00:03:34,000 --> 00:03:38,000 it tells me up here, and it will replace that down here if you decide to turn 59 00:03:38,000 --> 00:03:42,000 off the header. I like it better up here in the blue bar. It just works better for me. 60 00:03:42,000 --> 00:03:48,000 And down here on the bottom of the screen, there is this module, which says View 61 00:03:48,000 --> 00:03:53,000 Site, and has the Log out button, and so forth on it, right now that is set to be 62 00:03:53,000 --> 00:03:55,000 Fixed at the bottom of the page. 63 00:03:55,000 --> 00:03:56,000 We can move that around as well. 64 00:03:56,000 --> 00:03:59,000 If I said put it at the Top of the screen, 65 00:03:59,000 --> 00:04:03,000 that is going to bump that up here to the top, so I don't have it down here in the bottom. 66 00:04:03,000 --> 00:04:05,000 Some people may like that better here in the workflow. 67 00:04:05,000 --> 00:04:11,000 So I am going to go ahead and put that back down to the bottom. 68 00:04:11,000 --> 00:04:15,000 And the last thing that we can customize here inside of isis, down here at the 69 00:04:15,000 --> 00:04:17,000 bottom, is the Sticky Toolbar. 70 00:04:17,000 --> 00:04:23,000 And this refers to the buttons for Save, Save & Close, and so forth, are always 71 00:04:23,000 --> 00:04:25,000 available to us, no matter how long the page is. 72 00:04:25,000 --> 00:04:32,000 So if I set my Sticky Toolbar to No, and say Save, what will happen now is, as I 73 00:04:32,000 --> 00:04:37,000 go into a page that's a bit longer, like this, those buttons will scroll off the screen. 74 00:04:37,000 --> 00:04:41,000 The dark blue bar here that has your navigation on it will always stay in place, 75 00:04:41,000 --> 00:04:45,000 but the bar with the buttons to save will scroll off. 76 00:04:45,000 --> 00:04:48,000 I actually think that this is not a good thing; I love having those 77 00:04:48,000 --> 00:04:49,000 buttons there on the top. 78 00:04:49,000 --> 00:04:53,000 So if I've scrolled all the way down many screens of information, I can still 79 00:04:53,000 --> 00:04:56,000 just click on the Save button at the top, rather than having to scroll back up to 80 00:04:56,000 --> 00:04:58,000 the top, and then click save. 81 00:04:58,000 --> 00:05:02,000 So I am going to turn that back on, and I am going to say Save & Close. 82 00:05:02,000 --> 00:05:06,000 So you have many options to you for customizing the isis template. 83 00:05:06,000 --> 00:05:10,000 You can brand it with your own colors, and your own logo very easily, without 84 00:05:10,000 --> 00:05:13,000 having to edit the HTML and the CSS. 85 00:05:13,000 --> 00:05:18,000 You can move some of the elements around to optimize your personal workflow, 86 00:05:18,000 --> 00:05:23,000 and you can optimize isis for your particular workflow, and to maximize your 87 00:05:23,000 --> 00:05:25,000 productivity.