Error
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.
  • The most recent request was denied because it contained an invalid security token. Please refresh the page and try again.

Introductory: Learning Joomla! using Sample Data

All you need for this lesson is available in each Joomla! download

Written by Mark Dexter

Introductory: Learning Joomla! using Sample Data
Installation
Explore
First Change
Some Jargon Explained
Adding an Article
Registration and Login
More Cool Modules
Conclusion
Show All

User Registration and Login

With Joomla!, we can add advanced functionality to our site very easily, because the programming is already done for us. A common requirement for many sites is to allow users to register and login to the site. Perhaps there are areas of the site that will be available only to logged in users. Perhaps we want some users to be able to add or edit articles or other content.

The sample website provides a great example of how to add this feature to our website. In the front end, navigate to the home page and notice the login form on the left side, below the menus, as shown below:

This little form has a great deal of functionality built into it. The "Remember Me" box allows a user to be logged in automatically on future visits to the site. The "Forgot your password" and "Forgot your username" links will send a user their username or password via e-mail (not that any of us would forget a password!). The "Create an account" allows a user to self-register, with the ability to validate the account via e-mail. That's a lot of functionality in a little space!

What did the Joomla! web designer have to do to add this functionality to the site? Let's go to the back end and find out. As we discussed earlier, the small items around the content area are normally modules, so let's navigate to Extensions / Module Manager. We'll use the "Select Type" filter to select the "mod_login" type, as shown below:

This will display the Login Form, as shown below:

Click on the "Login Form" module name to open the module for editing. This will display the Module: [Edit] screen, as shown below:

As with the menu module we saw earlier, in this form we tell Joomla! where on the page to show the login module (the "left" position) and on which pages or menu items (only the Home menu item). If you compare this screen with the Module: [Edit] screen we saw earlier, you will see that the left-hand side ("Details" and "Menu Assignment" sections) is the same and that the right-hand side ("Parameters" section) is different. Every module has to be put in a position on the page and assigned to menu items. Beyond that, each module has different parameters that allow you to fine-tune it's behavior. If you like, take a minute to look at the Module Parameters for the "mod_login" module. If you hover the mouse on a field, a pop-up help message displays, as shown below:

Often, this message is enough to tell you what to do. You can also press the Help icon in the toolbar to display a complete help screen in a separate browser window. So, this module is added to the site just by filling out this simple screen. Doing this adds sophisticated user login functionality to the site.

Next, let's go back to the front end and see how this works. Navigate to the home page and login with the username "admin" and your admin password. You are taken back to the home page, but with some differences. First, notice the new icon next to each article, as shown below:

The edit icon to the left of the title allows you to edit the article from the front end. Let's look at it. Click on the edit icon and the screen below shows:

This opens the article for editing. This is a very important feature of Joomla! and CMS software in general. Authorized users can add and change the content of the website just by navigating to the site and logging in, and without having to access the back end.

The other change to the page is a new User Menu, as shown below:

This menu gives you some important options. Navigate to the "Your Details" page. Here you can change information about your account, such you name, e-mail, and password. Notice also that you can select a back-end and front-end language. Joomla! comes in many different languages, and different users can even use different languages.

Next, navigate to the "Submit an Article" link. Here an authorized user can add an article to the website. The "Submit a Web Link" allows an authorized user to add a web link to the site.

Now let's look at how this is accomplished in the back end. We already saw that the login was added using the "mod_login" module. What about the User Menu? In the back end, navigate to Menus / User Menu to display the screen below:

Notice that the Access Level for the menu items is either "Registered" or "Special". This is why you cannot see this menu unless you are logged in to the site. In this case, only users who are registered on the site can use the "Your Details" or "Logout" menu items. "Special" is a higher access that in this case allows users to navigate to the "Submit and Article" and "Submit a Web Link" pages. This security is built into Joomla!. All we have to do to use it is pick an Access Level for each menu item. There are many other places in Joomla! where you can set access levels, for example to restrict access to articles or links.

In the "Type" column, notice that a special layout is being used for each of these menu items. Again, Joomla! comes with built-in layouts to support each of these tasks, and the sample website shows us how to use them.


86 Votes

30 Comments

