A Web.com Partner

Creating a user menu in Joomla

This tutorial will show you the steps for creating a user menu in Joomla

If you installed the sample data when setting up Joomla, you should have such a menu already. This tutorial, then, will only be useful if you did not install the sample data, or if you’ve accidentally deleted the menu

1) Go to Menus…

frame03_189

2) …then click Menu Manager

3) Once there, click the New button

frame04_181

4) The Unique Name is what Joomla uses to identify this module within the code

frame06_176

5) Enter a Title

frame07_179

6) Type a Description

frame08_176

7) The Module Title is what will display on the front-end. If this field is left blank, the module will not be created and this menu will not show up

frame09_166

8) Click Save

frame10_163

9) Now, click this icon to add items to our new menu

frame11_161

The first item we create will allow users to edit their details, such as e-mail address and password

10) Click New

frame12_150

11) Click User

frame14_142

Scroll down

12) Click User Form Layout

frame15_138

Scroll down

13) Choose a Title

frame18_126

14) The Alias is an internal name that Joomla uses in the URL if SEF is enabled

frame19_130

Entering an alias is optional; and, if left blank, Joomla will create a default one by automatically converting the title to lowercase and replacing any spaces with a hyphen

However, you may manually enter an alias, if desired

15) This link is of no use to a guest, so turn the Access Level to Registered

frame21_131

Scroll back up

16) Click Save

frame22_121

17) Now, repeat those steps for the final three menu items as shown, starting by clicking the New link on this page

frame23_120

The next menu item we’ll be adding will be a link to Submit an Article

18) Click Articles

frame24_116

For this item, we will be using Article Submission Layout

frame25_118

19) Fill out the form as before

frame26_113

Scroll down

20) Registered users will not be able to use this page; only Authors and above can submit articles. So, this time, we’ll set the Access Level to Special

frame30_110

21) Scroll back up and save

frame31_110

Now, let’s let Special users add Web Links

22) Click Web Link Submission Layout

frame35_111

The last link will allow users to Log out

23) Click Default Login Layout

frame46_15

All four menu items have been set up

frame53_12

24) Now, let’s enable our menu’s display module. Go to Extensions…

frame54_12

25) …Module Manager

26) Enable the User Menu module

frame55_11

27) Then, click the down arrow until our User Menu is below the Main Menu

frame57_11

28) Now, change the Access Level to Registered

frame59_1

Now, let’s change one more setting

Scroll down

29) Open up the Advanced Parameters

frame61_11

30) Under Module Class Suffix, type _menu

frame62_12

Scroll back up

31) Click Save

frame63_1

Our menu is now complete! Let’s check it out on the frontend

frame65_1

Everything seems to be in order. The User Menu is ready to be used!

x
Chat