1 00:00:01,000 --> 00:00:06,000 KinetECO collaborates with a number of different agencies, and companies, and 2 00:00:06,001 --> 00:00:12,001 institutions, and nonprofits that specialize in solar and wind energy, 3 00:00:12,002 --> 00:00:18,002 and they'd like to include a page on this Web site that shows some of the links 4 00:00:18,003 --> 00:00:20,003 to these institutions where they're collaborating. 5 00:00:20,004 --> 00:00:25,004 So I would like to add another link to this page that would be called Links, 6 00:00:25,005 --> 00:00:30,005 and I'd like to classify those links into solar links, and wind links, and 7 00:00:30,006 --> 00:00:31,006 fortunately, Joomla 8 00:00:31,007 --> 00:00:35,007 comes with a component that does exactly that. 9 00:00:35,008 --> 00:00:37,008 So I'm going to go ahead and install that now. 10 00:00:37,009 --> 00:00:40,009 I am going to hop in to the back-end of Joomla 11 00:00:40,010 --> 00:00:43,010 here, and I'm going to go to Components > Weblinks. 12 00:00:43,011 --> 00:00:48,011 And as you see here, just as we saw with the regular old Content in Joomla, 13 00:00:48,012 --> 00:00:54,012 just as we saw with Contacts, in our Weblinks, we also have Categories, and then 14 00:00:54,013 --> 00:00:56,013 we have the Links themselves. 15 00:00:56,014 --> 00:01:00,014 And then of course, we're going to have to link whatever we create here in the 16 00:01:00,015 --> 00:01:02,015 component to the menu. 17 00:01:02,016 --> 00:01:06,016 So we're going to follow the same procedures we've been following for our 18 00:01:06,017 --> 00:01:08,017 Content, and our Contacts. 19 00:01:08,018 --> 00:01:11,018 First, we're going to make our Weblinks categories, then we're going to put in 20 00:01:11,019 --> 00:01:14,019 the links, and then we'll link it all up to the menu. 21 00:01:14,020 --> 00:01:19,020 So, here from Weblinks, I am going to start with Categories, and I am going 22 00:01:19,021 --> 00:01:22,021 to start by making a category. Clicking the New button, I'll give this a 23 00:01:22,022 --> 00:01:25,022 Title; Solar Links. 24 00:01:25,023 --> 00:01:28,023 And that's really all I need to put in. There are some other options that are 25 00:01:28,024 --> 00:01:33,024 here, but that's pretty much it, and I am going to say Save & New, and I'm going 26 00:01:33,025 --> 00:01:36,025 to make one called Wind Links, and Save & Close. 27 00:01:36,026 --> 00:01:41,026 So now I have two categories for my links. 28 00:01:41,027 --> 00:01:43,027 Next thing I want to do is actually make my Web links. 29 00:01:43,028 --> 00:01:48,028 So over here on the left side of the page, I am going to click on the Web Links 30 00:01:48,029 --> 00:01:52,029 link, or you can go through the dropdown menus to get there. 31 00:01:52,030 --> 00:01:56,030 And of course, I have no links to start with, so I am going to go ahead and 32 00:01:56,031 --> 00:01:57,031 hit the New button. 33 00:01:57,032 --> 00:02:03,032 And in your Exercise Files, I have given you four links here that we can link to. 34 00:02:03,033 --> 00:02:07,033 So, the first piece of information I am asked for here in Web Links is the Title. 35 00:02:07,034 --> 00:02:10,034 So I am going to copy this; Sun Pacific Solar Electric, Inc. 36 00:02:10,035 --> 00:02:13,035 I will go ahead and paste that in. 37 00:02:13,036 --> 00:02:16,036 Then it's going to ask me for the URL. 38 00:02:16,037 --> 00:02:23,037 Well, that's going to be sunpacificsolar.net. Copy that, paste that here, and my 39 00:02:23,038 --> 00:02:26,038 Category is going to be Solar Links. 40 00:02:26,039 --> 00:02:27,039 That's all I need to put in. 41 00:02:27,040 --> 00:02:30,040 I am going to go ahead and say Save & New. 42 00:02:30,041 --> 00:02:36,041 I am going to repeat this process for California Solar, and then I am going 43 00:02:36,042 --> 00:02:40,042 to repeat the process for my Wind Links, and the change that I will make there 44 00:02:40,043 --> 00:02:44,043 is that I'll indicate that the Category is for Wind Links instead of for Solar links. 45 00:02:44,044 --> 00:02:46,044 I am going to go ahead and do that now. 46 00:02:46,045 --> 00:02:48,045 I will see you on the other side. 47 00:02:48,046 --> 00:02:53,046 Okay, I've just put in my last link here, and now I'm going to hit Save & Close, 48 00:02:53,047 --> 00:02:56,047 and I'm returned to the Web Link Manager, where I have my four links. 49 00:02:56,048 --> 00:03:00,048 I have two of these that are classified under Solar, and I have two that are 50 00:03:00,049 --> 00:03:01,049 classified under Wind. 51 00:03:01,050 --> 00:03:04,050 Now I am ready to display this on the front-end of the Web site. 52 00:03:04,051 --> 00:03:11,051 So to do that, I'm going to go to Menus > Main Menu > Add New Menu Item, and I'm 53 00:03:11,052 --> 00:03:13,052 going to create a Menu Item Type. 54 00:03:13,053 --> 00:03:17,053 And of course, I'm working with the Weblinks component, so I will look under 55 00:03:17,054 --> 00:03:19,054 Weblinks, and I have three choices here. 56 00:03:19,055 --> 00:03:25,055 I can list all of the Web link categories, or the Web links within a category, and 57 00:03:25,056 --> 00:03:30,056 the third option is I can submit a form, so that somebody could submit other 58 00:03:30,057 --> 00:03:31,057 Weblinks to the Web site. 59 00:03:31,058 --> 00:03:34,058 I want to go with listing all the Web link categories. 60 00:03:34,059 --> 00:03:39,059 Because I have two categories, I'd like people to start by looking at what those 61 00:03:39,060 --> 00:03:44,060 categories are, and then choosing a category, which will take them to a page which 62 00:03:44,061 --> 00:03:45,061 will have the links on it. 63 00:03:45,062 --> 00:03:48,062 So I am going to go ahead and choose that. 64 00:03:48,063 --> 00:03:52,063 My top level category here is, where would I like to start listing all of the 65 00:03:52,064 --> 00:03:54,064 categories as part of this? 66 00:03:54,065 --> 00:03:58,065 So, Root would be the top level, and children of that would be Solar Links, and 67 00:03:58,066 --> 00:04:02,066 Wind Links. Or I could say something like Solar Links, if I had a series of 68 00:04:02,067 --> 00:04:07,067 subcategories; for example, maybe I have a subcategory called solar panels, 69 00:04:07,068 --> 00:04:12,068 maybe configured for large solar panels, like the ones that we had on the farms, 70 00:04:12,069 --> 00:04:15,069 versus the smaller solar panels that charge batteries. 71 00:04:15,070 --> 00:04:18,070 So I might have some subcategories under Solar; might have some 72 00:04:18,071 --> 00:04:20,071 subcategories under Wind. 73 00:04:20,072 --> 00:04:21,072 I don't at the moment. 74 00:04:21,073 --> 00:04:22,073 I'm just going to go with Root. 75 00:04:22,074 --> 00:04:28,074 Then I am going to give this a Menu Title; that will be Links. And there are 76 00:04:28,075 --> 00:04:31,075 some other options that are here, but that's really all I need to configure for 77 00:04:31,076 --> 00:04:36,076 the moment, and I am going to go ahead and say Save & Close. 78 00:04:36,077 --> 00:04:40,077 Now when I go to the front-end of the Web site, and I hit Refresh, I have a 79 00:04:40,078 --> 00:04:47,078 link for links, and if I click that, I go to a page that has my Solar Links, and my Wind Links. 80 00:04:47,079 --> 00:04:53,079 If I click on Solar Links, I have my two links that are listed here. 81 00:04:53,080 --> 00:04:58,080 And if I go back to my Links page, I go to my two Wind Links. 82 00:04:58,081 --> 00:05:02,081 So, I'm not really thrilled with the way these pages look, and I'd like to alter 83 00:05:02,082 --> 00:05:04,082 some of the settings that I have here. 84 00:05:04,083 --> 00:05:09,083 The other thing that I'd like to change is that my Links link is last on list, 85 00:05:09,084 --> 00:05:11,084 because it's the most recent one that I created. 86 00:05:11,085 --> 00:05:14,085 I'd like Contact to be the last link in the list here. 87 00:05:14,086 --> 00:05:18,086 So I'd like it to read Home, About, News & Info, Products, Links, and Contact. 88 00:05:18,087 --> 00:05:23,087 So while I'm here inside of the Menu Manager, let me rearrange that. 89 00:05:23,088 --> 00:05:27,088 So I am going to scroll on down here to the bottom of the page, grab my Links 90 00:05:27,089 --> 00:05:33,089 link and drag and drop it just above Contact, and that should rearrange these on the page. 91 00:05:33,090 --> 00:05:38,090 If I refresh my page here, now you can see that Links is listed before Contact. 92 00:05:38,091 --> 00:05:42,091 So now I am going to work on the design of this page. 93 00:05:42,092 --> 00:05:48,092 So, if I go back to Components > Weblinks, I am going to go to my Options item 94 00:05:48,093 --> 00:05:50,093 here at the top of the page. 95 00:05:50,094 --> 00:05:54,094 And something I haven't pointed out to you yet, you might have seen this in some 96 00:05:54,095 --> 00:05:58,095 of the other videos where I worked with Options. Over here in the left 97 00:05:58,096 --> 00:05:59,096 column, you'll see that Joomla 98 00:05:59,097 --> 00:06:01,097 has now lined up all of these Options screens. 99 00:06:01,098 --> 00:06:03,098 Obviously, they are scattered throughout Joomla 100 00:06:03,099 --> 00:06:08,099 for configuring options on an item by item basis, so we have menu options, and we 101 00:06:08,100 --> 00:06:12,000 have Web link options, we have contact options, we have article options. 102 00:06:12,001 --> 00:06:16,001 This particular screen, once you get into one of these options, has the navigation 103 00:06:16,002 --> 00:06:20,002 to go switch between all of the option screens over here on the left side. 104 00:06:20,003 --> 00:06:23,003 That's a new interface in Joomla! 3. 105 00:06:23,004 --> 00:06:28,004 It's particularly helpful when you're configuring ACL, Access Control Lists, which 106 00:06:28,005 --> 00:06:29,005 I'll be doing in a future video. 107 00:06:29,006 --> 00:06:34,006 So, here are some options that I can change here within my Weblinks. 108 00:06:34,007 --> 00:06:36,007 I can set where I'd like these Weblinks to open. 109 00:06:36,008 --> 00:06:39,008 So right now, they're set to open in the same window. 110 00:06:39,009 --> 00:06:43,009 And earlier, where I talked about linking to an external Web site, I said, 111 00:06:43,010 --> 00:06:46,010 pick one; open in the same window, or open in the new window, but always 112 00:06:46,011 --> 00:06:48,011 make the behavior the same. 113 00:06:48,012 --> 00:06:52,012 I had open my other external link in a new window; I'm going to do the same here, 114 00:06:52,013 --> 00:06:55,013 so I'm going to say open in a new window. 115 00:06:55,014 --> 00:06:59,014 Note that we also have choices of a pop-up window, or a modal window. 116 00:06:59,015 --> 00:07:03,015 A modal window is the one that opens up that has the screen that's grayed out in the background. 117 00:07:03,016 --> 00:07:06,016 So I am going to say open in a new window. 118 00:07:06,017 --> 00:07:11,017 It can count the number of clicks each particular link has gotten, and we can 119 00:07:11,018 --> 00:07:15,018 have an icon, or text, or something displaying next to each Web link. 120 00:07:15,019 --> 00:07:20,019 I actually don't want anything, so I'm going to say just the Web link, thank you! 121 00:07:20,020 --> 00:07:22,020 And of course, you can specify what icon you'd like. 122 00:07:22,021 --> 00:07:25,021 I am going to go ahead and say Save. 123 00:07:25,022 --> 00:07:31,022 And if I refresh my Links page, now I have just my two links that are here. 124 00:07:31,023 --> 00:07:35,023 Although, it's still showing the hits, it's still showing the display page, and 125 00:07:35,024 --> 00:07:37,024 it's still showing this filtering box, 126 00:07:37,025 --> 00:07:39,025 so I'd like to change some of that. 127 00:07:39,026 --> 00:07:44,026 So here under Category, it gives me some options for changing a few things. 128 00:07:44,027 --> 00:07:47,027 This particular layout here has to do with the top level links page. 129 00:07:47,028 --> 00:07:52,028 So if I go to the List Layouts, I can make some changes here, and this applies 130 00:07:52,029 --> 00:07:55,029 to my list of Web links that I have here. 131 00:07:55,030 --> 00:08:00,030 So I am going to turn some things off. I am going to turn off the Display Select, 132 00:08:00,031 --> 00:08:02,031 I am going to turn off the Hits as well, 133 00:08:02,032 --> 00:08:06,032 and I could describe my links; that was one of the options that I had. 134 00:08:06,033 --> 00:08:10,033 I didn't put any link descriptions, so you can show or hide those as you wish. 135 00:08:10,034 --> 00:08:12,034 I am going to go ahead and say Save. 136 00:08:12,035 --> 00:08:17,035 And now when I refresh the Links page, now I just have my links here. 137 00:08:17,036 --> 00:08:20,036 My Hits are still showing here in the right-hand column, 138 00:08:20,037 --> 00:08:24,037 so let me just double-check, and make sure that I turn those Hits off. 139 00:08:24,038 --> 00:08:27,038 I am going to go back here to the back-end of Joomla, 140 00:08:27,039 --> 00:08:31,039 and I'm going to go back to List Layouts, and indeed, Hits is set to Hide here 141 00:08:31,040 --> 00:08:33,040 in this particular configuration, 142 00:08:33,041 --> 00:08:36,041 but they're still showing here on the front-end of the Web site. 143 00:08:36,042 --> 00:08:39,042 So this looks like a bug in this version of Joomla. 144 00:08:39,043 --> 00:08:43,043 Hopefully, by the time you watch this video, that bug will have been fixed. 145 00:08:43,044 --> 00:08:46,044 You can always hide any of the elements that you don't want to see on these 146 00:08:46,045 --> 00:08:51,045 pages through CSS if the interface is not quite working correctly. 147 00:08:51,046 --> 00:08:56,046 So that's how we add some more links to our Web site.