Feed
  1. Cudos to all 3pds and their great work for making Joomla the most flexible and outstanding web front end ever!
  2. Thanks Sam for writing the blog. I second with you, that the 3rd party developers needs a raise for their hard work and their contributions. Without them, Joomla! wouldn't be what it is today.

    I also want to mention that we have had a remarkable development in JED. We started with 334 extension in March 2006. For one year ago we had reached 2299 extensions and yesterday we passed for the first time 4000 extensions.
  3. I, too, want to echo ssnobben and Lorenzo by thanking all of the third party developers for their terrific contributions and to all the JED editors who keep the JED so well organized.
  4. That sounds great. Which extension was the 4000th?
  5. Excellent work, however I wonder what the extra influx of extensions would be from duplicates where they have been updated from 1.0 series and released for 1.5?

    Take these away from the statistics and I would like to see the complete trend of genuinely new extensions to the directory. It would be more accurate.

    Regards,

    Joel
  6. 4000 reasons to go out and tell your friends that Joomla rocks.
  7. That is very good, but I wonder how much of this extensions are really extensions, and how much are module, and how much are plugins :)
  8. That's a hell of a lot of extensions.

    Nick
  9. How do you upload an image to a Joomla Template?
  10. How do i insert page breaks properly?
  11. Thank you for the tutorial. I was getting pretty lost until I found this. It was a great primer, and now I feel like I'm ready to explore Joomla! with greater confidence.
  12. How can I set up an online form, that can be submitted and emailed.?
  13. That is very good
    i want install a templete help me :\
  14. Joomla is "Content Building System" first and finally a "Content Management System" !!
  15. How can do I create a Scholarship online form for students to submit for scholarship?
  16. I'm trying to make a joomla website, but am struggling.8-)
  17. I need help how to install template.help needed pls
  18. This tutorial is extremely helpful. I have been studying the Joomla system and trying it for two weeks. This is best explanation of how it works that I have seen. Thanks!
  19. THis is by far the best tutorial I have found after searching around and I'm a real beginner when it comes to using Joomla!

    My only reservation is that I have followed the Quick Start Guide to the word... and it told me not to install the Sample site. Now I'm stuck in gaining the best experience form this tutorial!
  20. grazie!
  21. Thanks!:-)
  22. Hi there,

    How do I add a new position in the middle center of the page just below My First Article? Currenlty, the only spot there is "banner" and whatever I put there shows on every single other page. I downloaded JoomGallery and would like the gallery thumbnails to appear below My First Article and only appear on the homepage and no other pages. Please help!

    Thanks,!
  23. Great tutorial! Together with some other ebooks i think i will master joomla once and forever!
  24. Thanks for all sharing ..
    Your site is very useful for the beginning learner.
    but now, I have trouble in joomla. I have error code 212..and so on ... I so very poor mind for this :'(::\
  25. hi,,
    its a best solution and very easy to understand

    thanks,:-)
  26. Hi, thanks for this tut, it was just what I was looking for on the default data content management. I must say that Joomla is a bit overwhelming at first but it looks very powerful so I'm persevering because I think it will be a great tool to add the list - and the type of site requests I'm getting are leaning more to this type of application.

    Any recommendation on reading material for transferring data from Joomla 1.0 to Joomla 1.5 or one Joomla install to another.

    Thanks once again :-)
  27. Hi,

    In the Select Type filter i am getting only mod_mainmenu in the dropdown .. I am not getting anyother options as shown in the image .... Am i missing something here ????
  28. Hello Everyone! :-)

    I'm new to Joomla! (1.5.14) 8-)

    I'm reading many Joomla! literature before actually installing it to my pc and using Joomla! ;-)

    I hope "Learning Joomla! Using Sample Data" will help me ;-)
  29. error: doesn´t show box to select article in order to delete. HELP! php version?
  30. It is a very useful resource. It has made many many things clear. Thanks a lot Mark Dexter. Thanks to all Joomla members.

    Regards,
    Kambar Farooq
    A Beginner

Add Comment


    • >:o
    • :-[
    • :'(
    • :-(
    • :-D
    • :-*
    • :-)
    • :P
    • :\
    • 8-)
    • ;-)