Joomla/C2/Menus-in-Joomla/English-timed
From Script | Spoken-Tutorial
Revision as of 12:09, 14 February 2018 by Venuspriya (Talk | contribs)
Time | Narration |
00:01 | Welcome to the Spoken Tutorial on Understanding menus in Joomla. |
00:06 | In this tutorial, we will learn about: Menus and their importance in Joomla. Menu Manager and how to create menu items. |
00:16 | We will also learn how to: Create sub-menus, Change the default Homepage and Unpublish menu items. |
00:25 | For this tutorial, we will be using: Ubuntu Linux OS 14.04, Joomla 3.4.1, Apache, MySQL and PHP obtained through XAMPP 5.5.19. |
00:41 | To follow this tutorial: You should know how to create articles in Joomla |
00:46 | If not, check the relevant Joomla tutorials on the Spoken Tutorial website. |
00:52 | Let’s go to our Digital India webpage to understand more about menus. |
00:57 | On the right of the Homepage, there is a box which says "Main Menu". |
01:01 | It currently has only one menu, "Home". By default, this is the only menu available in Joomla. |
01:10 | Menus are a way to help us navigate the website. Every menu has a set of menu items.
Here "Home" is a menu item, which points to all Featured articles. |
01:22 | This is the reason why any article that is marked as "Featured" appears on our Homepage. |
01:29 | Every menu item defines a URL to a webpage. |
01:33 | A menu item can be set to point to an article, like Vitamin A here. |
01:39 | Or it can be set to list all articles under a category, like Vitamins. |
01:45 | Let’s switch to the Joomla control panel. |
01:49 | Click on Menu Manager in the left menu. |
01:53 | Alternately, you may click on Menus in the menu-bar at the top of the webpage and then on Menu Manager. |
02:01 | By default, we have one menu called Main Menu. |
02:05 | Click on the title Main Menu. |
02:08 | We can see the menu items associated with this menu. |
02:12 | Notice that Menu Manager: Menu Items has a similar layout as Article Manager. |
02:08 | Let’s create a menu item which will point to our article "Benefits of Nutrients". |
02:24 | Click on the New button in the toolbar. |
02:27 | Menu Item Type field decides the type of page to be shown, when we click on that menu item. |
02:33 | There are various options like Single Article, List of articles in a category etc. |
02:40 | Click on Select button next to the Menu Item Type. |
02:44 | A new window opens. Click on Articles in the new window. |
02:48 | We can see a list of options under Articles. |
02:52 | Click on Single Article. |
02:55 | Depending on the Menu Item Type, some new parameters may be required. |
03:00 | Since we have selected Single Article, a new field Select Article has appeared. |
03:06 | This is a mandatory field. Click on Select button next to this field. |
03:11 | A new window opens with a complete list of articles. |
03:15 | This window has a search text box, which works on the title of the article. |
03:20 | It also has filters to narrow down the list of articles visible in the window. |
03:25 | Let’s select the article Benefits of Nutrients. |
03:28 | For now, we will keep the default settings in all the other fields in this window. |
03:34 | Right on the top, we have the Menu Title field. This is a mandatory field. |
03:39 | Let us type Single Article - Nutrients as the title. |
03:44 | Click on Save and Close. |
03:46 | Switch to Digital India webpage and refresh it. |
03:50 | Notice the new menu item link. Click on it. |
03:54 | We can see the article Benefits of Nutrients is displayed here. |
03:58 | Click on Digital India at the top left to go back to the Homepage. |
04:02 | Switch to the Menu Manager webpage. |
04:05 | Let's change the Single Article-Nutrients menu item to List of categories. |
04:11 | So, click on the title Single Article-Nutrients. |
04:16 | Click on the Select next to Menu Item Type. |
04:19 | In the new pop-up window, click on Articles and then on List All Categories. |
04:25 | We are back to the Menu manager window. |
04:28 | Notice now that a new field appears. It requires us to select the Top Level Category. |
04:34 | This is the category whose subcategories will be listed under this menu item. |
04:39 | By default, it is Root. |
04:41 | We will leave all the other fields as they are. |
04:45 | But we will change the menu title to Multiple Categories. |
04:50 | Click on Save and Close. |
04:52 | Switch to the Digital India webpage and refresh it. |
04:56 | In the Main Menu, click on Multiple Categories. |
05:00 | Notice that two of our categories Nutrients and Food Sources are shown on the top left of the webpage. |
05:08 | The numbers next to the category indicate the number of articles under that category. |
05:14 | Also, notice that the category Uncategorized is not shown here. |
05:18 | That is because it has neither any article nor any subcategory assigned to it. |
05:24 | Click on Nutrients link. |
05:26 | The article Benefits of Nutrients and subcategories Vitamins and Minerals are shown up. |
05:32 | Click on Digital India link at the top left to go back to the Homepage |
05:37 | A menu item can have sub-menus, similar to how a category can have sub-categories. |
05:43 | Switch to the Menu Manager webpage. |
05:46 | Let's create a submenu under Multiple Categories. |
05:50 | On the Menu Items page, click on New button. |
05:54 | Click the Select button next to Menu Item Type and then on Articles. |
05:59 | Select Category List. |
06:03 | This will display a list of articles in a category. |
06:06 | A new field Choose a Category appears. |
06:10 | By default, the selected category is Uncategorised. |
06:14 | Let's select Nutrients in the drop-down list. |
06:18 | On the right, there is a field to select the parent item.Click on it. Then select the option Multiple Categories. |
06:27 | Lastly let's give this menu a title - we will call it Nutrient Articles. |
06:33 | Click on Save button. |
06:37 | Let’s have a look at the all the changes on the Digital India webpage. |
06:41 | Let’s refresh the webpage and click on Multiple categories menu item. |
06:48 | Immediately, we see the sub-menu item Nutrient Articles displayed below it. Click on it. |
06:56 | This page lists all the articles under this category in a tabular format. |
07:01 | The sub-categories-Vitamins and Minerals are listed separately. |
07:06 | Now, let’s have a look at the title that is displayed for this web-page. |
07:11 | It says Nutrient Articles, as you can see here. |
07:15 | How can we change this title to a different one? |
07:18 | We can do this through the Menu settings. |
07:21 | Switch to the Menu Manager webpage. |
07:24 | Let’s click on the tab Page Display. |
07:27 | Note that here all the page settings are optional. |
07:31 | In Browser Page Title field, type Nutrient Category |
07:36 | Then click on Save and Close button. |
07:39 | Switch to the Digital India webpage and refresh it. |
07:43 | Notice the browser title now. |
0:46 | It says Nutrient Category. |
07:49 | Click on the Digital India link to go back to the Homepage. |
07:53 | Let us switch back to the Menu Manager. |
07:56 | Notice the Home button in the top toolbar. |
07:59 | This makes the page associated with the selected menu as the website Homepage. |
08:04 | By default, the menu item Home is set as the default Homepage. |
08:10 | We can verify this by hovering the cursor on the Home column button. |
08:15 | The tool tip says “Default”. |
08:18 | Let's make the Nutrient Articles submenu as the default Homepage. |
08:23 | Click on the check-box to the left of the title and click on Home button in the toolbar. |
08:29 | Notice that the yellow star now appears next to this submenu. |
08:33 | Switch to the Digital India webpage and refresh it. |
08:37 | Notice that the Homepage has changed. |
08:41 | Menus are important in Joomla because Content can be displayed only via menus and
every website must have at least one published menu. |
08:51 | Switch to Menu Manager webpage. |
08:54 | Select the check-box to the left of Nutrient Articles submenu. |
08:58 | Click on the Unpublish button on the top toolbar. |
09:02 | The system shows an error Can't unpublish default home. |
09:07 | This means that the menu associated with the Homepage cannot be unpublished. |
09:13 | However, we can unpublish the parent menu. |
09:17 | Click on the check-box to the left of Multiple Categories |
09:21 | Click on Unpublish button in the toolbar. |
09:25 | Unpublishing a menu also un-publishes all its submenus. |
09:30 | Let's go to the Digital India webpage and check what we have done. Refresh the Homepage. |
09:35 | Notice that the Homepage now shows an error The requested page cannot be found. |
09:42 | This is because the default Home menu - Nutrient Articles also got unpublished. |
09:48 | Let's go back to the Menu Manager. |
09:51 | Publish the Multiple Categories by clicking on the Status icon. |
09:56 | Switch to the Digital India webpage and refresh it. |
10:00 | Note that the error on the Homepage has now gone. We can see the Nutrient Articles being displayed. |
10:07 | Let us summarize. In this tutorial, we learnt about: Menus' and their importance in Joomla, Menu Manager, and how to create menu items |
10:18 | We also learnt how to: Create sub-menus, Change the default Homepage and Unpublish menu items. |
10:26 | Here are 2 assignments for you: Create a new menu item - Category Blogs and Lists under the Main Menu, Create 2 submenus under this menu item. |
10:37 | Hint is to use the guidelines given in the assignment-text file provided with this tutorial |
10:43 | Refresh the Homepage. Click on the newly created menu items and understand the difference between the 2 menu types. |
10:51 | Delete the menu item Nutrient Articles. See if you can restore it back. Hint is to use the Search Tools filter. |
11:00 | The video at the following link, summarizes the Spoken Tutorial project.
Please download and watch it. |
11:07 | The Spoken Tutorial Project Team conducts workshops and gives certificates on passing online tests.For more details, please write to us. |
11:17 | Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India. More information on this mission is available at the link shown. |
11:28 | This is Priyanka signing off. Thank you for joining. |