Difference between revisions of "Joomla/C2/Menus-in-Joomla/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(2 intermediate revisions by one other user not shown)
Line 27: Line 27:
 
|| For this tutorial, we will be using:
 
|| For this tutorial, we will be using:
  
−
''Ubuntu Linux OS 14.04''',
+
'''Ubuntu Linux OS 14.04''',
  
 
'''Joomla 3.4.1''',
 
'''Joomla 3.4.1''',
Line 98: Line 98:
  
 
|-
 
|-
−
|| 02:18
+
|| 02:08
 
|| We can see the menu items associated with this menu.
 
|| We can see the menu items associated with this menu.
  
Line 106: Line 106:
  
 
|-
 
|-
−
|| 02:08
+
|| 02:18
 
|| Let’s create a '''menu item''' which will point to our '''article "Benefits of Nutrients"'''.
 
|| Let’s create a '''menu item''' which will point to our '''article "Benefits of Nutrients"'''.
  
Line 323: Line 323:
 
|-
 
|-
 
||06:18
 
||06:18
−
||On the right, there is a field to select the '''parent item'''.Click on it. Then select the option '''Multiple Categories.'''
+
||On the right, there is a '''field''' to select the '''parent item'''. Click on it. Then select the option '''Multiple Categories.'''
  
 
|-
 
|-
 
||06:27
 
||06:27
−
||Lastly let's give this '''menu''' a '''title''' - we will call it '''Nutrient Articles'''.
+
||Lastly, let's give this '''menu''' a '''title''' - we will call it '''Nutrient Articles'''.
  
 
|-
 
|-
Line 335: Line 335:
 
|-
 
|-
 
||06:37
 
||06:37
−
||Let’s have a look at the all the changes on the '''Digital India webpage'''.
+
||Let’s have a look at all the changes on the '''Digital India''' web-page.
  
 
|-
 
|-
 
||06:41
 
||06:41
−
||Let’s refresh the '''webpage''' and click on '''Multiple categories menu item'''.
+
||Let’s refresh the '''webpage''' and click on '''Multiple categories''' menu item.
  
 
|-
 
|-
 
||06:48
 
||06:48
−
||Immediately, we see the '''sub-menu item Nutrient Articles''' displayed below it. Click on it.
+
||Immediately, we see the sub-menu item '''Nutrient Articles''' displayed below it. Click on it.
  
 
|-
 
|-
Line 375: Line 375:
 
|-
 
|-
 
||07:24
 
||07:24
−
||Let’s click on the '''tab Page Display'''.
+
||Let’s click on the tab '''Page Display'''.
  
 
|-
 
|-
Line 383: Line 383:
 
|-
 
|-
 
||07:31
 
||07:31
−
||In '''Browser Page Title''' field, type '''Nutrient Category'''
+
||In '''Browser Page Title''' field, type '''Nutrient Category'''.
  
 
|-
 
|-
Line 391: Line 391:
 
|-
 
|-
 
||07:39
 
||07:39
−
||Switch to the '''Digital India webpage''' and refresh it.
+
||Switch to the '''Digital India''' webpage and '''refresh''' it.
  
 
|-
 
|-
 
||07:43
 
||07:43
−
||Notice the browser '''title''' now.   
+
||Notice the browser title now.   
  
 
|-
 
|-
Line 451: Line 451:
 
|-
 
|-
 
||08:41
 
||08:41
−
||'''Menus''' are important in '''Joomla''' because Content can be displayed only via '''menus''' and
+
||'''Menus''' are important in '''Joomla''' because content can be displayed only via '''menus''' and every website must have at least one published '''menu'''.
−
every website must have at least one published '''menu'''.
+
  
 
|-
 
|-
Line 480: Line 479:
 
|-
 
|-
 
|| 09:17
 
|| 09:17
−
|| Click on the check-box to the left of '''Multiple Categories'''
+
|| Click on the check-box to the left of '''Multiple Categories'''.
  
 
|-
 
|-
Line 512: Line 511:
 
|-
 
|-
 
||09:56
 
||09:56
−
||Switch to the '''Digital India webpage''' and refresh it.
+
||Switch to the '''Digital India''' web-page and refresh it.
  
 
|-
 
|-
 
||10:00
 
||10:00
−
||Note that the error on the '''Homepage''' has now gone. We can see the '''Nutrient Articles''' being displayed.
+
||Note that the '''error''' on the '''Homepage''' has now gone. We can see the '''Nutrient Articles''' being displayed.
  
 
|-
 
|-
 
|| 10:07
 
|| 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'''
+
|| Let us summarize. In this tutorial, we learnt about:
 +
