Hub Admin New Page

by Chris C.

Version 21
by (unknown)
Version 22
by (unknown)

Deletions or items before changed

Additions or items after changed

1 If you would like to add a new page to yourHUB, then you must add it through the back end control interface.
2
3

First, login as an administrator and then choose 'Menu Manager' from the "Menus" menu on the horizontal menu bar at the top of the control interface.

4
5 [[Image(menu_manager.png, nolink)]]
6
7

The menu manager should appear and look something like this.

8
9 [[Image(menu_manager_controls.png, nolink)]]
10
11 [[Image(menu_manager_interface.png, nolink)]]
12
13

At this point, we must decide where to put our new page. In this example, we are going to link to our new page from the main menu. We will call the new menu button "Conference Attendees" and create a page full of information about an upcoming conference.

14
15

Notice the three titles; Main Menu, About and default which are listed in the first column of the Menu Manager interface. Since we want to link to our conference attendees page from the main menu, we must edit the "Main Menu" menu. Click the 'Edit Menu Item(s)' icon [[Image(mainmenu.png, nolink)]] in the row associated with the 'Main Menu', row number one.

16
17 [[Image(edit_main_menu.png, nolink)]]
18
19

When you click the 'Edit Menu Item(s)' button, the Menu Item Manager interface should appear.

20
21 [[Image(menu_item_manager.png, nolink)]]
22
23

Near the top right of the screen, click the "New" toolbar button [[Image(icon-32-new.png, nolink)]] to add a new menu item.

24
25

The new menu item interface should appear.

26
27 [[Image(new_menu_item.png, nolink)]]
28
29

Select Internal Link > Articles > Article Layout to insert an article. The next screen which appears will indicate we have selected "Article Layout" as the 'Menu Item Type'. Now we are ready to add details to our new menu item.

30
31 [[Image(conference_attendees_menu_item_details.png, nolink)]]
32
33

If you haven't already written the new article which the new menu item will link to, you must create it now. Please refer to AddingAnArticle for more information. Otherwise, if your article already exists, please continue.

34
35

The 'Parameters' window on the right side of the screen is used to specify many of the options associated with creating a new menu item.

36
37 [[Image(parameters_basic.png, nolink)]]
38
39

Click the 'Select' button and a new window will appear.

40
41 [[Image(select_article.png, nolink)]]
42
43

This is where you specify which article the new menu button will link to. In this case, I have an article titled "Conference Attendees" which was authored specifically for this demonstration. After selecting this article, the 'Parameters (Basic)' window will indicate the "Conference Attendees" article has been selected.

44
45 [[Image(article_selected.png, nolink)]]
46
47 Now click the save button [[Image(icon-32-save.png, nolink)]] on the toolbar.
48
49

The new menu item will be created and the Menu Item Manager will appear again, indicating Conference Attendees has been added to the menu at the bottom of the order.

50
51 [[Image(menu_item_saved.png, nolink)]]
52
53

Check now to ensure the horizontal menubar on your homepage has been updated. If you used this demonstration as a guide, your horizontal menubar should now look like this.

54
55 -
[[Image(horizontal_menu.png, nolink)]]
+
[[Image(horizontal_menu.png, nolink)]]
56 +
57 +
<p>Click the 'Conference Attendees' button on the menu to ensure the article appears.</p>
58 +
59 +
'''Congratulations, you have successfully added a new page.'''
60 +
61 +
= More Examples =
  • Copyright © 2022 Hubzero
  • Powered by Hubzero®