'''Menus''' and their importance in '''Joomla''',
 +
'''Menu Manager''' and
 +
how to create '''menu items'''.
  
 
|-
 
|-
Line 526: Line 528:
 
||We also learnt how to:
 
||We also learnt how to:
  
−
Create '''sub-menus'''
+
create '''sub-menus''',
  
−
Change the default '''Homepage''' and  
+
change the default '''Homepage''' and  
  
−
Unpublish '''menu items'''.
+
unpublish '''menu items'''.
  
 
|-
 
|-
Line 536: Line 538:
 
||Here are 2 assignments for you:  
 
||Here are 2 assignments for you:  
  
−
Create a new '''menu item - Category Blogs and Lists''' under the '''Main Menu'''
+
Create a new '''menu item - Category Blogs and Lists''' under the '''Main Menu'''.
  
 
Create 2 '''submenus''' under this '''menu item.'''
 
Create 2 '''submenus''' under this '''menu item.'''
Line 542: Line 544:
 
|-
 
|-
 
|| 10:37
 
|| 10:37
−
|| Hint is to use the guidelines given in the '''assignment-text''' file provided with this tutorial
+
|| Hint is, to use the guidelines given in the '''assignment-text''' file provided with this tutorial.
  
 
|-
 
|-
Line 548: Line 550:
 
|| Refresh the '''Homepage.'''  
 
|| Refresh the '''Homepage.'''  
  
−
Click on the newly created '''menu items''' and  
+
Click on the newly created '''menu items''' and understand the difference between the 2 menu types.
−
 
+
−
Understand the difference between the 2 menu types.
+
  
 
|-
 
|-
 
||10:51
 
||10:51
 
||Delete the menu item '''Nutrient Articles'''. See if you can restore it back.  
 
||Delete the menu item '''Nutrient Articles'''. See if you can restore it back.  
−
 
+
Hint is, to use the '''Search Tools''' filter.
−
Hint is to use the Search Tools filter.
+
  
 
|-
 
|-
 
||11:00
 
||11:00
−
||The video at the following link, summarizes the '''Spoken Tutorial '''project. Please download and watch it.
+
||The video at the following link summarizes the '''Spoken Tutorial '''project. Please download and watch it.
  
 
|-
 
|-
 
||11:07
 
||11:07
−
||The '''Spoken Tutorial''' Project Team conducts workshops and gives certificates on passing online tests.For more details, please write to us.
+
||The '''Spoken Tutorial''' Project team conducts workshops and gives certificates on passing online tests. For more details, please write to us.
  
 
|-
 
|-
 
||11:17
 
||11:17
−
||'''Spoken Tutorial '''Project is funded by '''NMEICT, MHRD, Government of India.''' More information on this mission is available at the link shown.
+
||'''Spoken Tutorial '''Project is funded by '''NMEICT, MHRD''', Government of India. More information on this mission is available at the link shown.
  
 
|-
 
|-
 
||11:28
 
||11:28
−
||This is Priyanka signing off. Thank you for joining.
+
||This is Priyanka, signing off. Thank you for joining.
 
|-
 
|-
 
|}
 
|}

Latest revision as of 16:52, 7 August 2018

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.
01:16 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:18 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 web-page 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 web-page 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 all the changes on the Digital India web-page.
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.
07: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 web-page 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.

Contributors and Content Editors

Jyotisolanki, PoojaMoolya, Sandhya.np14, Venuspriya

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Joomla/C2/Menus-in-Joomla/English-timed&oldid=43980"