IntroductionWelcome| 00:04 | Hi! I am Jen Kramer. Welcome to Joomla!
1.7 Access Control Lists In Depth.
| | 00:11 | Access Control Lists are
often referred to as ACL.
| | 00:15 | Now that you've worked with Joomla!
for a while, and you've completed Joomla!
| | 00:18 | 1.6 and 1.7 Essential Training, you might
be ready to build a more complex website.
| | 00:24 | We'll configure ACL, so three groups
of users are delivered different content
| | 00:28 | for viewing on the front end of the website.
| | 00:30 | Next, we'll configure ACL, so that
someone can create and edit content within a
| | 00:35 | specific category from the
front end of the website.
| | 00:38 | We'll also create a simplified backend
for our client, so they see only the menu
| | 00:43 | items that they need.
| | 00:45 | Finally, I'll cover some handy
tips and tricks when working with ACL,
| | 00:49 | including, styling the offline access
page and working with ACL manager, a
| | 00:53 | third-party extension.
| | 00:55 | So if you're ready, let's
get started with Joomla!
| | 00:57 | 1.7, Access Control Lists In Depth.
| | Collapse this transcript |
| Using the exercise files | 00:00 | Exercise files are available to
Premium Subscribers of lynda.com.
| | 00:05 | Simply download the exercise files
to your computer and place them on the
| | 00:09 | desktop for easy access.
| | 00:11 | The exercise files are
organized by chapter number.
| | 00:15 | You'll notice that Chapter 0 is the
very starting point of the website that
| | 00:20 | we'll be building in
this particular video title.
| | 00:24 | Inside of 00_03, these two files the
acl_files and acl.sql will install the
| | 00:32 | starting point for the website
inside of your XAMPP or MAMP installation.
| | 00:37 | I'll show you how to install
these files in the next video.
| | 00:42 | For the other chapters on the website,
simply take a look inside of any of
| | 00:46 | the chapters and you'll notice that
there's always a starting point for each chapter.
| | 00:51 | These are jump in files that are
available for all of the chapters, in case
| | 00:56 | something goes wrong along the way while
you're building the website, or in case
| | 01:00 | you need to jump in a specific chapter.
| | 01:03 | Other exercise file chapters contain
additional files like pictures and text
| | 01:08 | that we'll be adding to the website.
| | 01:10 | Whenever an exercise file is
available for a video, you'll see a yellow
| | 01:15 | overlay at the bottom of the screen
that indicates the location and the name
| | 01:19 | of the exercise file.
| | 01:21 | Please note that the jump in files
will not be shown on the yellow overlays,
| | 01:26 | however, they are available for the
beginning of each of the chapters.
| | 01:30 | Working with the exercise files
can add great value to the training.
| | 01:34 | However, if you don't have access to
the exercise files, you can still follow
| | 01:39 | along with the videos, often using
your own files and have a fulfilling
| | 01:43 | learning experience.
| | Collapse this transcript |
| Restoring the chapter starting state exercises | 00:00 | To get started in our exploration of ACL,
I've provided you with a website that
| | 00:05 | need some ACL added to it.
| | 00:06 | We'll be working with SAMOCA, the San
Angelico Museum of Contemporary Art.
| | 00:12 | This is a fictitious museum
based in Ventura, California.
| | 00:15 | SAMOCA has several volunteers that need
some coordination, as well as many employees.
| | 00:22 | While the website currently works well
for the public, it needs to have some
| | 00:25 | additional information behind the
scenes for volunteers and employees.
| | 00:29 | The employees also need ways to update
the website, but only in limited areas.
| | 00:34 | We don't want any volunteer editing any
information on the site, except in the
| | 00:39 | volunteer area, and we certainly
don't want non-IT employees changing the
| | 00:44 | configuration of components,
modules, plug-ins or the templates.
| | 00:48 | So we'll explore ways to make all of
that happen with this Joomla! website.
| | 00:53 | In your exercise files for this
particular chapter, inside the exercise files
| | 00:59 | folder, inside of Chapter 0, inside of Chapter
00_03, you'll find a zip file and an SQL file.
| | 01:09 | I'll show you how to take these two files
and turn this into a working Joomla! website.
| | 01:15 | I'm working on Windows right
now and I'm working with XAMPP.
| | 01:20 | I showed you how to install XAMPP in Joomla!
| | 01:23 | 1.6 Essential Training.
| | 01:25 | If you're a Macintosh person, we'll be
working with MAMP, and I also showed you
| | 01:31 | how to install that in Joomla!
| | 01:32 | 1.6 Essential Training.
| | 01:34 | If you're working with XAMPP, please be
sure to make sure you're working with 1.7.3.
| | 01:41 | This is not the most recent version of XAMPP,
which was 1.7.7 at the time of this recording.
| | 01:47 | So make sure you find 1.7.3,
which will handle errors from Joomla!
| | 01:53 | a bit better than some of
the later versions of XAMPP.
| | 01:56 | Once you have your XAMPP or your MAMP
installed, you'll need to go to the htdocs folder.
| | 02:01 | So I'm going to go to My Computer to my
C Drive to my xampp folder, to htdocs.
| | 02:12 | If you're on a Macintosh, you'll need
to get to your htdocs folder, which is
| | 02:17 | inside of your MAMP application.
| | 02:18 | If there are any files that are present
here in the htdocs folder, all you need
| | 02:22 | to do is delete them.
| | 02:24 | If you have another Joomla!
| | 02:25 | website that's already in the htdocs
folder and is working for you, and you
| | 02:29 | don't want to get rid of that, you
can always make another folder inside of
| | 02:32 | htdocs and install this website inside of it.
| | 02:36 | You'll need to alter some URLs to
your website if you decide to do that.
| | 02:41 | What I'm going to do is copy over my acl_files.
| | 02:44 | I'm going to right-click on this
and pick Copy, and over here in htdocs
| | 02:49 | I'm going to Paste.
| | 02:52 | And then I'm going to Extract All and
it'll ask me where, and I'm going to
| | 02:58 | extract this directly into the htdocs folder.
| | 03:05 | When I click Extract it's going to go
through the process of extracting all of
| | 03:09 | the files from the zip.
| | 03:10 | Okay, so now that all of our files are unzipped.
| | 03:15 | We can delete the acl_files zip itself.
| | 03:18 | I'm going to right-click on that file
and I'm going to say Delete, and Yes, to
| | 03:23 | move it to the Recycle Bin.
| | 03:25 | So these are the files
that we need run our website.
| | 03:27 | Now I need to configure the database.
| | 03:30 | So to do that, inside of Firefox I'm
going to go to localhost/phpmyadmin.
| | 03:41 | If you're on a Mac, you may need to go
to localhost:8888/phpmyadmin or from the
| | 03:49 | MAMP introductory screen,
click on the link for phpMyAdmin.
| | 03:54 | Once you get here, we're
going to make a new database.
| | 03:57 | All we need to do is type in the
name of the database right here and I'm
| | 04:00 | going to call it Joomla!
| | 04:02 | and then hit the Create button.
| | 04:06 | So it'll inform you that it's
created the database called Joomla!
| | 04:09 | Now I'm going to import MySQL
file from my exercise files folder.
| | 04:16 | So I'm going to go do the Import tab and
I'm going to Browse for the location of
| | 04:21 | my text file, which is inside of the
exercise files in Chapter 0 in 00_03.
| | 04:26 | I'm going to pick acl.sql and say Open.
| | 04:32 | Leave everything set as it is in the
default, and say Go, and this will tell you
| | 04:37 | that it is, I've gone ahead and
imported the entire database into Joomla!
| | 04:40 | Now we have one final step.
| | 04:43 | Right now by default inside of our
htdocs folder our configuration file is set
| | 04:51 | up for where the site lived before,
and we just need to change some of the
| | 04:56 | information in it to make it
compatible with this new installation of Joomla!
| | 05:01 | here on our local copy of XAMPP.
| | 05:03 | The next thing we need to do is edit
the configuration.php file, which connects
| | 05:10 | all of the files on our Joomla!
| | 05:11 | website to the database.
| | 05:13 | We need to update this with the most
recent information that pertains to this
| | 05:17 | particular installation on our local machine.
| | 05:20 | You can edit configuration.php with any
kind of program that will edit a text file.
| | 05:26 | So Notepad or Notepad++ or Text
Editor, BBEdit or any of your favorite
| | 05:33 | particular programs will work just fine.
| | 05:35 | I'm going to use Dreamweaver
CS5, because it's installed.
| | 05:39 | So I'm going to go ahead and right-click
and say Edit with Adobe Dreamweaver CS5
| | 05:44 | and I'll wait for the program to start.
| | 05:46 | Now that I have this particular file
open, I need to make a few changes to the
| | 05:51 | way the configuration file is set up.
| | 05:53 | So first of all the public user, which
is line 13 of this file is set to root,
| | 06:00 | and that should be correct for
both XAMPP and MAMP installs.
| | 06:03 | This is your database username.
| | 06:06 | If you happen to be installing these
files on web host or something like that
| | 06:10 | you'll need to know the username and
change this line to the correct username
| | 06:14 | that you're working with.
| | 06:16 | For XAMPP users the password
should be left blank, exactly like this.
| | 06:21 | However, if you're working with MAMP
and you'll need to take the password and
| | 06:25 | fill this in, and the password
is root same, as the username.
| | 06:29 | The next line, line 15 here calls
for the name of the database, which is
| | 06:34 | configured right now to say acl.
| | 06:36 | We'll need to change that to Joomla!
| | 06:39 | which was the name of the database
that we created in phpMyAdmin just a
| | 06:43 | little bit earlier.
| | 06:49 | The other information in
this file should be okay.
| | 06:52 | Go ahead and go to File>Save and now
when you pull up your website, you should
| | 06:59 | be able to go to localhost for XAMPP
or localhost:8888 for Macintosh on the
| | 07:06 | MAMP, and hit Return and the
website should come up just like this.
| | 07:12 | To get to the backend of Joomla!
| | 07:14 | what you'll need to do is put a slash
followed by the word administrator, or
| | 07:20 | if you're on a Mac, it'll be localhost:
| | 07:22 | 8888/administrator, and you'll
come to the backend of the website.
| | 07:27 | If you happen to install your copy of Joomla!
| | 07:30 | in another folder inside of htdocs,
you'll need to alter the path accordingly.
| | 07:36 | So rather than localhost to get to the
front end of the website you'll need to
| | 07:40 | say localhost/your folder name, so like
localhost/acl, and to get to the backend
| | 07:47 | of the website, it will be localhost/acl
/administrator, and if you're on a Mac,
| | 07:53 | you'll need to add that
:8888 in many situations.
| | 07:56 | To log into the back of Joomla!
| | 07:58 | you'll need to enter the username and
password, which I've made very easy for you.
| | 08:02 | It's simply admin
followed by a password of admin.
| | 08:06 | Terrible for security, terrible for
security, but great and easy for us to work
| | 08:11 | with here while working on our Joomla! website.
| | 08:15 | Remember, if you wind up putting this
somewhere out on a web server in the real
| | 08:18 | world, go ahead and change that username
and password just as soon as you get it
| | 08:22 | out there to keep your site secure.
| | 08:24 | And once you log in, you should
see the Control panel of the website.
| | 08:29 | And now we're ready to get started
with Joomla! 1.7 ACL.
| | Collapse this transcript |
| Difference between Joomla! 1.7 and Joomla! 2.5| 00:00 | Almost nothing changed in ACL between
Joomla 1.7 and Joomla 2.5, but one very
| | 00:06 | notable thing did change.
| | 00:08 | So I'm looking at my
Samoca web site in Joomla 1.7.
| | 00:12 | And if you take a look here in the
Global Configuration under the Permission tab,
| | 00:15 | or anywhere else that you happen
to encounter the permissions screens
| | 00:19 | inside of Joomla, you'll notice that
one of the options here is the thing
| | 00:23 | called Access Component.
| | 00:24 | Access Component was always
kind of confusing wording.
| | 00:27 | What it meant was that you are able to
get into specific areas of the menu, so
| | 00:32 | remember that com content is a component.
| | 00:35 | So by allowing a user group to have
access to com content, that would indicate
| | 00:41 | that they were accessing the component.
| | 00:42 | And that's where the wording came from.
| | 00:44 | In Joomla 2.5, which I'm switching to
in another tab here to show you this,
| | 00:49 | the name of that item from axis
component has now become Axis Administration
| | 00:54 | Interface, which is a much more usable name.
| | 00:57 | And it means exactly the same thing.
| | 00:59 | There's no difference between
accessing the component and accessing the
| | 01:03 | administration interface.
| | 01:05 | They're the same thing.
| | 01:06 | They've just changed the
wording here in Joomla 2.5.
| | 01:09 | Other than this one minor difference,
there's no difference between ACL and
| | 01:13 | Joomla 1.7 and 2.5, so you should be
able to follow along with the videos in
| | 01:18 | this course just fine.
| | 01:21 | And if you do encounter any issues or
problems, please email me and let me
| | 01:25 | know what you've encountered that's
different, so that I can be sure to keep
| | 01:28 | this course up to date.
| | Collapse this transcript |
|
|
1. Understanding Access Control Lists (ACL)Introduction to ACL| 00:00 | Joomla! 1.6 introduced him very important
changes in the permission's realm, and now
| | 00:05 | these changes will be carried
into all future versions of Joomla!
| | 00:08 | Access Control Lists or ACL is one
of the major new features in Joomla!
| | 00:14 | If you're in a situation in which a
group of users or a single user needs to see
| | 00:19 | certain areas of the website but not
others, or if person A just need to edit
| | 00:24 | just this area of the website, but
person B needs to only edit that area, then
| | 00:28 | ACL may be helpful to you, just
because you can, doesn't mean you should.
| | 00:33 | This is the rule of law when it comes to
ACL, and you should always ask yourself
| | 00:38 | if ACL is truly needed.
| | 00:40 | If you're building a simple website,
you may not need to watch this video title
| | 00:44 | at all, because the
default ACL settings in Joomla!
| | 00:47 | are just fine for your website.
| | 00:49 | Be sure you watch Chapter 10,
ACL Essentials, in the Joomla!
| | 00:53 | 1.6 Essential Training available here
at lynda.com, before you watch, Joomla!
| | 00:58 | 1.7 Access Control Lists In Depth.
| | 01:02 | The ACL Essentials chapter in Joomla!
| | 01:04 | 1.6 Essential Training will give you
a sense of what Joomla's default ACL
| | 01:08 | settings can do for you,
which is actually quite a bit.
| | 01:12 | Indeed, for 90% of the
sites I've ever built, Joomla!
| | 01:15 | Default ACL had everything I
needed to get the site built.
| | 01:19 | However, you'll inevitably encounter a
site in which you need a bit more control
| | 01:24 | over who can see what, who can edit what,
and who can configure what on a given
| | 01:28 | website, that's where ACL comes in.
| | 01:31 | It's a very powerful system that will
allow you to do anything you want, which
| | 01:35 | also means that it can be confusing and
that there are many issues to consider
| | 01:39 | and test before implementing it.
| | 01:40 | There are four configurable
elements to making ACL work;
| | 01:45 | these include users, core
permissions, groups and access levels.
| | 01:51 | A user is already familiar to you and
these are the accounts we create for
| | 01:55 | individuals allowing them to login to
the front end or public facing side of
| | 01:59 | the website, as well as the backend or
administrator side of the website, users
| | 02:05 | are assigned to groups.
| | 02:06 | Core permissions describe what a user can do.
| | 02:09 | There are 10 core permissions in Joomla!
| | 02:11 | 1.7.The off-line access permission
is a new core permission in Joomla!
| | 02:15 | 1.7, while the other core
permissions were present in Joomla! 1.6.
| | 02:20 | These core permissions include create,
edit, edit your own, edit state, delete,
| | 02:28 | access component, site login,
admin login and super administrator.
| | 02:34 | Core permissions are
assigned to a group, not to a user.
| | 02:39 | A group is a group of users with
permissions in common, by default;
| | 02:43 | the groups in 1.6 include public,
registered, author, editor, publisher,
| | 02:50 | manager, administrator and super-user.
| | 02:54 | These groups have similar
permissions as they did in 1.5 by default.
| | 02:58 | However, you could change the
permissions if you wish or you can delete these
| | 03:03 | groups all together.
| | 03:04 | Groups may be assigned permissions
for editing the backend of the website.
| | 03:09 | Remember, if you wish to have one user
with specific permissions, you may need
| | 03:13 | to create a single person group for them.
| | 03:15 | An excess level controls what specific
groups are allowed to view on the front
| | 03:20 | end of the website, as well as the
backend of the website. In Joomla!
| | 03:23 | 1.5, access levels included public,
registered and special these are still
| | 03:29 | available in Joomla!
| | 03:30 | 1.6 and 1.7 and they are
still configured in the same way.
| | 03:35 | Public means that anyone can view the
content, registered means that registered
| | 03:40 | users and higher can view the content,
and special means that authors, editors,
| | 03:45 | publishers, managers, administrators
and super-users can view the content.
| | 03:49 | It's now possible to make a new access
level, controlling more finely who gets
| | 03:55 | to see which content.
| | 03:56 | I'll go through group's, core
permissions and access levels in detail in the
| | 04:01 | next few videos, and I can't say this
enough, just because you can, doesn't mean
| | 04:07 | you should, you do not have to use ACL
at all on your website, you can leave all
| | 04:13 | of these default settings alone, and for
the smaller websites, you won't need to
| | 04:17 | change a thing anyway.
| | Collapse this transcript |
| Defining users| 00:00 | You are already familiar with users in Joomla!
| | 00:03 | When you login to your Joomla!
| | 00:04 | website, you are logging in a some kind of user.
| | 00:07 | By default, Joomla!
| | 00:08 | create Super-User account when
you initially install Joomla!.
| | 00:12 | I have a tab open here showing me the
front end of the website, which is located
| | 00:16 | at localhost or on a Mac it will be
localhost:8888, if you're running MAMP.
| | 00:23 | I have another tab open here that
is the backend of my website or the
| | 00:26 | administrator site of the website, and
this is located at localhost slash (/)
| | 00:31 | administrator or localhost colon:
| | 00:34 | 8888/administrator and here we can go
ahead and log in to the website, so I'm
| | 00:40 | going to enter a username and
a password of admin and admin.
| | 00:45 | Be sure not to use that
on sites in the real world.
| | 00:48 | Go ahead and click the Log in button
and you'll be in backend of Joomla!
| | 00:51 | Of course, since we just longed in, we
are in fact a user and that is what we
| | 00:56 | are talking about in this particular video.
| | 00:58 | To get to the User Manager where you
can see all of the users who are part of
| | 01:02 | the website or make new users, you can
either go to it via the icon here on the
| | 01:07 | Control panel for the User Manager or
you can go to Users>User Manager, and that
| | 01:12 | will get you to the exactly the same place.
| | 01:14 | Now as you can see we have a single
login for this website and that's the one
| | 01:20 | that we're currently logged
in as, which is the super user.
| | 01:23 | What we see here in the User Manager
screen is a series of information, the
| | 01:27 | name of the person, their username,
whether they are enabled for the website
| | 01:32 | and activated has to do with, whether
they have confirmed their email address
| | 01:36 | for certain kinds of registration for the
website, which I'll cover in a later video.
| | 01:41 | It tells us which user groups the user
is assigned to, in this case just the
| | 01:45 | Super-User, the email address of the
account and when people were last visited,
| | 01:51 | and when they registered for the website.
| | 01:53 | So if I click on the Super-User I
get into an editing screen where I can
| | 01:57 | change that kind of information, the name,
the login name, the password, the email address.
| | 02:03 | Down towards the bottom of the screen
is where I assign users to user groups.
| | 02:08 | So right now this account admin is
assigned to only one user group, the
| | 02:12 | Super-User group, but we could have
somebody in more than one user group if we
| | 02:16 | wish, note that those are check boxes,
so one user may be assigned to many
| | 02:21 | different user groups.
| | 02:22 | On the right side of the screen there
are settings that you're probably already
| | 02:26 | familiar with, things like what time
zone is somebody in, what help site should
| | 02:31 | they use, the editor that they should
be using, the languages for the website.
| | 02:35 | One of the wonderful things in Joomla!
| | 02:36 | 1.6 and 1.7 is the ability to set a
backend template style on a user by user basis.
| | 02:43 | This would mean that you could be
working here inside of blue stork which is the
| | 02:47 | administrator template that comes with Joolma!
| | 02:49 | by default and it is configured by
default, but you can assign half the word for
| | 02:53 | example another administrator
template that comes with Joomla!
| | 02:56 | 1.7, two other users on your website.
| | 03:00 | You can also install third-party
administrator template from providers such as
| | 03:05 | AdminPraise or you can install
MissionControl, which comes from RocketTheme.
| | 03:10 | So this is a way a user screen looks
and the key thing that I have to point out
| | 03:14 | here in this particular screen is that
there's no place here in the User Manager
| | 03:18 | for me to assign permissions to the
administrator, I can only take a user and
| | 03:22 | assign them to a User Group.
| | 03:24 | Permissions are assigned to User
Group and all users need to belong to at
| | 03:29 | least one User Group.
| | 03:31 | So if I have a user that needs a
specific set of permissions, I need to create a
| | 03:36 | unique User Group for that particular user.
| | 03:39 | Go ahead hit the Close button to
return as the User Manager and now you are
| | 03:45 | up-to-date with everything there is to
know about making users for your Joomla!
| | 03:49 | website.
| | Collapse this transcript |
| Defining groups and using the default groups| 00:01 | A Group is an element in Joomla!
| | 00:02 | which may have core
permissions and users assigned to it.
| | 00:06 | A Group or User Group may
contain one user or many users.
| | 00:11 | All of the users within a User Group
have the same core permissions and the same
| | 00:14 | ability to access specific pages
on the site for viewing or editing.
| | 00:19 | So let's take a good look at that
User Groups that come with Joomla!
| | 00:23 | To you to the User Groups manager, go to
Users and Groups and this will show you
| | 00:30 | the User Group screen. Sometimes Joomla!
| | 00:32 | call this the User Groups in the
backend and sometimes it's here on the
| | 00:36 | drop-down menu, they call
it the Group's menu item.
| | 00:39 | So both of those words refer to exactly
the same thing, these are User Groups,
| | 00:43 | as you see here listed on the screen.
| | 00:45 | These are the default
groups that come with Joomla!
| | 00:48 | 1.7 and they're constructed
exactly as the groups were in Joomla!
| | 00:52 | 1.5, public, registered, author,
editor and publisher pertain to the front
| | 01:00 | end of the website.
| | 01:01 | While the manager, administrator and
super-user pertain to the backend of the website.
| | 01:07 | The public which is the parent of all
of these user groups may see anything on
| | 01:13 | the website on the front end, but they
may not login to the front end or the
| | 01:17 | backend of the website, or see any
information that requires any kind of
| | 01:21 | higher access level.
| | 01:23 | Registered users may log into the
front end of the website, but they may
| | 01:27 | not edit any articles.
| | 01:28 | The registered level is useful
for hiding some basic content for
| | 01:33 | selected visitors only.
| | 01:34 | Authors may create articles, but those
articles are not published automatically,
| | 01:40 | they may also edit their own work.
| | 01:42 | Editors may create articles and edit any
of the articles that are on the website.
| | 01:48 | However, still, they may not publish or
unpublish any articles on the website,
| | 01:52 | including their own.
| | 01:53 | Publishers may create articles edit
any other articles on the website and
| | 01:57 | approve articles for publication or
unpublished they may not log into the
| | 02:03 | backend of the website however.
| | 02:05 | Managers may log into the front end or
the backend of the website they may also
| | 02:10 | create edit or delete any content
and published and unpublished content.
| | 02:14 | Managers also have access to some of the
components in the backend of the website.
| | 02:19 | Administrators may do everything
that the managers do, plus they can make
| | 02:23 | changes to modules, component,
plug-ins, templates and languages.
| | 02:28 | Super-Users are just like administrators,
but they also get access to the global
| | 02:32 | configuration and they have otherwise
group level access they can see anything
| | 02:38 | and go anywhere on the backend of the website.
| | 02:41 | As I mentioned it's possible to
change these permissions for each group.
| | 02:44 | However, this is the way those
permissions are set by default.
| | 02:48 | How are those permissions changed, well,
that's a topic for the next several videos.
| | 02:53 | Also very, very important to note, you
do not have to use any of the default
| | 02:58 | groups ever, you can delete almost all
of these groups, I don't think you can
| | 03:02 | delete public or super-users, but all
of other groups here inside of Joomla!
| | 03:06 | you may delete them all if you wish,
you cannot delete any of the groups to
| | 03:10 | which you belong, so deleting super
users while you're a member won't work,
| | 03:15 | you'll have to move yourself out of
super users in order to get rid of it.
| | 03:18 | Also since super user is a child of
public, you can't delete the public either.
| | 03:22 | However, all of the other groups may
be deleted and you can replace them with
| | 03:27 | your own user-groups.
| | Collapse this transcript |
| Understanding core permissions| 00:00 | Configuring the core permissions
for your website starts with the
| | 00:03 | Global Configuration.
| | 00:05 | Global Configuration is accessed
either by the icon here on the Control panel
| | 00:10 | or you can go to Site>Global
Configuration and under the Permissions tab inside
| | 00:16 | of the Global Configuration you will find a
series of the user groups that make up this website.
| | 00:22 | Here they all are in the accordion panel.
| | 00:24 | By clicking on any of the names you
can see the permissions that are assigned
| | 00:28 | for all of the user groups here.
| | 00:31 | So I'm going to take a look at
the Public here to start with.
| | 00:34 | Let's take a look at what these ten core
permissions are that are listed here in the side.
| | 00:39 | The Site Login means that you can login
into the front end of the website while
| | 00:42 | the Admin Login indicates you can
log into the backend of the website.
| | 00:46 | Offline Access is the ability to log
into the site when its offline and you will
| | 00:50 | remember from Joomla!
| | 00:51 | 1.6 Essential Training that if you
go here in the Site tab in the Global
| | 00:56 | Configuration and change your site to
be set Offline by setting this to Yes,
| | 01:01 | this will give you just a login box
when you go to the homepage of the website
| | 01:05 | and it requires a login in order for you to
view the rest of the website. Prior to Joomla!
| | 01:11 | 1.7 only super administrators were able to
login to the website when the site was offline.
| | 01:18 | Now you can specify exactly which user
groups you wish to be able to log into
| | 01:22 | the website using the Site Offline permission.
| | 01:25 | The Super Admin permission gives
you all of the administrative and root
| | 01:28 | permissions pertaining to the website.
| | 01:30 | Accessing the Component is a
little bit confusing and misleading.
| | 01:34 | Most people think immediately that the
Access Component permission has to do
| | 01:38 | with, of course, what's on the Components
menu, which of these components can I access.
| | 01:43 | But the way Joomla!
| | 01:43 | is built remember that these are not the
only components that make up your website.
| | 01:48 | Content itself is a component and all
of the items here in the backend that
| | 01:53 | drive the various aspects of Joomla!
| | 01:56 | and its configuration, these
are all components as well.
| | 01:59 | The User Manager is a component;
| | 02:00 | the menu Manager is a component, and so forth.
| | 02:03 | So Accessing a Component, all that
means is does that particular item show up
| | 02:08 | here in your menu structure at the top
of the website and if it does once you
| | 02:13 | actually can get into that particular
menu item, then the other permissions
| | 02:18 | underneath of that such as Create,
Delete, Edit, that has to do with what you
| | 02:22 | can do exactly once you actually get
into one of those items on the menu.
| | 02:27 | Create of course means you can create something.
| | 02:29 | And remember something is broad
that could be an article or a category.
| | 02:32 | Those are the ones that come
immediately to mind, but it might also be
| | 02:35 | installing a template or uploading pictures
to the Media Manager or other things like that.
| | 02:41 | Delete indicates that you're
actually getting rid of content altogether.
| | 02:45 | Not just dragging it to the
trash, but emptying the Trashcan.
| | 02:49 | That is what Delete means.
| | 02:50 | Edit indicates that you can edit any of
the content on the website regardless of
| | 02:54 | who the author is versus Edit Own.
| | 02:57 | I am skipping Edit State.
| | 02:58 | Edit Own means that you can edit only
your own content, not anybody else's content.
| | 03:04 | And Edit State in Joomla!
| | 03:05 | 1.6 and 1.7 indicates that you can
change the state of a piece of content.
| | 03:11 | Remember that could be again, categories,
articles, menu items, modules, and so
| | 03:15 | forth whether they're published,
unpublished, or trashed and the trashed
| | 03:20 | indicates that it's essentially been
dragged to the Trashcan, but the Trashcan
| | 03:24 | has not yet been emptied.
| | 03:25 | In the other column we have a series of
these items in terms of what each core
| | 03:31 | permission is set to a specific value.
| | 03:33 | And here under Public we have three
settings Not Set, Allowed, and Denied.
| | 03:39 | Public is special, because this is the
root user group for all of the other user
| | 03:43 | groups, the parent for all of them.
| | 03:44 | So in this particular case Allowed
indicates that you're allowed to do something
| | 03:50 | or Denied indicates you're
not allowed to do something.
| | 03:52 | Those two are pretty obvious.
| | 03:54 | Not Set indicates that it
simply hasn't been set yet.
| | 03:57 | We're starting off with
nothing set in the backend of Joomla!
| | 04:01 | and by default what that
means is you can't do something.
| | 04:05 | So all you have to do is take a look
here at the Public to make that connection.
| | 04:09 | We don't want the Public doing
anything except for viewing our website.
| | 04:12 | We don't want them logging in, we
don't want them adding content or
| | 04:14 | anything like that.
| | 04:15 | So by default, all of these are set to Not Set.
| | 04:20 | If we set them all to Deny, that would
actually be a very bad thing, because
| | 04:24 | there is a big difference
between Not Set and Deny.
| | 04:28 | Not Set means that the setting can
be overridden somewhere along the way.
| | 04:34 | So remember that all of these user
groups underneath are going to inherit their
| | 04:38 | permissions from the Public.
| | 04:40 | If we set everything to Deny then no
one on this website anywhere would ever be
| | 04:44 | allowed to do anything.
| | 04:46 | So by leaving it to Not Set all of the
groups underneath inherit the Not Set as
| | 04:51 | is what sometimes has been referred
to as a soft deny meaning that you are
| | 04:56 | allowed to do something, but it can't
be overridden by Allow or it can't be
| | 04:59 | overridden by a very hard Deny.
| | 05:02 | In other words, that they are
specifically not allowed to do something.
| | 05:06 | This is a complicated concept.
| | 05:07 | So if you don't understand what I just
said you will see this in action as we go
| | 05:12 | through the examples in later chapters.
| | 05:14 | So the other point I want to make on
this particular screen is remember that
| | 05:19 | Public is the parent of all of the user
groups that are underneath here and all
| | 05:23 | of the other user groups inherit
their permissions from the Public.
| | 05:26 | So if I look at Registered users for
example, we'll see that they've inherent
| | 05:31 | in their state which was not set from
Public and see here on this side that
| | 05:36 | this is not Allowed.
| | 05:37 | They're not allowed to login to the
backend of the website or create content,
| | 05:41 | but we have specifically allowed them
to login to the front end of a website.
| | 05:46 | Then if we go to the Authors you'll see
that they inherit the ability to login
| | 05:51 | to the front end of the website from
another parent of theirs the Registered
| | 05:55 | users, but in this particular setting
we've allowed them to also create and
| | 06:00 | edit their own content.
| | 06:02 | This process continues along here in the
front end until we get to the Publisher
| | 06:06 | who is allowed to log into the front
end of the website, create content, edit
| | 06:10 | their own content, edit the state of
content, and certainly edit their own.
| | 06:14 | If we take a look at some of the
backend users like the Manager, once again
| | 06:20 | this may not be configuring exactly
the way you expect, because we had to
| | 06:24 | specifically allow the Manager to log
into the front end of the website and
| | 06:28 | create their own content and edit their own
content, edit state, and edit their own content.
| | 06:33 | And you maybe wondering why?
| | 06:35 | Because you always think of Manager or
at least I've always thought as manager
| | 06:39 | as something that comes after Publisher.
| | 06:41 | But notice here that the Manager is
a child of Public so the Manager is
| | 06:45 | inheriting all of the public settings.
| | 06:48 | So here we have to explicitly set
everything to Allowed except for the things we
| | 06:53 | don't want the Manager to do such as
have the Super Admin privileges and the
| | 06:57 | ability to access pretty
much anything on the website.
| | 07:02 | When you get to the Super Users you'll
see that they've inherited everything
| | 07:05 | again from above, but everything is
overridden because they have the Super Admin
| | 07:10 | permission, and because they've the
Super Admin permission they can essentially
| | 07:13 | do anything on the website.
| | 07:15 | Now that you have an overview of how
these core permissions work and you
| | 07:19 | understand a bit about user groups and
users, we have one more aspect of the ACL
| | 07:24 | system we have to take a look
at and that is our Access Levels.
| | Collapse this transcript |
| Defining access levels and their role| 00:00 | An Access Level is what controls which
specific user groups are allowed to view
| | 00:05 | which content on the front end and
the backend of the website. In Joomla!
| | 00:10 | 1.5 these groups were called
Public, Registered, and Special.
| | 00:15 | So let's take a look at what
Access Levels we have in Joomla! 1.7.
| | 00:18 | You can get the Access Levels via the
menu here going to Users>Access Levels.
| | 00:25 | Just as we had in Joomla!
| | 00:26 | 1.5, we have the same Public,
Registered, and Special Access Levels.
| | 00:30 | Public means that anyone can view the content.
| | 00:33 | Registered means that registered
users and higher can view the content.
| | 00:37 | In other words, people
with a front-end site login.
| | 00:41 | And Special indicates that authors,
editors, publishers, managers,
| | 00:45 | administrators, and super
administrators can view content.
| | 00:49 | Historically, this has been all we ever needed.
| | 00:52 | These three particular Access Levels.
| | 00:54 | But now that we are going forward
what we need to think about is which user
| | 00:59 | groups are going to need to see which
pieces of content and we may need to
| | 01:03 | create additional Access Levels in
order for that control to take place so that
| | 01:09 | they can see the appropriate
content on the front end of the website.
| | 01:12 | The next chapter is going to
cover this in great detail.
| | 01:15 | The key thing to remember about Access
Levels is that permissions are not inherited.
| | 01:20 | So if I make a piece of content that's
available to the publisher user group
| | 01:23 | only through an Access Level and I am
logged in as a super administrator who is
| | 01:28 | also not part of the publisher group,
I cannot see the piece of content.
| | 01:33 | That is exactly great.
| | 01:35 | Even though I'm a super administrator,
I may not be able to see all of the
| | 01:39 | content on the front end of the website if
I'm not part of every single Access Level.
| | 01:45 | This means that you need to be very, very
clear about which groups can see which content.
| | 01:50 | Remember that Access Levels
apply to viewing the content only.
| | 01:53 | It has nothing to do with
editing content or creating content.
| | 01:57 | Access Levels are used on the both the
front end and the backend of the website.
| | 02:02 | Remember as we take a look
at the backend of Joomla!
| | 02:04 | here, we forget that this is a
template and a website exactly the same as the
| | 02:09 | front end of our website.
| | 02:10 | So the menu bar at the top of the page
for example is a module, the same when
| | 02:15 | menus are on the front end of the website.
| | 02:17 | We will be going through Access
Levels in much more detail in the next
| | 02:21 | chapter where we will control which
groups of users can see which content on
| | 02:26 | the front end of the website.
| | Collapse this transcript |
|
|
2. Allowing Different Users to Read Different Front-End ContentThe goal of this project| 00:00 | Now that we have an idea of the four
elements of ACL let's take a look in more
| | 00:04 | detail about how they work
together to make permissions work.
| | 00:07 | In our first example we have four groups
of people who need to access the website.
| | 00:12 | The first group is the public.
| | 00:14 | The public needs to see
what's on the website right now.
| | 00:17 | However, the other three groups of
people need some additional information.
| | 00:21 | Volunteers need to get information about
scheduling, special volunteer discounts
| | 00:25 | to the museum shop, and
volunteer only events and announcements.
| | 00:28 | Volunteers should not see
employee or senior manager information.
| | 00:33 | Employees should be able to see a
second tier of information, which the
| | 00:36 | volunteers cannot see.
| | 00:38 | This includes much of the human
resources information for the museum.
| | 00:42 | Employees should not be able to see
the volunteer information or the senior
| | 00:45 | management information.
| | 00:47 | Senior managers, however, should be
able to see all of the information for the
| | 00:51 | volunteers and the employees as
well as their own information.
| | 00:56 | Knowing that this is the plan for how
all these user groups will access the
| | 00:59 | information for the website
we can develop an approach.
| | 01:02 | An approach will be as follows.
| | 01:05 | First create a senior manager group, an
employee group, and a volunteer group.
| | 01:10 | Assign appropriate core
permissions to each one of these groups.
| | 01:15 | Create a senior manager user and
employee user and a volunteer user and
| | 01:20 | assign them to groups.
| | 01:22 | Create a volunteer access level, an
employee access level, and a senior
| | 01:26 | management access level and
assign groups to those levels.
| | 01:30 | Create categories and articles
which are readable by each group.
| | 01:34 | Create a user menu which will hold
the links to group specific content.
| | 01:39 | Assign access levels to the menu
module to display the user menu.
| | 01:44 | Configure the login screen
for a better user experience.
| | 01:48 | Login with each of our user
logins and test to make sure our ACL
| | 01:52 | configuration works correctly.
| | 01:54 | I will also be giving you a few
styling tips for making the screens for each
| | 01:59 | group of users look just a bit different.
| | 02:01 | So let's get started on this project.
| | Collapse this transcript |
| Creating new groups| 00:01 | A group, also called a user group, is a
group of users with permissions in common.
| | 00:05 | By default there are
eight user groups in Joomla!
| | 00:08 | and they have permissions assigned to
each group as described in a previous video.
| | 00:12 | We could use existing groups for ACL
work in the project that we are about to
| | 00:17 | work on or we could make new groups.
| | 00:19 | Personally, I prefer to make new groups,
because then I have control over what
| | 00:23 | each group does in fine detail.
| | 00:26 | I also don't have to worry about
which user group is inheriting which
| | 00:29 | permissions from where.
| | 00:31 | All of the user groups in the
video will be children of public.
| | 00:35 | As the Zen of Python says flat is
better than nested and that I firmly believe
| | 00:40 | when it comes to ACL to make
this process as simple as possible.
| | 00:44 | Before we start clicking around here in
the backend we should first think about
| | 00:48 | what kind of permissions someone
will need to do the tasks that they are
| | 00:51 | assigned within the context of the
ten core permissions which were also
| | 00:55 | described in a previous video.
| | 00:57 | Will a given user group need to
create and edit content within a certain
| | 01:01 | category or all of the categories or
are they limited to a specific article?
| | 01:05 | Do they need to be able to login to the
front end or the backend of the website?
| | 01:10 | What additional task might they have to perform?
| | 01:12 | Once you have a list of tasks for your
user group you're ready to create it.
| | 01:16 | We will create three user groups a
volunteer group, an employee group, and a
| | 01:21 | senior manager group.
| | 01:22 | Each group will need to be able to see
different information on the front end of the website.
| | 01:27 | Anytime we talk about seeing think about
reading and then think about Access Levels.
| | 01:33 | In order to see different information each
group must be identified through a login.
| | 01:39 | So let's go ahead and create
this three groups to get started.
| | 01:42 | From the back end here what we're going
to do is we're going to go to Users to
| | 01:46 | Groups and click on Add New Group.
| | 01:50 | Adding a new user group is
incredibly simple in Joomla!.
| | 01:53 | Only two pieces of information are required,
the title for the group and its parent.
| | 01:58 | So I'm going to go ahead
and create my volunteer group.
| | 02:01 | Now you could simply call this volunteers.
| | 02:05 | I prefer to tack on the word group to
the end of all of my user groups so then
| | 02:10 | I'm always clear exactly
what I'm looking at where.
| | 02:14 | So this will be the volunteer group.
| | 02:15 | Then I'm going to go ahead and hit
this fabulously Save & New button, which I
| | 02:19 | absolutely love in Joomla! 1.6 and 1.7.
| | 02:23 | Make my second group which is the
Employee Group and hit Save & New one more
| | 02:28 | time and I'll make the Senior Manager
group and I'm abbreviating senior by Sr.
| | 02:36 | and now we can hit Save and Close.
| | 02:41 | We're returned to the User Group
Manager and as you can see here we now have
| | 02:46 | three additional groups.
| | 02:47 | They're down here at the bottom of the screen.
| | 02:49 | The Employee Group is at the top.
| | 02:51 | That's because Joomla!
| | 02:52 | is listing all of these groups in
alphabetical order as they come off of public.
| | 02:57 | So they're not grouped together in
one area at the bottom of the hierarchy.
| | 03:02 | If you wanted to group all of your
groups together say at the top of the
| | 03:05 | hierarchy, you should take advantage of the
alphabetization in order to make that happen.
| | 03:11 | So for example if I want to move the
Senior Manager Group and the Volunteer
| | 03:14 | Group up to the top right under the
Employee Group, I could add a character
| | 03:18 | perhaps to the front of all three
group names that would alphabetize those
| | 03:23 | together in my user group manager here.
| | 03:26 | Since all of our new user groups are
children of public, they all inherit
| | 03:29 | the public permissions.
| | 03:30 | We will take a look more closely at
those permissions in the next video.
| | 03:34 | What makes the employee group, the
volunteer group, and the senior manager
| | 03:38 | group unique right now?
| | 03:40 | Absolutely nothing!
| | 03:42 | There are no users in the groups and
the groups can't do anything since they
| | 03:46 | inherit the public
stability to, well, do nothing.
| | 03:51 | So the next thing we need to do
is assign these groups some of the
| | 03:54 | core permissions.
| | Collapse this transcript |
| Assigning core permissions to groups| 00:00 | Now that the user groups exist as the
volunteer user group, the employee user
| | 00:05 | group, and the senior manager user group,
we'll now need to assign each of those
| | 00:09 | groups some permission.
| | 00:11 | All of those groups are children of public
which means that right now they can't do anything.
| | 00:16 | So let's take a look at their
configuration in the Global Configuration screen.
| | 00:20 | I click on the icon here and in Joomla!
| | 00:24 | 1.7 the Global Configuration remembers
which tab you're on last and even which
| | 00:31 | particular accordion panel you have open.
| | 00:33 | So if you come into the Global
Configuration and you arrive say on the site
| | 00:37 | screen, all you need to do is click on
the Permissions screen to join me in the
| | 00:42 | same screen and you may have a
different user groups open here in the panels.
| | 00:46 | Let's take a look at the Employee Group,
because it's at the top end of the screen here.
| | 00:51 | Right now all ten core
permissions are set to Inherited.
| | 00:58 | That's because the employee group is
inheriting all of its permissions from
| | 01:01 | the public group and if we take a look
at the public group all ten permissions
| | 01:05 | are set to Not Set.
| | 01:07 | That's because the public isn't
allow to do anything, but they aren't
| | 01:10 | specifically denied from doing anything.
| | 01:13 | Remember that each dropdown has three
states, Not Set, Allowed, and Denied.
| | 01:19 | Because nothing is set in the public group
all of its children inherit that setting.
| | 01:24 | We can than change the permissions in
the other groups to allowed, which will
| | 01:27 | allow them to do other things on the website.
| | 01:31 | The employee group like the volunteer
group and the senior manager group are all
| | 01:35 | children of public so they
inherent what the public can do.
| | 01:38 | Absolutely nothing!
| | 01:39 | Looking at the employee group you can
see that it inherits its permissions and
| | 01:43 | they're all calculated right now as Not Allowed.
| | 01:47 | We need the volunteers, the employees,
and the senior managers to be able to
| | 01:50 | login to the front end of the website
to be able to see their special content.
| | 01:54 | They won't be doing any
editing or creating of content.
| | 01:57 | So we only need to assign them a
login permission, but which one?
| | 02:02 | The Site Login allows them to log
in on the front end only which should
| | 02:05 | be perfect for them.
| | 02:07 | So I'm going to set the Site Login now
to Allowed and then I'm going to hit the
| | 02:14 | Save button up here on the top of the page.
| | 02:16 | This will save the changes, but
keep me in the screen for editing.
| | 02:19 | Once you click the Save button the new
calculated setting will show up here on
| | 02:24 | the right side of the screen.
| | 02:27 | Now that the Employee Group is done
I'm going to repeat the process for the
| | 02:30 | senior manager group and for the volunteers.
| | 02:34 | So I'm going to go to the Senior
Manager Group and I'm going to set the Site
| | 02:38 | Login permission to Allowed and I can
change my Volunteer Group at the same time
| | 02:44 | without hitting save first, but if you
feel more comfortable hitting save so
| | 02:47 | that you can see that the calculated
setting is exactly what you want, feel free
| | 02:51 | to go ahead and do so.
| | 02:54 | So I'm going to go to now to the
Volunteer Group and I'm going to change the
| | 02:57 | Site Login to Allowed as well and now I'll
hit the Save button at the top of my screen.
| | 03:04 | When I go back through my user
groups I should see that the Site Login
| | 03:08 | permission is allowed for the
Volunteer Group and it's allowed for the Senior
| | 03:11 | Manager Group and it's
allowed for the Employee Group.
| | Collapse this transcript |
| Creating users and assigning them to groups| 00:00 | Now that we have our user groups created,
and we've set them up with the right
| | 00:04 | core permissions, it's time to set
up some users to go into those groups.
| | 00:09 | You saw how new users were created in Joomla!
| | 00:11 | 1.6 Essential Training.
| | 00:12 | It works exactly the same way here.
| | 00:14 | So, to get to our User Manager, we can
either click on the User Manager button
| | 00:19 | here, or go to Users>User Manager.
| | 00:22 | Right now on our website, we have a
single user, that's us; the Super User.
| | 00:26 | So I'm going to create some new users
by going to the New button on the top of
| | 00:30 | the screen, and I'm going to create
three generic logins for the website.
| | 00:35 | The question you might be thinking
about right now is, at this particular
| | 00:40 | institution, The San Angelino Museum of
Contemporary Art, is it better to make
| | 00:46 | individual logins for each volunteer,
individual logins for each employee, and
| | 00:50 | individual logins for each
Senior Manager? It depends;
| | 00:54 | it always is the particular answer.
| | 00:56 | We need to consider how many people we
have working at the institution and how
| | 01:01 | tragic or hurtful it might be to the
company if somebody was to leave the
| | 01:06 | institution, and still
somehow have access to the website.
| | 01:10 | That gets balanced against
sharing a single login for everybody.
| | 01:15 | So let's take each group individually.
| | 01:17 | For the senior managers, it makes sense
to make individual logins for each one
| | 01:21 | of the senior managers.
| | 01:23 | They are in fact senior.
| | 01:25 | So it's likely that they'll have
access to other parts of this website that
| | 01:28 | could be quite critical.
| | 01:30 | For example, they might have some
advanced editing privileges later on, that
| | 01:34 | goes beyond the scope of
this particular example.
| | 01:37 | For our employees, it probably makes
sense to have individual logins for well,
| | 01:40 | and for all the same reasons.
| | 01:42 | For the volunteers however, because
they're volunteers at the museum, they have
| | 01:47 | a login to the front-end of the
website to tell them about certain volunteer
| | 01:51 | events and so forth.
| | 01:52 | The login for the volunteers
maybe more a matter of convenience.
| | 01:57 | This way, the museum doesn't have to
email or mail information to all of the
| | 02:03 | volunteers that work at the museum.
| | 02:05 | They can simply send them to the
website with a login, and they can get in and
| | 02:09 | then see some of the information.
| | 02:10 | It's probably not tragic if somebody
else logged into the website who wasn't a
| | 02:15 | volunteer and happened to see these screens.
| | 02:17 | More than anything, they've put the
volunteer information behind the login just
| | 02:21 | to keep the public out and keep them
from being confused about special things
| | 02:24 | that volunteers get to do.
| | 02:26 | So what I'm going to recommend for this
particular website is the volunteers all
| | 02:30 | share the same login.
| | 02:31 | That way, there's one simple username
and password that all the volunteers
| | 02:35 | share, and they can all login, and when
anybody forgets what the login is, they
| | 02:39 | can talk to their neighbor, and
find out what the latest password is.
| | 02:43 | But for the employees and the senior
managers, I would recommend individual
| | 02:46 | logins for all of them, and there's
certainly nothing wrong with creating
| | 02:49 | individual logins for the volunteers as well.
| | 02:51 | I just think it's going to be extra
work, and it's likely that many of the
| | 02:55 | volunteers are going to forget their
username and password and that'll create
| | 02:58 | extra layers of complexity.
| | 03:00 | However, for the purposes of this lynda.com
video, what I'm going to do is just
| | 03:05 | create three test logins, and the three
test logins that we're going to use as
| | 03:10 | templates for setting up all of the
settings that would go with a typical user
| | 03:15 | belonging to each one of
those particular situations.
| | 03:18 | We can use that example then to set up
additional people who have the same kinds
| | 03:24 | of permissions later.
| | 03:25 | Now, having said all of that, let's
go ahead and start creating some users.
| | 03:29 | So I'm going to create a user called Volunteer.
| | 03:31 | Their name will be Volunteer, and
their login name will just be vol, and
| | 03:37 | their password is vol.
| | 03:39 | You can see how secure we're being, and
vol again for confirming the password,
| | 03:44 | and the email will be volunteer@samoca.org.
| | 03:50 | Down at the bottom of the screen, we
can see all of the assigned user groups
| | 03:53 | for this particular user that we're
creating and what we're going to do is
| | 03:57 | we're going to put our user in of course in
the Volunteer Group down here at the bottom.
| | 04:03 | By default, all new users for a website
are assigned a registered user group and
| | 04:09 | you can either leave that
on or you can turn it off.
| | 04:11 | I'm going to turn it off for
the purposes of this course.
| | 04:15 | We're just going to have this particular
volunteer assigned the Volunteer Group.
| | 04:19 | However, people can be
assigned more than one user group.
| | 04:24 | If you wish, you can configure any of
the settings here on the right side of the
| | 04:27 | screen, but I'm going to
leave them alone for now.
| | 04:30 | I'm going to go ahead and hit the Save
& New button at the top of the screen.
| | 04:35 | You'll see an error appear on the top here.
| | 04:37 | I think this is unique to Windows.
| | 04:39 | What's happening right now is XAMPP
is trying to send an email to that
| | 04:42 | particular email address to notify
that user about their username and
| | 04:46 | password for the website, and XAMPP
is not really configured to send email,
| | 04:50 | so an error is generated.
| | 04:52 | I believe MAMP might actually work, and you
won't see that error on the top of the screen.
| | 04:56 | But that's what the error is and if
you're working locally, don't worry about it.
| | 05:01 | Once you get your website out on a real
web host, out on the Internet, you won't
| | 05:05 | see that error anymore. All right!
| | 05:07 | So the next one I'm going to create
here is Employee, that's their name, their
| | 05:13 | login name is employee, and their
password is employee, and the email is
| | 05:21 | employee@samoca.org.
| | 05:25 | Down here for the User Groups, once
again, we'll turn off the Registered User
| | 05:29 | Group, and that will assign the Employee Group.
| | 05:33 | Then at the top of the screen,
we'll hit Save & New one more time.
| | 05:36 | We'll see the same error about the
email and we'll make a senior manager;
| | 05:42 | Senior Manager, and the login name
will be Senior and the password will be
| | 05:48 | senior and confirm the password as
senior, and the email is senior@samoca.org.
| | 05:59 | Once again down here on the bottom,
they will not belong to the Registered
| | 06:02 | Group, they'll belong to
the Senior Manager Group.
| | 06:05 | So once you have those three users set
up, go ahead and hit Save & Close, and
| | 06:11 | you should be returned to the User Manager
and confirm that everything is set up correctly.
| | 06:16 | So I have Employee in the Employee
Group, I have Senior Manager in the Senior
| | 06:21 | Manager group, Super User is in the
Super User Group, and I spelled volunteer
| | 06:26 | wrong, so let me click on that and fix that;
| | 06:33 | and Volunteer is in the Volunteer Group.
| | 06:36 | So you can see that, that is all set up
correctly, and we're ready to move on to
| | 06:41 | the next step which will
be creating access levels.
| | Collapse this transcript |
| Creating access levels and assigning groups to them| 00:00 | Now that we have User Groups, Core
Permissions, and Users created, the last
| | 00:05 | element to create are the Access Levels.
| | 00:08 | Remember what our goal was from
the beginning in the exercise.
| | 00:12 | The volunteers see volunteer
information, the employees see employee
| | 00:17 | information, and the senior managers see
volunteer and employee information, and
| | 00:22 | their own information.
| | 00:24 | This means that we're going to have
to set up our access levels as follows.
| | 00:28 | The volunteer user group and the
senior manager group will both need to be
| | 00:33 | assigned the volunteer access level.
| | 00:35 | This will allow anyone assigned the
volunteer user group, or the senior manager
| | 00:39 | user group to see the volunteer information.
| | 00:43 | We'll configure an Employee Access
Level which will allow both the senior
| | 00:47 | managers and the employees to
view the employee information.
| | 00:51 | Then we'll create a third access level,
The Senior Manager Access Level, and
| | 00:55 | assign to it just the senior manager user group.
| | 00:58 | As a last step in this process, we'll
also take all three user groups that we
| | 01:03 | created, the volunteers, the employees,
and the senior managers, and assign them
| | 01:08 | all to the registered access level.
| | 01:11 | That way, for elements like a user menu,
we can assign the registered access
| | 01:18 | level to that, and that will then
become an element that will be visible to
| | 01:23 | all three user groups.
| | 01:25 | If that doesn't sound clear right now,
hang there with me because I'm going to
| | 01:28 | go through all of this in great
detail, that's just a quick overview.
| | 01:31 | So to create an access level, we're
going to go to Users, and we're going to go
| | 01:36 | to Access Levels and then we're
going to add a new access level.
| | 01:41 | Creating access levels is very straightforward.
| | 01:43 | We give it a name like
Volunteer Access Level or AL for short.
| | 01:49 | Then we need to choose which user
groups go with this particular access level,
| | 01:54 | and in the case of the Volunteer Access
Level, we certainly want the volunteers
| | 01:58 | to see that information.
| | 01:59 | But also when the senior managers
login to the website, they should also see
| | 02:03 | the volunteer information, so the senior
managers will be included in this access level.
| | 02:08 | Go ahead and say Save & New, and
our next access level will be the
| | 02:13 | Employee Access Level.
| | 02:18 | Here, once again, we want the employees
of course to see their own information,
| | 02:22 | but the senior managers should
also see the employee information.
| | 02:26 | So we'll assign the Senior Manager
Group to the Employee Access Level as well.
| | 02:31 | Last, we'll click the Save & New
button again, and we'll make the Senior
| | 02:36 | Manager Access Level.
| | 02:40 | In this case, there is only one group
that should be able to see this content,
| | 02:43 | the Senior Manager User Group.
| | 02:45 | Go ahead, and hit Save & Close, and
you'll be into the Access Level Manager.
| | 02:50 | As a very last step, we're going to
use the Existing Registered Access Level,
| | 02:56 | and to that access level, we're
going to assign the employee, the senior
| | 03:00 | manager, and the volunteer user groups.
| | 03:03 | So to do that, click on the
Registered Access Level, and inside of it,
| | 03:08 | you'll see the way that this screen
is configured, and it might seem a
| | 03:11 | little bit confusing.
| | 03:13 | So right now it looks like the
Registered Access Level includes only the
| | 03:18 | manager, the registered user, and super users.
| | 03:21 | But that in fact is incorrect.
| | 03:23 | What's happening here is all of
these users, user groups, the publishers,
| | 03:28 | the editors, and the authors are inheriting
permissions from the registered user group.
| | 03:34 | So because the registered user group
are here in the access level, so are the
| | 03:37 | authors, the editors, and the publishers.
| | 03:40 | Likewise, the administrator is included
because its parent, the manager is included.
| | 03:44 | What is not currently included in the
Registered Access Level are the Employee
| | 03:48 | Group, the Senior Manager Group, and
the Volunteer Group, which are children of
| | 03:52 | public which of course is not
included in this Access Level.
| | 03:55 | So to include the other groups,
we're going to simply check them off.
| | 04:00 | Check off the Employee Group, check off
the Senior Manager Group, and check off
| | 04:04 | the Volunteer Group.
| | 04:05 | Once you've done that, go
ahead and hit Save & Close.
| | 04:10 | Now, we have our three access levels
that pertain specifically to certain groups
| | 04:16 | of users that will need to see that
content on the front-end of the website, and
| | 04:19 | we have a catchall that's available.
| | 04:22 | The Registered Access Level will
basically show information to any user group
| | 04:28 | other than public on the front-end
of the website in the way that we've
| | 04:31 | configured that now.
| | Collapse this transcript |
| Creating access level-specific categories and articles| 00:00 | Now that we have user groups with
core permissions, users in the groups and
| | 00:04 | the Access levels all configured, we're
ready to get together some content for
| | 00:08 | each of these groups.
| | 00:10 | We'll start by making categories.
| | 00:12 | The categories are the best place to
assign access levels, determining who can
| | 00:16 | view what information within the category.
| | 00:19 | All articles falling under a
category will inherit the access levels
| | 00:23 | pertaining to that category.
| | 00:25 | So in other words if we create a
category called volunteer information and
| | 00:30 | assign an Access level
of volunteer access level.
| | 00:34 | Any articles that we create
underneath that category we'll all have the
| | 00:38 | volunteer access level
inherited from the category.
| | 00:42 | Even if you leave those articles set to
public rather than the correct Access level.
| | 00:48 | However even though you can leave them
set up exactly that way I recommend that
| | 00:53 | you set the Access levels for each
article anyway, that's because it's going to
| | 00:57 | be less confusing to you in six months
when you're trying to fix the problem on
| | 01:01 | the site and you see the access level
for an article is public, but the truth of
| | 01:05 | the matter is it's inheriting the
different setting from the category. In Joomla!
| | 01:08 | 1.6 Essential Training we talked
about categories matching the site map.
| | 01:13 | However when you have ACL to consider
this is the situation where you may want
| | 01:18 | to deviate from the site map to make
ACL a little bit easier to configure.
| | 01:23 | Assigning a category for each of the
access levels is easy, but it may not
| | 01:28 | match the site map.
| | 01:29 | Just keep this in mind in our
particular case we're going to be adding a new
| | 01:34 | menu to the website which will contain
information for volunteers, employees
| | 01:39 | and senior managers.
| | 01:40 | So we're adding a whole new piece
to the site map, so this particular
| | 01:44 | consideration won't affect this here,
but it may affect you as you build other
| | 01:48 | websites with ACL, so let's get
started by making our categories.
| | 01:52 | To make categories we can either go to
the icon here in the Control panel or to
| | 01:55 | Content>Category Manager>Add New
Category and we're going to give this a title
| | 02:04 | of Volunteers and of course we can
stick category on the end to keep things
| | 02:11 | consistent no parent to this
particular category it will be published and the
| | 02:15 | access for it will be the volunteer
access level go ahead and click Save & New
| | 02:21 | and we'll create the Employees category.
| | 02:25 | Once again setting the access level to
the Employee Access Level and hit Save &
| | 02:34 | New one last and we'll go to the Senior
Management and we'll change the access
| | 02:42 | level to the Senior Manager Access
Level, go ahead and say Save & Close.
| | 02:48 | We now have our three additional
categories all setup and configure here on
| | 02:53 | the website and you can see what the access
levels are for each one of these categories.
| | 02:58 | Remember only one access level can be
assigned for any given piece of content.
| | 03:02 | One access level for a category, one
access level for an article, one access
| | 03:08 | level for module, that's why we
sometimes assign multiple user groups to a
| | 03:13 | given access level.
| | 03:14 | All right now that we've got that all
taken care of, we're going to go to our
| | 03:21 | Article Manager and to get there
we're going to go to the Content>Article
| | 03:25 | Manager>Add New Article or of course
you can click on Articles right here and
| | 03:30 | then click the New button and
we're going to make our articles.
| | 03:36 | In your exercise files, you'll find a
text file that has the information for
| | 03:42 | each one of these particular
articles that we're going to create.
| | 03:45 | So our first article is called Just
For Our Volunteers, I'm going to go ahead
| | 03:48 | and copy that by clicking Ctrl+C on the
PC or Command+C on the Mac and then I'll
| | 03:55 | go into my article editing screen and
pick Ctrl+V for the PC or Command+V for
| | 04:02 | the Mac to paste in the title and I'm
going to set the category to Volunteers
| | 04:07 | category and then as I said before even
though the access level here is set to
| | 04:12 | Public effectively it will inherit
it's access level from the volunteers
| | 04:16 | category, so the access level
will be the volunteers access level.
| | 04:20 | However I do strongly recommend you
go ahead and set this anyway to keep it
| | 04:24 | straight later when you have to come
back and do more work on this website.
| | 04:27 | So I'm going to go ahead and pick the
volunteer access levels just like that.
| | 04:31 | Now down here in my article box, I am
going to go ahead and copy the information
| | 04:36 | here from my article and copy and paste.
| | 04:43 | And I can do a little formatting with
this, I am going to bold some dates, bold
| | 04:49 | the First Saturday, bold the Cafe special.
| | 04:52 | Of course you can do anything you like
with this particular article you can drop
| | 04:56 | an images, it's just like any other
article that you work with inside of Joomla!
| | 05:01 | do whatever you like in terms of the styling.
| | 05:03 | I'm going to go ahead and hit Save &
New and now I'm going to repeat the same
| | 05:09 | process for the employees.
| | 05:11 | So over the employee category the
title here is just for our employees, the
| | 05:17 | Category will be the Employee category
and the Access will be the Employee AL
| | 05:25 | and I'm going to go ahead and take
these couple of paragraphs here, paste that
| | 05:30 | on in hit Save & New one more time and
our last article is the employee reviews.
| | 05:41 | We're going to stick that in the
article category of senior management, we're
| | 05:49 | going to set the Access level to the
Senior Management Access Level and then
| | 05:54 | I'll go ahead and paste in their
information down here in the bottom.
| | 05:58 | Copy that paste that on to the article
and we can go ahead and say Save & Close.
| | 06:05 | So as you'll remember from Joomla!
| | 06:06 | 1.6 Essential Training we have the
CAM, categories, articles and menus.
| | 06:11 | So our next step is to link all of
articles that we just created to a menu and
| | 06:17 | in fact we're going to create a
new menu to put all those items on.
| | Collapse this transcript |
| Creating a user menu| 00:00 | Now that we've created all of the
categories and the articles for this website,
| | 00:04 | we need to make them show on the
website in some way or another and so that we
| | 00:08 | were going to do that is by
putting them on a new menu.
| | 00:10 | We are going to make a user menu and
we're going to include links to the
| | 00:16 | volunteer, employee and senior
manager articles from that particular menu.
| | 00:20 | We'll also add some other links to
other pieces of functionality that will be
| | 00:26 | helpful to our users while working with Joomla!.
| | 00:29 | So the way to start this is we're
going to go to menus and the menu Manager,
| | 00:35 | because we are in fact going to
want to add a new menu to the website.
| | 00:38 | Right now we have two menus;
| | 00:40 | the Main menu goes across the top of
the page, while the right menu shows upon
| | 00:44 | the right side of the page.
| | 00:45 | So we are going to be creating a third menu.
| | 00:48 | Go to Add New menu and we'll
give this a Title of User menu.
| | 00:54 | For the menu Type remember that needs
to be all one word, no funny characters,
| | 00:59 | preferably lowercase and so to do
that go ahead and call this usermenu, all
| | 01:05 | one-word lowercase just like that.
| | 01:08 | Go ahead and hit Save & Close and this
will return you to the menu Manager and
| | 01:12 | you'll see that we now have
our three menus listed here.
| | 01:16 | To edit the user menu all you need to do
is go to menus>User menu and you'll see
| | 01:23 | that the User menu currently has no items.
| | 01:25 | So let's go ahead and add the
three articles that we just created.
| | 01:30 | To do that click the new button and
we're simply, in this case we're going to
| | 01:36 | make a blog that'll make it really
easy for volunteers, employees and senior
| | 01:41 | management to add new pieces
of information to the website.
| | 01:44 | So we're going to go ahead and hit the
Select button and we'll go ahead and make
| | 01:49 | this a Category Blog.
| | 01:53 | We'll give it a Title, For Volunteers.
| | 02:01 | It will be Published under its Status
and the Access for this however will be
| | 02:06 | the Volunteer Access Level (AL).
| | 02:08 | We could leave the access
to Public if you wished.
| | 02:12 | If you do that, the link may show up on
the website, but what will happen is if
| | 02:17 | somebody clicks that link but they
are not logged in or they don't have the
| | 02:20 | right access level they'll get a
message saying that they are unauthorized to
| | 02:23 | view that particular resource.
| | 02:25 | That may be exactly what you want for
a subscription based website where you
| | 02:29 | are trying to show the depth of all
of the content on your website, but you
| | 02:33 | don't want people getting to all of
the good stuff without showing out
| | 02:38 | something for a subscription.
| | 02:40 | So if you're not doing that, it becomes
kind of bad in terms of usability that
| | 02:45 | you're providing all these
links that people can't click on.
| | 02:48 | So what I would suggest is, unless you
have a darn good reason to do otherwise,
| | 02:53 | make sure you assign that access level
to the people who will see that link once
| | 02:57 | they log in to the website.
| | 02:58 | Over on the right-hand screen
choose the Category, so this'll be the
| | 03:02 | Volunteer's Category.
| | 03:04 | Feel free to go ahead and change any
of the additional options that you have
| | 03:08 | here on the right side of the screen in
terms of the Category, the Blog Layout,
| | 03:12 | Metadata, whatever else you'd like to assign.
| | 03:14 | I covered a lot of that
in great detail in Joomla!
| | 03:16 | 1 .6 Essential Training if you'd
like to work on configuring any of that.
| | 03:20 | But for our purposes we're
going to continue on here.
| | 03:24 | So go ahead and hit Save & New and we
will repeat this process for the Employees.
| | 03:29 | So we'll hit the Select button
here, once again a Category Blog.
| | 03:34 | The menu Title will be For Employees.
| | 03:40 | The Access Level will be the Employee
Access Level and the Category will be the
| | 03:45 | Employee's Category, click
Save & New one more time.
| | 03:50 | Select the Category Blog one more time
for the list, give it the menu Title of
| | 03:55 | For Senior Managers.
| | 03:56 | Give the Access Level as the Senior
Management Access Level and the Category the
| | 04:03 | Senior Manager Category.
| | 04:06 | Go ahead and click Save & New one more time.
| | 04:08 | We're going to continue top add a few
items to the User menu for people that
| | 04:12 | might want to change other aspects
of their experience with Joomla!.
| | 04:16 | If you click the Select button one more
time, you'll notice that there's a whole
| | 04:20 | part of Joomla!'s menu Item Types
that pertains specifically to users.
| | 04:24 | These include a Login Form which is
already on the front end of the website.
| | 04:29 | If you're looking at the front end of
the website and you go to the right side
| | 04:33 | menu, you'll notice that there's a
login there for Volunteers and Employees.
| | 04:37 | The User Profile button will provide
you the ability to see what your user
| | 04:42 | profile looks like and of course the
Edit Profile button will allow you to
| | 04:45 | allow you to edit it.
| | 04:46 | A Registration Form would allow you
to register for the website and then of
| | 04:50 | course you have username and
password reminders and resets.
| | 04:53 | I like to include both the User
Profile button and the Edit User Profile
| | 04:57 | buttons on the website.
| | 04:59 | That will allow people to change their
names or change their usernames or change
| | 05:03 | passwords as required.
| | 05:05 | So we are going to go ahead and click
on User Profile and we'll give the item a
| | 05:11 | Title of Your User Profile.
| | 05:15 | This is something that we want to
have available to employees, senior
| | 05:19 | managers and volunteers and that's where that
Registered Access Level comes in really handy.
| | 05:25 | Go ahead and change the Access
Level to the Registered Access Level.
| | 05:29 | That means that all of those user
groups are able to get to the User Profile
| | 05:34 | link on the website. Hit Save & New
one more time and this time when we click
| | 05:40 | our Select button we'll go to the Edit
User Profile button and we'll give this
| | 05:45 | a title of Edit Your User Profile and
of course the Access Level once again
| | 05:52 | will be Registered.
| | 05:54 | Go ahead and click Save & Close and
you'll see that we have our whole menu here
| | 06:00 | and notice that the access levels do
very exactly as we had assigned them.
| | 06:05 | So as a very last step we need to make
sure that we have a module to assign to
| | 06:10 | the front end of the website so that
the User menu will display for the correct
| | 06:15 | user groups and we'll do that in the next video.
| | Collapse this transcript |
| Assigning access levels to modules| 00:00 | We're getting very close to the end
of the process here of configuring our
| | 00:03 | website for our employees, our
volunteers and our senior managers.
| | 00:07 | And we've created our categories,
we've created our articles, we created a
| | 00:11 | bunch of menu items.
| | 00:12 | The very last step is to make sure that the
User menu shows on the front end of the website.
| | 00:18 | And the way that menu show on the front
end of the website is through modules.
| | 00:22 | So we'll start by going to Extensions>
Module Manager and you'll see that we have
| | 00:28 | a number of modules that are
available for this website.
| | 00:31 | Right now they are all
publicly accessible modules.
| | 00:34 | But we don't have a module that exists
to display the User menu. In Joomla!
| | 00:38 | 1.5 when you created a new
menu, a module for that menu was
| | 00:43 | created automatically.
| | 00:44 | That doesn't seem to be true
anymore in Joomla! 1.6 and 1.7.
| | 00:47 | You have to actually go and
make that module yourself.
| | 00:51 | Which is not really that hard, all you
need to do is click on the New button and
| | 00:58 | from the list of all of the available
modules choose the menu and give it a
| | 01:04 | Title like User menu.
| | 01:06 | I'll go ahead and show that and I'll
need to give this a position, I already
| | 01:14 | know that my template only has two
positions and one of them is on the right
| | 01:18 | side of the page, which
happens to be called Right.
| | 01:21 | How do I know this?
| | 01:22 | I created my own custom template. Watch Joomla!
| | 01:24 | 1.6 Creating and Editing Custom Templates
and you can create your own template too.
| | 01:29 | Go ahead and just set the Access Level
to Registered, because once again you
| | 01:33 | want anyone logged into the
website to see the User menu.
| | 01:36 | Then over on the right side of the
screen you'll need to select which
| | 01:39 | menu should display.
| | 01:42 | We're going to select the
User menu, not the Main menu.
| | 01:45 | We are going to show all of
the navigation on this website.
| | 01:48 | You may be concerned about which of the
links will show up depending on who is
| | 01:51 | logged in and that you're very
right to be concerned about that.
| | 01:55 | But that's all configured through ACL.
| | 01:57 | There's nothing there we need
to configure with the module.
| | 02:01 | The module itself just displays the
menu, the ACL controls which of the
| | 02:06 | menu items will display.
| | 02:08 | Go ahead and hit Save & Close and when
we go to the front end of the website and
| | 02:14 | we refresh, notice that we don't see
anything available to us here, all right.
| | 02:20 | But if we scroll down to the bottom of
the page and we go to the Voluntary and
| | 02:23 | Employee Login and go ahead and login
as volunteer vol and the password which
| | 02:32 | was vol and click the Login button.
| | 02:36 | It's fine to go ahead and remember the password.
| | 02:38 | And what you will see is on the left
side of the screen, once we've logged into
| | 02:43 | the website this is providing our
user profile right here on the screen.
| | 02:48 | It's not providing any information to
us right off the bat, it's just showing
| | 02:52 | us this user profile.
| | 02:54 | I personally think this is a little bit
disconcerting, I'm not expecting to see
| | 02:57 | my profile when I login.
| | 02:59 | I think we can improve this from a
usability perspective, which we are going to
| | 03:03 | do in some of the coming videos.
| | 03:05 | But in any case, notice here on the
right side of the screen, we have our User
| | 03:09 | menu and this is
configured exactly as it should be.
| | 03:12 | We have our link to see our volunteer
information, when I click on it that is
| | 03:16 | the volunteer article.
| | 03:17 | I also have the ability to see
my User Profile and to edit it.
| | 03:22 | So here I can go ahead and type in
additional information and submit that to the
| | 03:27 | front end of the website.
| | 03:29 | To logout of the website what I need
to do is scroll all the way back down to
| | 03:33 | the bottom to where it says the
Volunteer and Employee Login, click on that and
| | 03:38 | then I get my Logout button here on the screen.
| | 03:40 | When I click that I'm logged out of the website.
| | 03:43 | That's not exactly intuitive either and I
think we can improve the usability on that as well.
| | 03:48 | If I log into this website now as a
super administrator, so I am going to login
| | 03:52 | with admin and a password of
admin and login to the website.
| | 03:58 | Notice that over on the right-
hand side I only have two links.
| | 04:02 | I have a link to my user profile and
I have a link to edit my user profile.
| | 04:06 | Notice that I do not have the
ability to see any of the information for
| | 04:11 | volunteers, employees or
for the senior management.
| | 04:15 | And I am a super administrator,
how could that possibly happen?
| | 04:19 | Well you remember that Access Levels
are very, very specific and they only show
| | 04:24 | information to specific user groups.
| | 04:27 | If those user groups are not specified
in the Access Level then you will not see
| | 04:31 | them on the website.
| | 04:33 | The links for your User Profile and
Edit Your User Profile were assigned in
| | 04:38 | Access Level of Registered.
| | 04:40 | And those particular links work
great with the Super Administrator login,
| | 04:45 | because it was already configured
for us when we went into Joomla!
| | 04:49 | and Super User is one of the default groups.
| | 04:51 | All of those default groups work
with the registered access level.
| | 04:54 | But of the other access levels that
we created do not have access for the
| | 04:58 | super administrator.
| | 04:59 | So if it's important for the super
administrator to see this content from the
| | 05:02 | front end of the website, we'll need
to go back to our access levels and edit
| | 05:06 | them so that the super
administrator can see that particular content.
| | 05:11 | So to add the super administrator to
all of the other access levels, so we can
| | 05:15 | see all of those menu items on the front of
the website, go back to the back end of Joomla!
| | 05:19 | and go to Users>Access Levels.
| | 05:22 | We are going to click on each one, so
we are going to go to the Employee Access
| | 05:26 | Level (AL) and add the
Super Users, Save & Close.
| | 05:30 | We repeat the process for the Senior
Managers, add the Super Users Save & Close.
| | 05:36 | And we're going to go to the
Volunteers, add the Super Users Save & Close.
| | 05:44 | It's possible when I go back here to
the front end of the website that I can
| | 05:46 | just refresh and we'll see the menu
items, but if that doesn't work you'll need
| | 05:50 | to logout, log out of the website and
then login again and now you'll see that
| | 06:01 | all of the links show up here
on the right side of the website.
| | 06:04 | So the critical piece remember is the
Access Levels control who can see what on
| | 06:09 | the front end of the website, no exceptions.
| | 06:12 | The Access Levels don't care if you're the
Super Administrator or the Super User or not.
| | 06:16 | If you don't have permission to see
and Access Level, you're not going to
| | 06:19 | see that information.
| | Collapse this transcript |
| Configuring the login screen and logout button| 00:00 | So I am taking a look at the front end
of the website and if you scroll down
| | 00:03 | here to the lower right side there is a
box for a Volunteer and Employee Login
| | 00:08 | and if you click that, you will see
the place where you can log in to the
| | 00:13 | backend of the website.
| | 00:14 | If I type in my Volunteer Login,
which is vol, vol, this will put me into a
| | 00:20 | Profile page as a result
of logging into the website.
| | 00:24 | And you know this is kind of ugly
first of all, and probably you could use
| | 00:27 | some styling which I could do, but I really
more than anything just like to get rid of it.
| | 00:32 | As a Volunteer logging into the backend
of the SAMOCA website, now imagine you
| | 00:36 | are somebody in your 70s and you are
volunteering for this and you see this
| | 00:39 | screen that talking about Front-end
languages and Time zones and Editors, and
| | 00:42 | you have no idea what's going on,
where is the information you need to see.
| | 00:46 | The user experience for
this is just not very good.
| | 00:48 | What we'd really like people to do is
to be able to log into the website and
| | 00:52 | make it obvious about what
they should be looking at.
| | 00:55 | Unfortunately that links over here on
the right-hand side of the screen where
| | 00:58 | you actually get to the Volunteer
information that's really of interest.
| | 01:01 | So it would really be better if as a
volunteer we could log into the site and
| | 01:05 | see a message on that screen right
away that would be relevant to us.
| | 01:10 | So the first thing I would like to do in
this video is to create a Login page so
| | 01:14 | that we don't have to look at that
ugly profile when we log into the website.
| | 01:17 | So I am going to go ahead and log out
now and remember this is something else we
| | 01:21 | have to fix, and in the backend of the
website I am going to start by making a
| | 01:26 | new piece of content.
| | 01:27 | So I'm just going to click on Add New
Article and I am going to give this a
| | 01:32 | Title of Login Page.
| | 01:33 | I will leave the Category to
Uncategorized and I will go ahead and set the
| | 01:39 | Access to the Registered Access Level.
| | 01:42 | Then down here in the bottom I will
type in Welcome to the intranet of the
| | 01:47 | SAMOCA website, just something short
and sweet because actually we are going to
| | 01:55 | change it in a little while.
| | 01:56 | Go ahead and click Save & Close.
| | 01:58 | So now we have a piece of content in
the form of an article, now I need to
| | 02:03 | link it up to a menu.
| | 02:04 | However, I don't want to have a link
on the website that says, Login Page.
| | 02:08 | That seems kind of silly.
| | 02:10 | I'd just like this page to show up
when people want to take a look at it.
| | 02:14 | Now the other way to make that happen
is through the Hidden menu technique.
| | 02:18 | The Hidden menu technique is a way of
getting around this problem in Joomla!
| | 02:22 | that all of the pages on the website
that you would like to call by URL have to
| | 02:26 | be hooked up to a menu.
| | 02:27 | So to do this in menu Manager I am going
to go ahead and click to Add a New menu.
| | 02:33 | Yes, this will be the fourth menu for
this website, and I am going to call this
| | 02:37 | Hidden menu - Do Not Delete.
| | 02:39 | And the reason why I put this in is,
sometimes people think it's a hidden menu
| | 02:43 | so what do you need it and they delete it.
| | 02:44 | I'm not sure why that happens, so I
always put in a note to Do Not Delete.
| | 02:48 | And for our menu type, we
will call this hiddenmenu.
| | 02:52 | Go on ahead and hit the Save & Close
button and that will make us our new menu
| | 02:56 | down here in the bottom of the screen.
| | 02:58 | Now we are going to add a menu
item to it, clicking on menu Items.
| | 03:02 | So now I am going to make a link to that
login page here inside of my new Hidden menu.
| | 03:07 | Go ahead and click the New button
to make a link to the menu Item.
| | 03:10 | I am going to click my select button
and I'm going to select a Single Article
| | 03:14 | from the list, and I will give
this a title of our Login Page.
| | 03:19 | I need to give this an Alias
that I am going to remember.
| | 03:21 | So I am simply going to call this login.
| | 03:23 | It will be Published, the Access level
will be for Registered users and it will
| | 03:30 | be on the Hidden menu.
| | 03:31 | Over on the right side where it says,
Select an Article I will click the Select
| | 03:35 | button and I will put in
the Login Page from the list.
| | 03:39 | Go ahead and click Save & Close.
| | 03:41 | Now you maybe wondering why this is
called the Hidden menu, because so far
| | 03:46 | nothing here has been any different than
any other menu that we have ever worked with.
| | 03:51 | The difference is we are not going
to create a module for the display of
| | 03:55 | this particular menu.
| | 03:56 | In other words, there will be a menu
structure that we will create here and it's
| | 03:59 | under the menus Item but we won't
create a module that display it on the
| | 04:03 | website, thus the name Hidden menu.
| | 04:06 | Now if I type in the URL on the website
which would be localhost/index.php/login
| | 04:15 | and if you are on a Mac, it could
be localhost:8888/index.php/login.
| | 04:23 | The localhost in the index.
php should be exactly the same;
| | 04:27 | all we are changing is the last
part of the URL and hit Enter.
| | 04:31 | It will redirect you of course to a
page where you have to login because the
| | 04:36 | login article is only for registered users.
| | 04:39 | So go ahead and login as a Volunteer as
vol, V-O-L and the password of vol, and
| | 04:43 | you will see that this is in fact a
legitimate URL and is pulling up the page
| | 04:48 | you expect, in other words, this Login Page.
| | 04:51 | Copy the full URL from the top of the
page, so I have highlighted and clicked
| | 04:55 | Ctrl+C on a PC or Command+C on a Mac,
and now I am going to include that URL
| | 05:03 | inside of our Login Page.
| | 05:05 | To get there, I am going to got to menus
>Right menu, and under the Right menu,
| | 05:11 | under the Volunteer and Employee Login,
click that and you will here that on the
| | 05:16 | right side of the screen we have the
option of some configuration as far as the
| | 05:21 | login screen is concerned.
| | 05:23 | I have already done a
little bit of customization;
| | 05:26 | I put in some Login Text here.
| | 05:27 | So this is the Description that
shows up on the top of the Login Page.
| | 05:32 | If I scroll on back here and Log Out
of the website one more time, this text
| | 05:37 | here that shows up above the Login box
was configured by putting it here in the
| | 05:41 | Login Description Text.
| | 05:43 | What I am going to do is in the Login
Redirect box, I am going to go ahead and
| | 05:47 | Ctrl+V or Command+V on a Mac to put in
my URL for the Login Page, and then I am
| | 05:54 | going to click Save & Close.
| | 05:57 | Now let's log in to the front-end of the
website and see how that Redirect works.
| | 06:01 | Go ahead and login as Vol
for Volunteer, password of vol.
| | 06:04 | Click the Log in button and you see now that
we wind up with the Login Page of the website.
| | 06:09 | So this is a little bit friendlier, in
the next video I will show you how we
| | 06:12 | can customize this message for each
different type of access level on the
| | 06:17 | front-end of the website.
| | 06:18 | To Log out of the website we still
however have to scroll all the way to the
| | 06:22 | bottom of the page, click the Log in
link to find the Log out button that just
| | 06:27 | doesn't work for me.
| | 06:28 | What I would like to have happen when I
am logged into the website I would like
| | 06:32 | to have a Log in button, maybe over here
at the top of the right column and that
| | 06:37 | would just be wonderful.
| | 06:38 | Because then once they have logged in,
that Log out button would appear over
| | 06:41 | there, and they wouldn't have to
scroll to the Login Page in order to logout
| | 06:45 | which makes no sense.
| | 06:46 | Fortunately, this is easy to do.
| | 06:49 | So in the Backend of Joomla!
| | 06:50 | I am going to go over to the Module
Manager under Extensions>Module Manager and
| | 06:55 | I am going to make a new
module for this website.
| | 06:58 | I am going to click the New button
and I'm going to make a Login module.
| | 07:02 | I will give it a title of Log Out, not
Login In but Logout, I will assign it to
| | 07:11 | the right position of the page, and
instead of leaving this Public normally you
| | 07:17 | want to leave your Login box
as Public for its access level.
| | 07:20 | Because you want people to be able
to see it so they can actually login.
| | 07:25 | If you set a Login box to have an
Access level of something other than Public
| | 07:29 | then you have to be logged in to see the
Login box that becomes a circular sort of problem.
| | 07:34 | But in case it works for us.
| | 07:36 | All we are looking for is
the Log Out button. In Joomla!
| | 07:40 | the Login Module shows the Username
and Password boxes in a module position
| | 07:45 | when you are not logged in, but once
you have logged in to the website that
| | 07:48 | turns into the button that says Log
Out, and that is the only piece of this
| | 07:53 | that we really need.
| | 07:55 | So here's what we will do.
| | 07:56 | We will set the Access Level to
Registered, and we will go ahead and Save this.
| | 08:02 | I am going to leave it open because we will
need to make one more tweak to this after that.
| | 08:07 | And now when I login as a Volunteer I
see my Log Out button over here on the
| | 08:14 | right-hand side of the screen, and
of course like any other module I can
| | 08:17 | certainly use my Ordering to move
that Log Out button up to the top or
| | 08:22 | further down on the screen.
| | 08:23 | I would recommend leaving it
somewhere near the top where it's obvious.
| | 08:26 | Now when I click the Log Out button
that module goes away entirely and all I am
| | 08:32 | left with is my Log in boxes right here.
| | 08:35 | What just happened?
| | 08:36 | Let me log in again as Volunteer.
| | 08:40 | Now here I am on the
Login Page for this website.
| | 08:43 | Remember the Login Page has an
Access Level of Registered user.
| | 08:46 | When I click the Log Out button it's
still trying to display that page as a
| | 08:52 | registered user but it can't,
so it's giving me the Log in box.
| | 08:55 | What I would like to do is just
redirect people after they log out of the
| | 08:59 | website, redirect them to
the homepage of the website.
| | 09:02 | I think that would actually be a better
user experience, but you have of course
| | 09:06 | can redirect them wherever you want.
| | 09:08 | In the backend of Joomla!
| | 09:10 | in the Module Login, notice that we
have the same kinds of options that we had
| | 09:15 | in the individual menu item link logins.
| | 09:18 | Here we can set our Login
Redirection Page or Logout.
| | 09:22 | With this particular button which will
only ever say Log Out when people see
| | 09:27 | it, we don't need to set the Login
Redirection, but we do need to set the
| | 09:30 | Logout Redirection.
| | 09:32 | So let's set that to the Homepage.
| | 09:34 | So when they logout they go to the
Homepage, and just to make this consistent,
| | 09:38 | go ahead and hit Save & Close.
| | 09:41 | Let's go over to our menus and back
to the Right menu and in the Volunteer
| | 09:45 | and Employee Login for consistency let's also
set the Logout Redirect to the same location.
| | 09:51 | All you need to do is type in a Slash
here, and that should redirect people
| | 09:55 | back to the Homepage of the website.
| | 09:58 | Go ahead and click Save & Close, and
now when you login to the front-end of the
| | 10:03 | website as Volunteer, Log in, you will
see that we get our Login Page, we get
| | 10:09 | our Volunteers page of over here, and
when we click the Log out button we were
| | 10:12 | redirected to the homepage of the website.
| | 10:15 | I think this is definitely an
improvement of the user experience.
| | 10:18 | We don't see so many weird looking
screens and the flow seems to be a bit better.
| | 10:22 | But I would like to customize that Login
message when people log in to the website.
| | 10:27 | I would like to have the volunteers see
their own thing, employees see their own
| | 10:31 | thing, senior managers see their own thing.
| | 10:33 | But I have a solution;
| | 10:34 | you will see it in the next video.
| | Collapse this transcript |
| Customizing the login screen| 00:00 | In the previous video we discovered
that when we logged in to the front end of
| | 00:03 | the website, say, using volunteer, vol
and vol that we got a single login page
| | 00:11 | and in fact, whoever logs in to the
website whether they are volunteer,
| | 00:14 | employee or senior manager, they're
going to get the same login page that is
| | 00:18 | not terribly useful.
| | 00:20 | But wouldn't it be great if we could
customize this login page to the specific
| | 00:24 | user type for the website?
| | 00:26 | I think that would be pretty terrific.
| | 00:28 | So we are going to go ahead and do
that using a wonderful little trick that
| | 00:32 | I covered in Joomla!
| | 00:33 | 1.6 Essential Training, but not in this context.
| | 00:37 | What I am going to do is I am going to make
a series of modules, three modules, in fact.
| | 00:41 | And one will be for volunteers, one
will be for employees, and one will be for
| | 00:45 | senior managers, and I will just
set these up as custom HTML modules.
| | 00:49 | Then we'll set the access level for
each one of those modules and then I'll set
| | 00:54 | up the modules to display
here inside of the article.
| | 00:58 | That would mean that every time
somebody logs into the website, the article
| | 01:02 | will load which has a registered access
level, in other words, everybody sees the page.
| | 01:08 | But the content of the page itself will
be driven by three module possessions.
| | 01:13 | And then depending on which specific
user group has logged into the site, the
| | 01:18 | correct module will
display or series of modules.
| | 01:22 | So let's take a look at how that would work.
| | 01:25 | The first thing we are going to
need to do is make us some modules.
| | 01:28 | So to do that, go to the back end of Joomla!
| | 01:30 | and we're going to the Module Manager
by going to Extension>Module Manager, and
| | 01:36 | I am going to click my name, New
button to make a new Custom HTML module.
| | 01:43 | I am going to give this a
title of Welcome Volunteers.
| | 01:48 | I will set the Title to Show.
| | 01:51 | The Position will be secret.
| | 01:53 | You will not find a position of secret
on the list of positions if you click the
| | 01:56 | Select position button.
| | 01:58 | That's because secret is a position
that will exist inside of this one article
| | 02:02 | and I haven't set it up in the article just yet.
| | 02:04 | So just take my word for it that
secret will, in fact, work correctly.
| | 02:09 | Go ahead and set the Access level to
the Volunteer AL and then scroll down the
| | 02:14 | page to the bottom where it says Custom output.
| | 02:17 | In your exercise files you'll find
some loadposition text as I am calling it.
| | 02:23 | Go ahead and copy out the Volunteers
information, Ctrl+C or Command+C, Ctrl+V or
| | 02:29 | Command+V to paste that text
into that particular module.
| | 02:33 | Go ahead and hit Save & New because we are
going to make another Custom HTML module.
| | 02:37 | This one will have the
title of Welcome, Employees.
| | 02:43 | Once again, we will show the title,
once again the Position will be secret, and
| | 02:48 | we will paste in the content from the Employees.
| | 02:54 | Go ahead and highlight the text,
Ctrl+C or Command+C to copy, Ctrl+V or
| | 02:58 | Command+V to paste, click Save & New.
| | 03:03 | And for the last ones, say,
Welcome, Senior Management.
| | 03:09 | The Position once again will be secret and
the Access level will be the Sr. Manager AL.
| | 03:18 | And for the custom output, we
will go ahead and pick the Sr.
| | 03:23 | Manager text there from our article
and paste that on into the website.
| | 03:28 | Go ahead and click Save & Close and
take a look, we have Employees. Oops!
| | 03:34 | I didn't assign that to the right
Access level, see that, that says Public.
| | 03:38 | This is why you always check these as
soon as you put them in because it's a
| | 03:41 | very easy mistake to make.
| | 03:43 | So Welcome, Employees we are going to
have to fix, the Volunteers is at the
| | 03:46 | Volunteer Access level and Senior
Management is at the Senior Management Access level.
| | 03:50 | Let's go ahead and click Employees!
| | 03:53 | and set it to the correct Access
level which is the Employee AL.
| | 03:58 | Okay, so now we have got those three
module setup that are to display in the
| | 04:03 | secret position which
doesn't exist in the template.
| | 04:06 | Now what I am going to do is go back to
my Article Manager under Content>Article
| | 04:10 | Manager, and I am going to
scroll down and find my login page.
| | 04:15 | In my login page, I am going to get
rid of the placeholder text that I have
| | 04:19 | there right now and I'm going to put in
the code just like you see right here.
| | 04:24 | See, where it says loadposition secret, xhtml.
| | 04:28 | Copy that and paste that in.
| | 04:30 | Those of you, who have been working with Joomla!
| | 04:32 | for a while, will notice that the
loadposition code here has changed.
| | 04:36 | This is a wonderful new feature in Joomla!
| | 04:38 | 1.7, it was not present in 1.6.
| | 04:42 | And loadposition secret is a code that
existed for a long time, loadposition
| | 04:46 | meaning load of module position, secret
being the name of the module position.
| | 04:50 | But every time we put a module into
an article like this, it would load the
| | 04:55 | module in a format called RAW meaning
that the title of the module would never
| | 05:00 | display and new divs
were ever wrapped around it.
| | 05:03 | In 1.7 you can put a comma
followed by any one of the number of values
| | 05:08 | including XHTML rounded meaning four
divs surrounding it or horizontal or there
| | 05:16 | are a few other values, but really, the
only two that are going to matter to you
| | 05:19 | are XHTML or rounded.
| | 05:21 | And that will wrap either one div for
xhtml or four divs around your module and
| | 05:27 | it will also display your module title.
| | 05:30 | By displaying your module title
inside of your article, you can actually
| | 05:35 | not display the article title, such
you're showing your title to hide under
| | 05:41 | your Article Options.
| | 05:43 | And then the words Login Page
won't show up on the top of the screen.
| | 05:46 | All that somebody will see when they
login will be their specific module
| | 05:51 | with that module title.
| | 05:53 | So it will always say Welcome,
Volunteers or Welcome, Employees or Welcome,
| | 05:57 | Senior Managers, depending on
who's logged in at the time.
| | 06:00 | So let's give a shot at this piece
of magic and let's see how it happens.
| | 06:05 | Go ahead and click Save & Close.
| | 06:08 | And now when I go over to the front
end of the website, I'm logged in so I
| | 06:11 | am going to log out.
| | 06:11 | Then I am going to go back to my login
screen and I am going to log in as a Volunteer.
| | 06:19 | Notice that it still says Login Page
Welcome Volunteers and we have some text
| | 06:23 | available to us here.
| | 06:24 | We hit the article title inside the
article itself, but it's still showing
| | 06:28 | up here in the site.
| | 06:29 | It's likely coming from the specific menu item.
| | 06:32 | So let's go back to our menus and we are
going to go to our Hidden menu for a login page.
| | 06:44 | And under our Article Options, we
are going to say Show Title>Hide.
| | 06:48 | Let's go ahead and click the Save
button just to make sure that we have
| | 06:53 | removed that title, go ahead, and hit Refresh,
and now you will see the page looks great.
| | 06:59 | If I log in now as an employee under
employee, employee, you will see that we
| | 07:10 | get text welcoming the employees and
if I log in as a Senior Management which
| | 07:20 | was senior and senior, Log in.
| | 07:25 | Notice we get all three;
| | 07:27 | remember that senior managers were
supposed to see the volunteers, the senior
| | 07:31 | management, and the employees.
| | 07:33 | If you want a Senior Manager to
appear at the top of the screen because the
| | 07:37 | senior managers are logging in here,
not the volunteers, we can always
| | 07:41 | reorder our modules.
| | 07:43 | So let's do that real quick.
| | 07:44 | Go ahead and hit Save & Close to
get out of our menu item, go back to
| | 07:48 | Extensions>Module Manager, and click
on the Ordering column header here in
| | 07:53 | the Module Manager.
| | 07:54 | And you'll see that here're our
three modules that are relevant to this;
| | 07:59 | Volunteers, Senior Management, and Employees.
| | 08:01 | By clicking that Up arrow on Senior
Management, this should reorder, but let me
| | 08:07 | tell you, I have found that ordering in Joomla!
| | 08:09 | to be kind but buggy.
| | 08:10 | You see it's got these 001 over here.
| | 08:13 | If you encounter this bug, you can
type in the numbers so 1 for Senior
| | 08:17 | Management, let's say 2 for
employees, and 3 for Volunteers.
| | 08:23 | Then click the little floppy disk icon
at the top of the column and that will,
| | 08:28 | in fact, reorder everything.
| | 08:30 | Now when I refresh this page on
the front end, you'll see that senior
| | 08:34 | management is here at the top.
| | 08:35 | I think that's a better user experience
as well because once again, your Senior
| | 08:39 | Management logging in and the first
thing you don't want to see is Volunteers.
| | 08:42 | So we have done really well here;
| | 08:44 | we've really improve the user
experience of the login and logout process, we
| | 08:49 | have finely sliced and diced our user
groups here via the access levels so that
| | 08:53 | our volunteers or employees and our
senior managers can see all of the content
| | 08:57 | they're supposed to see.
| | 08:58 | It's a much more friendly user
experience where we have a Log out button where
| | 09:02 | people can access that easily and they
see relevant information as soon as they
| | 09:06 | log in to this little intranet
that we've created within the website.
| | 09:10 | This didn't take a whole lot more extra
work and it will really make this a much
| | 09:15 | more friendly experience for
people who have to use this website.
| | 09:18 | So I encourage you to take the time to
add a few finishing touches and polishes
| | 09:23 | onto your websites as you build them
with ACL for the front end of Joomla!.
| | Collapse this transcript |
| Testing various logins| 00:00 | Now that we have considered our ACL
for who can see which content on the
| | 00:04 | website, let's test or three logins to
make sure we have everything configured
| | 00:09 | the way we wanted to do.
| | 00:11 | And we will also test or super user login.
| | 00:14 | So here's how we are
going to go ahead and start.
| | 00:16 | We are going to go to our Login Page
and the first thing we are going to do is
| | 00:20 | login as a super admin.
| | 00:22 | So log in as admin, admin, and as a
super admin, we do have some features that
| | 00:31 | all of those other groups don't have.
| | 00:32 | First of all, you have this
pencil icon at the top of the page.
| | 00:37 | The pencil icon indicates that I have
permission to edit this article from the
| | 00:40 | front end of the website.
| | 00:42 | And if I click the pencil icon, I
will actually go into in editing screen.
| | 00:48 | Remember, all that's here is that little
code loadposition secret,xhtml which is
| | 00:53 | responsible for pulling in the
modules that actually drive this login page.
| | 00:59 | I can also change things
here like Category and so forth.
| | 01:02 | I will be doing another video showing
how to do editing on the front end in
| | 01:06 | detail and setting up those kinds
of permissions in the next chapter.
| | 01:12 | So I am going to go ahead and hit Cancel.
| | 01:14 | As a super user, we added ourselves to
all of the Access Levels inside of Joomla!.
| | 01:21 | So we've added the super user to
Volunteer Access level, the Employee Access
| | 01:25 | level and the Senior Manager Access
level, which is why we now have over on our
| | 01:29 | User menu we have three pages for
those particular access levels and we also
| | 01:35 | have all three of the modules displaying here.
| | 01:37 | I can click on for Volunteers, for
Employees, and for Senior Managers and
| | 01:42 | get all of this pages.
| | 01:44 | I also have this editing icon here.
| | 01:46 | Again, as a super user I can create and
edit content anywhere on the website, so
| | 01:51 | I can go ahead and edit this content.
| | 01:54 | Furthermore, if I go to other pages of
the websites, say, the About Us page, I
| | 01:58 | also have icons here where I can edit
the contents for this website as well.
| | 02:02 | It looks like the super user
is all configured correctly.
| | 02:05 | So I am going to go ahead and log out.
| | 02:07 | Then I am going to scroll down to the
bottom again and login, this time as a
| | 02:12 | volunteer and correctly, I have just
the Volunteer module that shows up here, I
| | 02:19 | have the Volunteer link on the side.
| | 02:21 | Incidentally something that you may
wish to do to add one more level of user
| | 02:25 | experience to this would be to put a
link to the Volunteer blog right here on
| | 02:30 | the bottom of the menu module.
| | 02:32 | And then people won't even have to
look over here to the side of the page to
| | 02:35 | find the volunteers link.
| | 02:37 | Volunteers, of course, also have access to
user profile which they can click on and reveal.
| | 02:42 | It's not formatted very well and the
reason why is this a custom template that I
| | 02:46 | built and I didn't take a look
at the profile page to format it.
| | 02:50 | So this is also important in your bug
checking because it's likely that ACL is
| | 02:54 | something you are going to add
towards the end of your development process.
| | 02:57 | You are going to put in a
lot of content for the website;
| | 03:00 | you might have already put in
the template for the website.
| | 03:02 | But now at this point, you might be adding
pages that you never planned on styling before.
| | 03:08 | So you would want to go back at this point
and work on some CSS to get this page styled.
| | 03:13 | I am not going to show you
how to do this in this video.
| | 03:15 | If you need to know more about
creating and editing custom Joomla!
| | 03:18 | templates, please take a
look at my video Joomla!
| | 03:21 | 1.6 Creating Editing Custom Joomla! templates.
| | 03:24 | It will work great with the Joomla! 1.7.
| | 03:28 | And of course, we also have a
button here to edit our user profile.
| | 03:31 | Let's go ahead and click Log out and
if we scroll one down again and we click
| | 03:36 | the Log in button, we will need to
Log in as a Senior Manager as well.
| | 03:40 | Remember, the Senior Managers are
supposed to be able to see the content for
| | 03:44 | volunteers and employees as
well as their own content.
| | 03:48 | And what you'll see here
is that is, in fact, true;
| | 03:50 | the senior management can't see all
of the Employee, Volunteer, and Senior
| | 03:55 | Management content both here for
the modules and over here on the side
| | 03:59 | through the menu links.
| | 04:00 | And it's definitely behooves you to go
ahead and click on these because remember
| | 04:05 | that you may see the links here, but
they may generate something that says you
| | 04:10 | are unauthorized view this page if the
Access level is configured incorrectly.
| | 04:15 | So make sure you go through and click
on everything and that you are seeing
| | 04:18 | exactly what you expect to see.
| | 04:19 | Finally, a few quick points to remember
about working with ACL and who can see
| | 04:24 | what's on the front of the website.
| | 04:25 | First of all, I created a separate user menu,
and I put all of my links on that user menu.
| | 04:32 | For the purposes of this video, I
decided it would work better for
| | 04:35 | this particular website.
| | 04:36 | But I did not have to do that;
| | 04:39 | I could very easily have added those
links up here, say, to the top navigation
| | 04:44 | and I could have assigned
those Access levels here.
| | 04:46 | For examples, the Volunteers, once
they log into the website, they could have
| | 04:51 | the word Volunteers show
up here in the main menu.
| | 04:53 | And that would have worked just as well.
| | 04:56 | However, when you got to something
more like the senior managers where they
| | 05:00 | would see links for volunteers,
employees and senior managers, it's likely that
| | 05:03 | your menu would wrap.
| | 05:04 | So it seemed to me that this formatted
better by putting it over here on the
| | 05:07 | left side of the screen.
| | 05:08 | So those kinds of design
considerations are important when you're planning.
| | 05:13 | Remember for ACL to plan for the most
number of links in your site design and
| | 05:19 | probably, ultimately the best way to
go when you're adding these kind of
| | 05:22 | Internet sort of feature, really is to
put things in a vertical configuration.
| | 05:26 | That way you can continue to
add as many links as you want;
| | 05:29 | you don't have to worry about content
wrapping onto another line, the way you
| | 05:32 | would with a horizontally oriented page.
| | 05:36 | Second of all, I created one unique
category for each user group and placed all
| | 05:40 | of their content inside of that.
| | 05:42 | Notice how I call the groups, the
Access levels, and the Categories all by the
| | 05:46 | same name so everything
matched it easily across the website.
| | 05:50 | I did not have to do that;
| | 05:51 | I could have called those things all
kinds of different names in all kinds of
| | 05:55 | areas or could have called them
almost worse, all exactly the same thing.
| | 05:59 | So a user group called Volunteers and
Access level is called Volunteers, a
| | 06:02 | category called Volunteers,
an article called Volunteers.
| | 06:05 | Then you might get confused as to what was what.
| | 06:08 | But likewise, you might get confused if
you don't call them all the same thing
| | 06:12 | and they're all over the map.
| | 06:14 | So I think it makes a lot of sense that
where possible you add Access level or
| | 06:19 | Category or user group to the end of
all of the things that you create for ACL.
| | 06:25 | That naming convention will help keep
as many of these variables straight as
| | 06:29 | possible as you are working
in the back end of Joomla!
| | 06:31 | because as I have said many times,
ACL can be confusing and you want to
| | 06:36 | eliminate as many things as possible
that might throw you off at the process of
| | 06:39 | putting a website together.
| | 06:40 | So the very last thing that I'd like to
give a try here is, now that we have our
| | 06:45 | three logins for the website, wouldn't
it be great if we could format each login
| | 06:51 | to look slightly different?
| | 06:52 | This would be particularly fitting for
the kinds of websites where you want to
| | 06:57 | have like a gold, a silver and a
platinum level of membership and you want the
| | 07:01 | website to reflect those color levels,
and I will cover that in the next video.
| | Collapse this transcript |
| Creating a different look for different access levels| 00:00 | For those of you who have watched Joomla!
| | 00:03 | 1.6 Creating and Editing Custom
Templates, I'd like to give you an extra super
| | 00:08 | incredibly cool little tip that you
can use when styling your template.
| | 00:14 | Now that we have the ability to
create different content for different
| | 00:17 | users inside Joomla!
| | 00:19 | your next question I just know it
will be, will be how can I style each
| | 00:24 | different type of login on the website
so when my employees log in they see one
| | 00:29 | color and when the super
administrator log in they see another color, the
| | 00:33 | volunteers log in they see another color.
| | 00:35 | Now it becomes particularly relevant
when you have, for example, gold, silver,
| | 00:39 | and bronze membership levels and
maybe you want to incorporate those colors
| | 00:42 | into your site design.
| | 00:44 | Wouldn't that just be the
coolest thing in the world?
| | 00:46 | Well, I have a huge hat tip to Jonathan
Shroyer over a corePHP at corePHP.com.
| | 00:52 | corePHP is a great developing company
with a bunch of really terrific engineers
| | 00:58 | and developers that write a bunch of
wonderful extensions and do custom Joomla!
| | 01:02 | work as well and Jonathan Shroyer
is their CSS guru there at corePHP.
| | 01:08 | And I just saw him speak Joomla!
| | 01:10 | Day Midwest which happened in
November of 2011 and he gave this great
| | 01:15 | presentation on how you can add some
cool styling to your website and one of the
| | 01:20 | things he showed was this trick for
styling your pages differently depending on
| | 01:25 | which type of user is logged into the website.
| | 01:28 | So if you take a look real quick inside
of your Exercise files, you will notice
| | 01:33 | that there are two files there.
| | 01:35 | One is a piece of PHP inside of this
document here and I'll go ahead and
| | 01:41 | describe you what this code does.
| | 01:43 | So here where it says put this in
instead there is the typical lines of PHP
| | 01:48 | here including PHP that JEXEC or die that
does the test to see if you're running in Joomla!
| | 01:53 | and if you are, then it
continues and if you're not, it stops.
| | 01:56 | The next few lines of code here what it
does is it pulls some variables from the
| | 02:00 | database and it's determining what the
user is and what groups the user belongs
| | 02:04 | to and then it assigns that user group
to a variable, in this very last line
| | 02:09 | here where it says this dollar sign body.
| | 02:11 | A whole bunch of bits and pieces that Joomla!
| | 02:14 | has pulled from its database and is
relevant to the user who's logged into the website.
| | 02:18 | It puts it together into
this variable called body.
| | 02:21 | Then what you do is inside of your
HTML where your old body tag was you
| | 02:26 | replace it with this little bit of
code here and php echo $body means that
| | 02:32 | whatever the value of body is, the
variable body which was determined here, in
| | 02:36 | the very last line of this bit of code,
it will go ahead and right here as a
| | 02:40 | class inside of the body tag.
| | 02:43 | What that means is you can now write
styles using that class for specific user
| | 02:48 | groups and override other styling on the page.
| | 02:50 | So this is something I'd like to
show you how this works right now.
| | 02:53 | I am going to start by copying this
bit of code here right under the words
| | 02:58 | put this in instead.
| | 02:59 | So I am going to Ctrl+C or Command+C,
minimize this document, I am going to jump
| | 03:04 | into the backend of the website and
I'm going to go to Extension>Template
| | 03:08 | Manager and I am going to go to the
Templates tab and I am going to scroll down
| | 03:13 | to the bottom here to samoca Details.
| | 03:16 | Then I am going to go into editing the
main page template over here in the side.
| | 03:22 | At the very top of my document I
have this little bit of PHP at the top.
| | 03:26 | I am going to highlight that and erase it.
| | 03:28 | Make sure you keep what comes after that;
| | 03:30 | that red line where it says DOCTYPE HTML.
| | 03:33 | Make sure that and
everything down stays in place.
| | 03:35 | Then I am going to Ctrl+V or Command+V
and that will paste in that bit of PHP
| | 03:40 | from my exercise file. There is it!
| | 03:42 | Now it's in place and in the second
step what I need to do is I need to copy
| | 03:47 | this little bit of code here for the
body tag, Ctrl+C or Command+C and in
| | 03:52 | the backend of Joomla!
| | 03:53 | I am going to scroll down to my body
tag, get rid of it, and put in this
| | 03:57 | revised body tag here.
| | 04:00 | Now I am going to hit Save & Close.
| | 04:01 | When I refresh the front end of the
website, nothing changes, because I am not
| | 04:07 | currently logged in.
| | 04:09 | If I scroll one down to the
Volunteer and Employee Login and let's say I
| | 04:14 | login as a volunteer, once again nothing has
changed yet, because I haven't done any styling.
| | 04:21 | But if I view the source of this
webpage, which you can do by either
| | 04:25 | right-clicking on this and choosing
View Page Source or you can use the Web
| | 04:30 | Developer toolbar which I already installed.
| | 04:33 | Then if I right-click up here in
Firefox and say show the Web Developer
| | 04:36 | toolbar, here it is.
| | 04:37 | I don't know what I would do
without the Web Developer toolbar.
| | 04:40 | Chrispederick here at Chrispederick.com.
| | 04:43 | You will see that a URL for this come up on
the yellow overlay at the bottom of the screen.
| | 04:48 | This is where you can download the Web
Developer toolbar and it is available for
| | 04:51 | both Firefox and Chrome down
here in the bottom of the screen.
| | 04:54 | You can download them for
either type of web browser.
| | 04:56 | Once you have that installed viewing
the source of the website becomes very
| | 05:02 | simple, all you have to do is go to
View Source and then View Source again, and
| | 05:07 | this'll show us the code
that's making up our webpage.
| | 05:10 | Note here in the body tag that
now we have a body with a class of
| | 05:16 | group-volunteer_group.
| | 05:19 | In our PHP code down here in this
last line see we have the word group- and
| | 05:24 | then we put in some PHP here that's pulling
in the name of our group of volunteer_group.
| | 05:30 | Remember, we called our group the
volunteer group, and what PHP is doing is
| | 05:36 | putting in underscores where they were spaces.
| | 05:39 | That creates this class
here of group-volunteer_group.
| | 05:43 | So I am going to go ahead and copy that,
because that's going to be very, very
| | 05:50 | useful in generating some CSS and of
course the class here is going to differ
| | 05:55 | depending on which exact type of
user is logged into the website.
| | 06:00 | The volunteer that we have logged in
right now is part of the volunteer group so
| | 06:03 | that we see that up
there at the top of the page.
| | 06:07 | What I can now do with Web Developer
toolbar is using my CSS>Edit CSS here on
| | 06:13 | the side in my default stylesheet I
can scroll on down here. Let's see.
| | 06:21 | Down to where it says right menu.
| | 06:22 | Do you see here where it says right menu?
| | 06:25 | And this color over here on the side
that's behind the user menu and then these
| | 06:30 | three links here on the side.
| | 06:31 | That is called out by the background
color here for the right ul.menu a:link and
| | 06:37 | right ul.link a:visited.
| | 06:39 | So what I can do is, and I've already
written some of the CSS here for you.
| | 06:45 | I went ahead and I did a quick little override.
| | 06:48 | So here with the volunteers I am
going to go ahead and copy this code and
| | 06:53 | I'll paste it right on in here just after where
we call out the generic case for right ul.menu.
| | 06:59 | So in other words, if nothing else is
specified it's going to be this light
| | 07:02 | blue color which is what the public
will see, but if I paste in the styles that
| | 07:06 | I had here for you, now that'll turn
this more of an aqua green color when I am
| | 07:12 | logged in as a volunteer.
| | 07:13 | And what you'll see here in
the CSS is all I've done is set
| | 07:17 | body.group-volunteer_group in front of
the calls for right ul.menu a:link and
| | 07:24 | ul.menu a:visited as well as the h3 at
the top of the page and substituted in
| | 07:29 | the different background colors that I wanted.
| | 07:31 | Now this was the styling that I
choose to do for this part of the exercise.
| | 07:36 | I just changed some background
colors over on that right menu.
| | 07:39 | You can do anything you want using
body.group- whatever the name of the
| | 07:44 | user group is, you can then override any of
the other styling that's here in this page.
| | 07:48 | You could swap out background images.
| | 07:50 | You can change colors.
| | 07:52 | You could probably even change
layouts if you wanted depending on what user
| | 07:55 | group is logged into the website.
| | 07:56 | This is a really, really powerful technique
that corePHP Jonathan Shroyer have developed.
| | 08:01 | So let's go ahead back to our exercise
file here for CSS and what I am going to
| | 08:07 | do is I am going to copy in
there are four groups of these.
| | 08:10 | One for volunteers, one for employees,
one for senior managers, and one for
| | 08:14 | super users, and I am just going to copy
all this code in here and I am going to
| | 08:19 | go to the backend of Joomla!
| | 08:21 | and I am going to go to Editcss/default.css.
| | 08:24 | You get to the screen once again by
going to Extension>Template Manager,
| | 08:30 | switching to the Templates tab,
scrolling down to the samoca Template, and then
| | 08:36 | clicking on an Edit Template Details.
| | 08:41 | I am going to scroll down in my
stylesheet here, on down to some of the right
| | 08:48 | side styling here, and when we reach
the end of the right menu here, we sort of
| | 08:54 | reach the end of that styling, and we
go into content styling right in-between
| | 08:57 | the very end to make sure you
don't snag any of the curly brackets.
| | 09:02 | Right after the last curly bracket
belonging to the right menu styling and
| | 09:06 | before the content styling go ahead
and past in the CSS that I have given you
| | 09:11 | there in the exercise file, and
go ahead and hit Save & Close.
| | 09:15 | So now when I refresh the front end of
the website as a volunteer you'll see
| | 09:19 | that my colors over here change for volunteer.
| | 09:22 | I can log out and log in again now as
an employee, and I have a different color
| | 09:29 | over here on the side as an employee.
| | 09:30 | I am going to login one more time as
the super administrator, and I have this
| | 09:39 | very nice green over here in the side as
a super administrator, and finally when
| | 09:44 | I login at senior manager, senior and
senior, I have different color still.
| | 09:53 | So while this may not make the most
amount of sense on the Samoca website, does
| | 09:56 | it really matter that these are
different colors on the sides in this
| | 10:00 | particular example?
| | 10:02 | Not so much maybe, but I could
definitely see this is an incredibly useful tool
| | 10:06 | for people who might have different
membership levels on the website and they
| | 10:11 | want to very clearly differentiate
between which user level is logged into the
| | 10:15 | website using color or layout or
anything else that you can do in CSS.
| | Collapse this transcript |
|
|
3. Allowing Front-End Site AdministrationThe goal of this project| 00:00 | At SAMOCA, Volunteers are
responsible for many functions in the museum.
| | 00:04 | There is even a Volunteer who updates
the Volunteer portion of the website.
| | 00:08 | This Volunteer pulls together content
and information from employees at the
| | 00:11 | museum and then posts that information
on the Volunteer page of the website.
| | 00:16 | This volunteer Sara, there is
responsible for keeping the single, existing page
| | 00:20 | of the website up-to-date.
| | 00:22 | She should not be able to edit
other pages on the website, just the one
| | 00:26 | page that we have now.
| | 00:28 | That page is a category blog, remember.
| | 00:30 | So she should be able to create new
articles within the Volunteer category, edit
| | 00:35 | articles within that category, but
only that category, publish or unpublish
| | 00:39 | articles and upload images and
include those images in her articles.
| | 00:43 | This is a great opportunity to give
Sara the ability to edit from the frontend
| | 00:47 | of the website, which will be quick,
easy and straightforward for her to learn.
| | 00:52 | In the coming videos, I'll show you
how to set up Sara to have the ability to
| | 00:57 | create articles, edit articles and
publish or unpublish those articles.
| | 01:01 | That probably sounds like a
publisher to you which is what we would have
| | 01:04 | called it in Joomla!
| | 01:05 | 1.5, but the difference here is that
Sara will only be able to create, edit and
| | 01:10 | publish and unpublish articles within a
given category, the Volunteer category,
| | 01:16 | which we created in previous videos.
| | 01:18 | So let's go ahead and get started on that now.
| | Collapse this transcript |
| Creating groups, assigning core permissions, creating users, and assigning access levels| 00:00 | Now that we've got the goals for our
website all set, we are ready to move
| | 00:03 | forward with setting up Sara, as a user
here on the website and giving her the
| | 00:08 | special abilities to create, edit and
change the state of any article within the
| | 00:13 | Volunteer category on this website.
| | 00:15 | Remember that, users, all live within
at least one user group, and with that
| | 00:20 | particular user group, all of those
particular users have the ability to do
| | 00:25 | exactly the same thing.
| | 00:27 | So if we want to give Sara special
powers that are outside of what the other
| | 00:33 | volunteers can do, we'll have to
put Sara in her own user group.
| | 00:37 | So that's what we're going to do first.
| | 00:39 | We will set up a user group for Sara,
we will assign the core permissions and
| | 00:43 | then create her user account.
| | 00:44 | We will also set up an access level for her.
| | 00:47 | So the first step is to create a user group.
| | 00:49 | So I am going to go to
Users>Groups>Add New Group.
| | 00:55 | And I am going to give this a title
of Volunteer Publisher Group. Why?
| | 00:59 | Because remember, Publishers in Joomla!
| | 01:00 | 1.5 and the default publisher group
in 1.7 have the ability to create, edit
| | 01:07 | and edit the state of any article,
anywhere on the website and in 1.7, create,
| | 01:13 | edit and publish the state of any
kind of content that would also mean web
| | 01:17 | links, contact forms, other categories,
menu links, and all kinds of other
| | 01:22 | things on the website.
| | 01:24 | Sara is going to be publisher like in
her ability to do things on the website,
| | 01:28 | but she's going to be limited
to just the Volunteer category.
| | 01:31 | That's the name that I've created here.
| | 01:33 | Go ahead and hit Save & Close, and
you'll see that the Volunteer Publisher Group
| | 01:39 | has now created here on the website.
| | 01:41 | Next, I will assign core
permissions to the Volunteer Publisher Group.
| | 01:46 | Go to Site>Global Configuration and
we will scroll down to the Volunteer
| | 01:51 | Publisher Group and we will
click on the down arrow here.
| | 01:56 | The Volunteer Publisher Group is a
child of Public, so it inherits all of its
| | 02:00 | permissions from Public.
| | 02:01 | And as you will see here, by
default the Volunteer Publisher Group can
| | 02:05 | do exactly nothing.
| | 02:07 | We know that Sara is going to need to
log in to the frontend of the website.
| | 02:11 | So let's go ahead and give her the ability
to do that, by setting Site Login to Allowed.
| | 02:16 | You might think this is the time to
set Create, Edit and Edit State, all
| | 02:21 | too Allowed as well.
| | 02:23 | However, by setting them here in the
Global Configuration, I'm allowing Sara
| | 02:28 | to create, edit and edit the state of any
piece of content, anywhere on the website.
| | 02:34 | I don't want to do that.
| | 02:36 | So I am going to leave these set
to Not Allowed, which remember is
| | 02:40 | technically not set as inherited
from the public group, and I'll override
| | 02:44 | them elsewhere inside of Joomla!.
| | 02:48 | Go ahead and hit Save & Close, and so
the only core permission we assigned,
| | 02:53 | was the Site Login.
| | 02:55 | The next thing to do is to create Sara's Login.
| | 02:57 | So to do that let's go to User Manager,
click on the New button and we will set
| | 03:02 | up an account for Sara.
| | 03:04 | So her Name is Sara, her Login Name will
be sara, all lowercase and the Password
| | 03:09 | will be sara, all lowercase.
| | 03:11 | Remember not to do that in real life.
| | 03:13 | It's far better to set up a better
Login Name and a better Password for Sara.
| | 03:19 | Remember that in Joomla!, the only
things required here in the User Manager
| | 03:22 | screen is the Name, the
Login Name and an Email address.
| | 03:25 | Note that Password is not required.
| | 03:28 | If you don't fill in Password,
what will happen is Joomla!
| | 03:31 | will generate a random password for you
and the person who gets the email, once
| | 03:37 | this user account is generated, will
have a randomly generated password.
| | 03:41 | That's probably the best way to handle
most of these user logins, I recommend it.
| | 03:46 | Unfortunately, right here in this
situation, you're not going to get the email
| | 03:49 | sent to that Email address.
| | 03:52 | I need for you to remember a whole
bunch of logins, so I am trying to make it
| | 03:54 | easy for you by giving you names
like Sara and the password of sara.
| | 03:59 | Please just don't do that in the real world.
| | 04:01 | So here in Email, we will give her sara@
samoca.org, will be her email address.
| | 04:07 | Now that we've got that part set up,
scrolling down the page and we'll go to
| | 04:13 | Assign User Groups, we will turn off
Registered as the User Group and we will
| | 04:17 | assign her both the Volunteer Group
and the Volunteer Publisher Group.
| | 04:20 | Why both, because Sara is
actually a member of both groups.
| | 04:25 | She is a Volunteer for the
organization, but she's also part of the
| | 04:29 | Volunteer Publisher Group.
| | 04:30 | Remember that users can belong to more than
one user group for your website. All Right!
| | 04:36 | Scroll back on up to the top of
the page and hit Save & Close.
| | 04:40 | Now we have a User Group, we have Core
Permissions assigned and we have our user
| | 04:45 | created, so now let's go ahead and
take a look at the frontend of the website
| | 04:49 | and see what happens.
| | 04:52 | So if I go to the frontend of the
website and I scroll on down to the Volunteer
| | 04:56 | and Employee Login, and enter a Username
and Password of sara, you will see that
| | 05:02 | we are logged into the website.
| | 05:04 | How did that happen?
| | 05:05 | Well, remember that Sara
belongs to the Volunteer Group.
| | 05:08 | The Volunteer Group sees things on
the frontend of the website via the
| | 05:12 | volunteer access level.
| | 05:14 | And Sara is included a part of that
because she's part of the Volunteer User Group.
| | 05:19 | That's why we see this screen here and
you'll see that we have all of the same
| | 05:22 | colors that we have for Volunteers.
| | 05:25 | But her Volunteer Publisher Group right
now isn't giving her any special powers
| | 05:30 | at all on the website and in fact,
we haven't yet created the volunteer
| | 05:33 | publisher access level.
| | 05:35 | So let's go ahead and do that now,
back on the back-end of the website.
| | 05:40 | We are going to go to Users>
Access Levels>Add a New Access Level.
| | 05:45 | And I am going to call this the
Volunteer Publisher Access Level and the members
| | 05:52 | for this will include, just
the Volunteer Publisher Group.
| | 05:56 | If I included the Volunteers, then the
Volunteers would be able to see things
| | 06:01 | that only the Volunteer Publisher
would need to see on the website.
| | 06:04 | And the thing that I'm specifically
going to add for the Volunteer Publishers is
| | 06:08 | a link to create new content.
| | 06:10 | The volunteers are not going to need that link.
| | 06:13 | So this Volunteer Publisher Access
Level will give a nice differentiation which
| | 06:18 | will allow these guys, the Volunteer
Publishers, who need to create content, the
| | 06:23 | ability to see that link without
confusing all of the other volunteers by having
| | 06:27 | a link that does nothing for them.
| | 06:29 | Go ahead and hit Save & Close.
| | 06:30 | Now that we have our User Group, our
core permissions, our User and our Access
| | 06:36 | Levels all created, we are ready to
move on to putting up some content, on this
| | 06:40 | website and adjusting permissions,
so that Sara can get some work done.
| | Collapse this transcript |
| Adjusting permissions for categories and articles| 00:00 | Now that Sara is set up with an
account, we need to make sure that she
| | 00:04 | can create and edit articles for the
Volunteer category on the frontend of the website.
| | 00:08 | You can see that Sara is logged in right now.
| | 00:11 | If you take a look on the Log out button
here, it'll say Hi Sara, followed by Log out.
| | 00:15 | That's how you know she is logged in.
| | 00:16 | Right now, Sara is able to log in
obviously, but she can't edit anything.
| | 00:22 | How do we know that?
| | 00:23 | There's no little pencil icon here on
the frontend of a website for her to click
| | 00:27 | on, in order for her to edit the articles.
| | 00:30 | In our core permissions, we did not
give the Volunteer Publishing Group the
| | 00:34 | ability to change anything on this website.
| | 00:36 | If we did enable creating or editing
content within the core permissions, the
| | 00:41 | Volunteer Publisher Group would be able to
change any page on the website, any page at all.
| | 00:47 | Since we need this group to change
only one category on this site and the
| | 00:52 | information within that one category,
we will change the permissions to allow
| | 00:56 | editing in the category only.
| | 00:58 | That will lead to a lot less clicking
around in terms of disabling the ability
| | 01:01 | to change articles in other categories.
| | 01:03 | And if we ever add another category to
the website, we won't have to remember to
| | 01:08 | disable it for the volunteers.
| | 01:09 | So this is a better approach.
| | 01:11 | In order to get started on this, I am
going to happen to the backend of Joomla!.
| | 01:15 | I am going to go to my Category
Manager by clicking on the Category
| | 01:18 | Manager icon, right here.
| | 01:21 | And I am going to scroll
down to the Volunteers Category.
| | 01:24 | When I click on that, if you scroll
all the way down, all the way down, all
| | 01:28 | the way down to the very bottom of the
screen, you might not have even noticed
| | 01:31 | that this was here yet.
| | 01:32 | This is the permission that has to
do with specifically the Volunteer
| | 01:37 | Category on the website.
| | 01:39 | And the Volunteer Category on the
website is exactly what I want to change.
| | 01:42 | I want to allow the Volunteer
Publisher Group the ability to create, edit and
| | 01:48 | edit the state of all the
articles, as well as edit their own.
| | 01:51 | So to do that, I'm simply going to
change these dropdowns here for Create to
| | 01:56 | Allowed, Edit to Allowed, Edit State
to Allowed and Edit your Own to Allowed.
| | 02:04 | I am going to scroll back up to the top
of the page and click the Save button,
| | 02:07 | so that it'll recalculate, so that
you can see that the Volunteer Publisher
| | 02:12 | Group is now allowed to do these things.
| | 02:14 | I did not give the Volunteer
Publisher Group the ability to delete.
| | 02:18 | Remember that the delete means,
they cannot empty the trash can.
| | 02:22 | By giving them the ability to edit
the state, they can set the state of the
| | 02:26 | article to published, unpublished or trashed.
| | 02:30 | In other words, they can send the
article to the trashcan, but they're not
| | 02:33 | allowed to actually empty the trashcan,
which comes under the Delete permission.
| | 02:38 | So now if I scroll back on up to the
top of the page and hit Save & Close, I am
| | 02:42 | going to flip back over to the frontend
of the website and I will hit Refresh,
| | 02:47 | we will see if anything
changes here and it didn't.
| | 02:50 | Sometimes things will change as
you tweak things in the backend and
| | 02:53 | sometimes they won't.
| | 02:54 | If they don't change, what you'll need
to do is log out and then go down and log
| | 02:59 | in one more time, sara and password of sara.
| | 03:04 | So now when we log in to the frontend of
the site, it looks exactly the same as it did.
| | 03:08 | Remember that, the actual article here,
right here after you log in, is not an
| | 03:13 | article that Sara can edit.
| | 03:15 | It's not part of the
Volunteer Category, it was actually an
| | 03:18 | uncategorized article.
| | 03:20 | And remember that it's full of modules
that are driven that Sara can't edit either.
| | 03:24 | But if we go over to the Volunteers
page over here on the side, you will
| | 03:28 | see that now we have the ability to
click this Pencil icon here and we get
| | 03:35 | our editing screen.
| | 03:36 | We can make changes to the article.
| | 03:39 | We can even change some of the
information down here at the bottom,
| | 03:43 | including information such as the
Metadata, including the Meta Description
| | 03:47 | and the Meta Keywords.
| | 03:48 | Some of the items are grayed out and
these are things that she's not allowed to
| | 03:53 | touch at the moment.
| | 03:54 | I didn't make any changes to this article.
| | 03:58 | So I am going to go ahead and hit Cancel.
| | 04:00 | So we know that we can edit the article
that's there, now we need an ability to
| | 04:05 | create articles on the frontend and
the way to do that is to add another menu
| | 04:10 | item, which I'll do in the next video.
| | Collapse this transcript |
| Adding menu items| 00:00 | Now that we have Sara set up with all
of the permissions that she needs to
| | 00:04 | create and edit information on the
frontend of the website, the one thing that
| | 00:08 | Sara is missing right now is the link to
create new articles on the frontend of the website.
| | 00:13 | To do that, we are going to go ahead and
add a new menu item to the frontend and
| | 00:17 | you'll see that she can click on that
and we'll create a new article to appear
| | 00:21 | on the frontend of the website on the blog.
| | 00:23 | So let's go ahead and do that now.
| | 00:24 | What we are going to do is go to menus>User
menu and we're going to Add a New menu Item.
| | 00:30 | And when it comes to the menu Item Type,
click the button and under Articles,
| | 00:34 | you will see that we have an
option called Create Article.
| | 00:37 | Go ahead and click that.
| | 00:38 | We can give this a title Create a New Article.
| | 00:42 | The Access level for this will be
the Volunteer Publisher Access Level
| | 00:46 | (Volunteer Publisher AL).
| | 00:47 | Remember that we have a Volunteer
Access Level and a Volunteer Publisher Access
| | 00:51 | Level and the difference is that all
of the volunteers will be able to see
| | 00:55 | things with the Volunteer Access Level,
but for the Volunteer Publisher Access
| | 00:58 | Level, only Sara is going to be able to see it.
| | 01:00 | And the reason why is, Create a New
Article is something that only Sara can do.
| | 01:05 | The volunteers are not going to in
general, be able to create new articles.
| | 01:08 | So why show them a menu item that they
can't do anything with and just confuses them?
| | 01:12 | Over on the right side of the screen,
under the Basic Options, we have the
| | 01:17 | option here of configuring this
with the category cannot be changed.
| | 01:20 | I am going to go ahead and turn that on.
| | 01:22 | So the Default category will be set
to Yes and which category will be the
| | 01:26 | Default, well, that's the Volunteers Category.
| | 01:29 | This means that there's just one
more widget for Sara to get confused by.
| | 01:33 | If there's more than one category that
somebody needs to be able to edit, you
| | 01:37 | would leave this set to No and then
they would be able to choose which category
| | 01:40 | from their drop-down, but since there's
only one category for Sara anyway, why
| | 01:44 | give her the drop-down.
| | 01:46 | Go ahead and hit Save & Close and
then go, flip over to the frontend of the
| | 01:50 | website, make sure you're logged in as Sara.
| | 01:52 | If you're not, go scroll on down to the
bottom of the screen and click Volunteer
| | 01:55 | and Employee Login, log in
as sara, password of sara.
| | 01:58 | If you already logged in, go ahead and
refresh the screen and you will notice
| | 02:02 | that a new menu item comes up
that says Create a New Article.
| | 02:05 | Go ahead and click that, and you will
get a blank article creation screen.
| | 02:08 | In your exercise files, you'll see that I've
given you a volunteer article to go ahead and post.
| | 02:13 | So using Ctrl+C or Command+C to copy
and Ctrl+V or Command+V to paste, go ahead
| | 02:20 | and paste in the contents.
| | 02:21 | There is a title of Volunteer Appreciation
Picnic and there is a paragraph of information.
| | 02:27 | Although, I haven't been using the read
more options here inside of Joomla!, you
| | 02:32 | can certainly use the read mores or
the page breaks or add pictures, anything
| | 02:36 | you want to do with these articles,
that you would do anywhere else on the web,
| | 02:39 | certainly you can go ahead and do.
| | 02:40 | If we scroll on down the screen here,
by default, this article is set to
| | 02:45 | Published which is great and the
Access Level as I said, will default to
| | 02:49 | Public, Sara should probably change
that to the Volunteer Access Level
| | 02:53 | (Volunteer AL) just so again, we are
very clear that this is an article that's
| | 02:56 | only for the volunteers, but if she
forgets, it's not a tragedy, it will still
| | 03:00 | only show up for the volunteers.
| | 03:02 | Go ahead and scroll back
up to the top and say Save.
| | 03:04 | You will get a notice here saying
that it couldn't start the mail function.
| | 03:09 | When anybody adds an article from the
frontend of the website, an email is
| | 03:12 | generated, which is sent to the super
administrator of the website to let them
| | 03:16 | know that an article has appeared
from the frontend, because by default,
| | 03:19 | articles are usually unpublished, and
the super administrator often has to go
| | 03:24 | in and publish those articles, now
in the case of this particular one, it
| | 03:28 | should already be there.
| | 03:29 | So let's go over to the side here to
For Volunteers and you'll see that here on
| | 03:34 | the frontend of the website, we now
have two articles, Volunteer Appreciation
| | 03:37 | Picnic and Just For Our Volunteers.
| | 03:39 | They are both here, they're both
published and they are available here for Sara.
| | 03:43 | Now that we've posted the article here
on the website, what I would like to do
| | 03:46 | is I would like to go back and add a
picture to the Volunteer Appreciation
| | 03:50 | Picnic article and I'm going to go
ahead and show you how to set that up and
| | 03:54 | permission for the media
manager, in the next video.
| | Collapse this transcript |
| Providing access to the Media Manager| 00:00 | Sara found a great picture of last
year's picnic and she would like to go
| | 00:04 | back and add that to the Volunteer
Appreciation Picnic article that she just
| | 00:09 | posted to the website.
| | 00:10 | So let's go ahead and log in as
sara and see how that works out for us.
| | 00:13 | So I am going to scroll on down to the
Volunteer and Employee Login link, and
| | 00:17 | log in as sara with the Password of
sara and I am going to go to the Volunteers
| | 00:22 | page and here is the article about
the Volunteer Appreciation Picnic.
| | 00:26 | So I would like to add a picture, I am
going to go ahead and click that Pencil
| | 00:30 | icon and I am going to add that
picture to the top of the article.
| | 00:33 | So I am just going to hit a Return
here and then I am going to click on the
| | 00:37 | Image button down here at
the bottom of the screen.
| | 00:40 | And this puts us into the Media Manager.
| | 00:42 | From here, I'm able to go ahead and
browse for a picture on the website, but
| | 00:46 | notice that there's something
very key missing from this screen.
| | 00:49 | Down here on the bottom, usually right
in this area, there is a button that says
| | 00:54 | Upload, so that we can upload a
picture into the Media Manager.
| | 00:57 | We don't have that right now.
| | 00:59 | So we need to give Sara the
permission necessary to go ahead and upload new
| | 01:03 | pictures into the website.
| | 01:05 | So I am going to hit Cancel and I am
going to hit Cancel again to get out of
| | 01:08 | this article and I am going to flip
back to the backend of the website.
| | 01:12 | From here, I am going to go to the
Media Manager which is under Content>Media
| | 01:15 | Manager and I'm going to go to the
Options button up here in the upper
| | 01:19 | right-hand corner and click that.
| | 01:21 | Pretty much all through Joomla!,
anytime you go into, any of the menu Items in
| | 01:25 | the backend, there is a button in the
upper-right called Options, which will
| | 01:28 | allow you to set permissions as well as
change any options that are specific to
| | 01:33 | the item you are working with.
| | 01:34 | So here on the Component tab, in the
Media Manager, we have the options to turn
| | 01:38 | things on like the flash uploader or
specify the path to our files and so forth.
| | 01:43 | But the tab we are really
interested in is the Permissions tab here.
| | 01:46 | So now we're going to go down to the
Volunteer Publisher Group and you will
| | 01:50 | notice that right now, we have no
access to the Media Manager from the
| | 01:55 | Create perspective.
| | 01:56 | And Create in the context of the Media
Manager indicates that we can upload a
| | 02:00 | new image to the Media Manager.
| | 02:02 | The first two, Configure and Access
Component, I will discuss in the next video,
| | 02:06 | so what those mean exactly.
| | 02:07 | And of course, Delete means, there is
a button that's available, so that we
| | 02:11 | can delete an image.
| | 02:12 | So really all I want Sara to be
able to do is Create new images.
| | 02:16 | So I am going to allow her to do
that here and say Save & Close.
| | 02:20 | So now when she goes in from the
frontend of the website, she should be able
| | 02:24 | to upload a picture.
| | 02:25 | So let's see if that actually happens.
| | 02:27 | I will flip back over to the frontend
of the website and once again I am going
| | 02:30 | to click the Edit button here at the
top of the Volunteer Appreciation Picnic
| | 02:34 | item and I will put in that space
again at the top and click the Image button
| | 02:39 | and you'll notice that we now have
the ability to upload files here.
| | 02:42 | So I am going to go ahead and say
Browse your files and I'm going to go into my
| | 02:48 | exercise files, in Chapter 3, #05,
here's the picture she'd like to include.
| | 02:54 | Go ahead and select that and say Open
and then click the Start Upload button.
| | 02:58 | If your interface doesn't quite look
like this, it's because you don't have the
| | 03:02 | flash uploader turned on.
| | 03:04 | In your Media Manager, if you go to
that Options button and under the Component
| | 03:08 | tab, down the very bottom of the screen is an
option to turn on or off the flash uploader.
| | 03:13 | If you have the interface here that
just gives you a box where you can upload
| | 03:16 | one file at a time, that certainly
works as well, feel free to use that, but
| | 03:20 | that's why mine looks the way it does. Okay!
| | 03:23 | Now that we've uploaded that picture,
we should be able to find it up here,
| | 03:27 | there it is, family picnic.
| | 03:29 | Make sure you go ahead and put in
your alt tag, which here in Joomla!
| | 03:32 | is called the Image Description, Family
on the volunteer appreciation picnic and
| | 03:41 | you can certainly copy this, the
description down to the Image Title if you
| | 03:45 | wish, then go ahead and say Insert.
| | 03:48 | You'll see here we have the family here
on their picnic with the text underneath.
| | 03:52 | Go ahead and say Save and now you can
see that we have a very nice looking
| | 03:58 | article right here on the website
with the text underneath, so all is
| | 04:01 | really quite well here.
| | Collapse this transcript |
| Testing logins| 00:00 | Our last step in completing any type of
configuration process inside of Joomla!
| | 00:05 | is to make sure we test our logins to
make sure we don't have any unexpected
| | 00:09 | consequences along the way as
we add new logins to the website.
| | 00:13 | So what I would recommend that you do
is in this case, we have made a lot of
| | 00:16 | changes to the
Volunteers portion of the website.
| | 00:19 | We'll definitely want to log in as Sara
and the Volunteer to make sure that we
| | 00:22 | can still access what we expect we can access.
| | 00:25 | And we may want to double check say with
the employees or the senior managers to
| | 00:28 | make sure nothing has changed.
| | 00:30 | So I am going to start by logging in
down here on the bottom and let's start by
| | 00:34 | logging in as sara, Password of sara.
| | 00:37 | When we log in to the website, we do
get that link to Create a New Article.
| | 00:41 | We also have our link for
the Volunteers at the top.
| | 00:44 | Here's the page with the Volunteers.
| | 00:46 | We have the ability to edit those articles and
we know that because we have our pencil icons.
| | 00:50 | If I go elsewhere on the website say
to the about us page or the collections
| | 00:54 | page, no pencil icons appear, Sara can't
edit anything within this area of the website.
| | 00:59 | So that's exactly the behavior that we expect.
| | 01:02 | Go ahead and click Log out.
| | 01:03 | Then we are going to log in one more
time as a Volunteer and as expected, here's
| | 01:10 | our link for the For Volunteers page.
| | 01:12 | When we click it, there is no pencil
to edit, that's exactly what we want.
| | 01:15 | We want to just be able to read the information.
| | 01:18 | If we go to the other pages on the site,
we can't edit there either, but we can
| | 01:21 | see what's going on.
| | 01:22 | So everything looks good
here under the Volunteers.
| | 01:26 | Then I'll log in as an Employee, which is
employee is the Username, employee is the Password.
| | 01:32 | We do still have our different
colors over here on the side.
| | 01:35 | The employee information
is still here as expected.
| | 01:38 | There is no information about
volunteers and it looks like we can't edit any of
| | 01:42 | the other pages on the website either.
| | 01:44 | Repeat that same process for the
senior managers and you will have done a
| | 01:48 | complete testing of all of your logins
here for the website, just to make sure
| | 01:52 | that no unintended consequences
happen while we configured the site
| | 01:56 | administration from the
frontend for the volunteers.
| | 01:59 | Moving onto the next chapter, I'll
show you how to do some similar types of
| | 02:03 | selective editing, but from
the backend of the website.
| | Collapse this transcript |
|
|
4. Creating a Simplified Back End for ClientsThe goal of this project| 00:00 | Hey you! Yeah, you are watching this video,
you are pretty comfortable with Joomla!
| | 00:04 | by this point or you wouldn't
even be watching this video.
| | 00:07 | You know what content, components,
modules, plug-ins and templates are.
| | 00:11 | You even know how to set
it all up and make it go.
| | 00:13 | Do what ever you want to do.
| | 00:14 | But does your client?
| | 00:16 | And does your client want to
see all that stuff in the backend?
| | 00:19 | Can they be trusted not to touch it just
because you told them to leave it alone?
| | 00:23 | Of course, it depends on the client.
| | 00:25 | I've had many clients who are too
scared to do much of anything on the backend.
| | 00:29 | And I have had other clients who
break things frequently because they go
| | 00:32 | where they shouldn't. To this point in
Joomla!, there's been little you can do
| | 00:35 | about this problem.
| | 00:36 | You could assign your client to
one of the existing user groups.
| | 00:39 | For example, they could be an
administrator and that would prevent them from
| | 00:43 | having access to the templates in Joomla!
| | 00:44 | 1.5.However, if you have several
templates in use on your site, your client had
| | 00:49 | to have access to the entire template
manager in order to assign templates to
| | 00:53 | new pages on the site. With Joomla!
| | 00:54 | 1.6 and beyond, you can more finely
hone, what exactly your client is able to
| | 01:00 | edit in the backend of the website.
| | 01:02 | What's more, you can assign varying
levels of access to different areas.
| | 01:06 | Joe is in the marketing department.
| | 01:08 | Joe is able to post new information on
collections to the website's homepage and
| | 01:12 | collections page and he is able to
create and edit the links on the links page.
| | 01:16 | Joe can also edit the employee page and
add new employee pages behind the login.
| | 01:21 | Joe will therefore need to be
able to do the following. One;
| | 01:25 | create, edit and publish articles in
some particular categories, notably, the
| | 01:30 | collections and the employees categories,
upload new photos and include them in
| | 01:34 | webpages, so this means to making some
changes to the Media Manager, creating
| | 01:38 | and editing menu Items and accessing
the links component where he can create
| | 01:44 | and edit links there.
| | 01:45 | Joe doesn't need to access templates
or modules in most components and giving
| | 01:49 | him too many options is just confusing.
| | 01:52 | Our next task in this chapter is to
build a simplified backend for Joe, so he
| | 01:56 | can get these basic jobs done and
not have to deal with anything extra.
| | Collapse this transcript |
| Creating groups, assigning core permissions, creating users, and assigning users to groups| 00:00 | As we have, several times already, we
will follow the first four steps with ACL
| | 00:04 | and start to set up a login here for Joe.
| | 00:07 | So we're going to create a user group,
we will assign that User Group the core
| | 00:10 | permissions, we'll create a user and we
will assign that user to the User Group.
| | 00:15 | So to get started, the first step is to
make our User Group and to make the User
| | 00:19 | Group, we go to
Administrators>Groups>Add New Group.
| | 00:24 | And this particular one, I am going
to call the Marketing Group because Joe
| | 00:28 | is in marketing and everybody in marketing
will do similar kinds of tasks on the website.
| | 00:33 | Once again it's still going to be a child
of Public, go ahead and hit Save & Close.
| | 00:37 | And here's our new Marketing Group,
down here in the User Group Manager.
| | 00:40 | Now we will assign our
Marketing Group, some core permissions.
| | 00:44 | So go to Site>Global Configuration.
| | 00:47 | If your Global Configuration isn't
already in this tab, switch to the
| | 00:51 | Permissions tab up here on the top of
the screen and then find the Marketing
| | 00:55 | Group and click that.
| | 00:57 | By default, the Marketing Group
is not allowed to do anything.
| | 01:00 | It's a child of Public and so it's
inheriting all of the settings from Public
| | 01:03 | which is you can't do anything at all.
| | 01:05 | For the Marketing Group, we'll allow
them to log in on the frontend of the
| | 01:09 | website which they may occasionally do.
| | 01:11 | We will also allow them to log
in on the backend of the website.
| | 01:15 | The reason why I am giving them backend
login access is because they're going to
| | 01:19 | have to create some menu Items and
there's no way they can create menu Items
| | 01:22 | from the frontend of the website with
the default core Joomla! configuration.
| | 01:26 | That should be pretty much all we need
to give them to do from this level of
| | 01:30 | permissions inside of the Global Configuration.
| | 01:32 | So go ahead and hit the Save &
Close button at the top of the page.
| | 01:36 | The third step is to create a user,
so we will go ahead and do that.
| | 01:40 | Go into Users> User Manager>Add New
User and this is Joe our marketing guy.
| | 01:46 | His Login Name will be joe
and his Password will be joe.
| | 01:50 | And his Email address is joe@samoca.org.
| | 01:53 | Now Joe works for SAMOCA, so he is
going to belong to two user groups.
| | 01:59 | He is going to belong to the Marketing
Group that we just created and of course
| | 02:02 | since he works for SAMOCA, he is an employee.
| | 02:04 | So we'll also put him in the Employee Group.
| | 02:07 | Go ahead and hit Save & Close.
| | 02:11 | And we'll get this error at the top of
the screen because an email could not be
| | 02:14 | sent to Joe to tell him what
his username and password were.
| | 02:17 | And you'll see down here on
the screen, that here is Joe.
| | 02:20 | He is in the Employee Group and the
Marketing Group, exactly as we wanted.
| | 02:24 | So now that we have these basics set up,
we are ready to go ahead and give his
| | 02:27 | login a try, in the next video.
| | Collapse this transcript |
| Adding a back-end access level| 00:00 | Now that Joe is setup with his account,
let's take a quick peek at what he sees
| | 00:04 | when he logs into the backend of the website.
| | 00:06 | Remember that by default we've
given Joe two core permissions;
| | 00:10 | we've given him the ability to log
into the front end of the website and the
| | 00:13 | backend of the website.
| | 00:14 | I'm going to use the second different
web browser, in this case I'm using Chrome
| | 00:19 | down here, so I can see what Joe
sees while I keep working in Firefox.
| | 00:24 | I've found that if I tried to stay
logged into Firefox as the super user and
| | 00:28 | open another tab and login as
Joe on the other tab that Joomla!
| | 00:32 | doesn't like that very much and it
gives me all kinds of trouble it keeps
| | 00:35 | logging me out of places.
| | 00:37 | So I find when I use a second Web
browser to test Joe's login for the backend
| | 00:42 | and I'm using my own super user login
inside a Firefox, I can have the two back
| | 00:46 | ends open at the same time and just
flip back and forth between Web browsers to
| | 00:50 | monitor what's going on.
| | 00:51 | I'm going to use Chrome, because it's
installed here in my computer, but if
| | 00:55 | you're a fan of Internet Explorer or if
you're a fan of Safari it doesn't really
| | 00:58 | make any difference.
| | 00:59 | We just need to have a second Web
browser open, so that we can go ahead and log
| | 01:04 | in and see what's happening.
| | 01:05 | So I'm going to go ahead and login as
Joe with the password of Joe and this
| | 01:08 | should work because we have a backend Log
in and when I log into the backend of Joomla!
| | 01:13 | sure enough notice what I
see, a whole lot and nothing.
| | 01:16 | I don't see anything at all no menus, no
items in the backend, there's nothing here.
| | 01:21 | And the reason why is in the previous
video we had a user, a user group and core
| | 01:28 | permissions, but we never
assigned an access level.
| | 01:32 | So let me show you
something about the way Joomla!
| | 01:34 | sites are put together, you actually
already know all of this, but you've never
| | 01:37 | given it any of the thought in terms of
the backend of a website. Remember Joomla!
| | 01:42 | is just used to build websites and the
way the backend is built exactly the same
| | 01:46 | way, but front-end is build, so there's
an administrator template there's also
| | 01:50 | administrator modules.
| | 01:52 | If you go to Extensions>Module Manager
and in this first drop down here in the
| | 01:57 | Module Manager, you'll
notice that it set to Site.
| | 02:00 | If you switch it to Administrator,
you'll find out that there is actually a
| | 02:04 | number of modules that are set to
Display on the backend of the website.
| | 02:09 | Note also the column for the Access
level most of these are set to Special.
| | 02:15 | The one that isn't here is the actual
login screen which of course has to be set
| | 02:19 | to Public where no one could ever login.
| | 02:20 | So since Joe right now it's not belong
to the special access level, we need to
| | 02:25 | make sure that he does, because if he
doesn't belong to the special access
| | 02:29 | level he will never get for example a
menu across the top of the page, so that
| | 02:33 | he can actually navigate around the backend
of Joomla!, so let's change Joe's access level.
| | 02:39 | If I go to Users>Access Levels I'm
going to go into the Special access level
| | 02:45 | and I'm going to include now the Marketing
Group as part of the special access level.
| | 02:49 | Notice who has Special access levels here
Manager is checked, but not the Administrator.
| | 02:55 | Well the Administrator is
inheriting this from the Manager Group.
| | 02:58 | Note that Authors are checked, but not
the Editor or the Publisher, those are
| | 03:02 | also inheriting that
permission from the Author group.
| | 03:05 | So unless we specifically check off
the marketing group which is the child of
| | 03:08 | public it won't inherit
the Special access level.
| | 03:11 | This by the way this whole screen here
what we're looking at in terms of the
| | 03:15 | Special access level for looking at
things in the backend, this is a very good
| | 03:19 | reason to never use the special access
level on the front end of the website.
| | 03:23 | Going forward you should just not be
in the habit of doing that, you can make
| | 03:26 | access level so easily.
| | 03:28 | Make other access levels for the front
end of the website, because Special is
| | 03:31 | really all about the backend of the
website in Joomla! 1.6 and higher.
| | 03:35 | Go ahead and hit Save & Close and I
found that when you change the Access level
| | 03:40 | this is something where
you really need to log out.
| | 03:41 | So I'm going to log out here in Chrome
and log back in as Joe again in Chrome
| | 03:46 | and now just by changing the access
level take a look at what we've got.
| | 03:50 | We have the ability to edit Joe's
profile, we have some information here about
| | 03:54 | the last few users who logged in
Popular articles, the Added articles.
| | 03:57 | And then in the menu itself we have the
ability to access the control panel that
| | 04:01 | my profile item again log out and then
of course all of the help which is all
| | 04:05 | publicly available anyway.
| | 04:07 | But the point is we now have a menu
across the top of the page, so that we can
| | 04:11 | actually get some work done.
| | 04:13 | Now that we have the basics in
place for a backend login we need to add
| | 04:16 | permissions for Joe to do other things
on the backend, because right now the
| | 04:19 | backend login isn't terribly useful.
| | 04:21 | So let's add some other
permission for Joe in the next video.
| | Collapse this transcript |
| Adjusting permissions for each category of content| 00:00 | Now that Joe has access to the backend
he needs a way to access content and make
| | 00:05 | changes to it as required.
| | 00:07 | In your Super User account in Firefox
go to Content>Article Manager, in the
| | 00:13 | upper right-hand corner here in the
Article Manager is the Options tab, go ahead
| | 00:17 | and click that and if you're not already
in the Permissions tab when you open up
| | 00:21 | the Article Manager option switch
over to it, it's the very last one on the
| | 00:24 | right and we're going to go to the
Marketing Group here in the middle.
| | 00:28 | You will notice that there are seven
permissions that can be configured here
| | 00:32 | Create, Delete, Edit, Edit State and
Edit Own refer to creating, editing and
| | 00:37 | deleting content within the Article Manager.
| | 00:40 | We'll leave this set to Inherited,
because we'll determine which content Joe can
| | 00:44 | edit at the category level.
| | 00:45 | The other two permissions you see
here are Configure and Access component.
| | 00:49 | Configure means whether Joe can
access the Options button in the Article
| | 00:54 | Manager and get to the screen and actually
make changes to people's permissions and so forth.
| | 00:59 | Almost never you're going to want to
change the Configure options and likewise
| | 01:03 | here we're going to leave that to Not Allowed.
| | 01:05 | But Access component means the Joe can
get to the Article Manager in the first
| | 01:09 | place, like it shows up on
his menu and you can see it.
| | 01:12 | Remember that the Article
Manager is a component within Joomla!
| | 01:15 | even though it's not on the Component menu.
| | 01:17 | So I'm going to set Access Component
to Allowed and I'm going to go ahead and
| | 01:23 | say Save & Close, so the only thing I
changed here was accessing the component.
| | 01:27 | And now I'm going to flip over to
Chrome and I'm going hit Refresh button and
| | 01:32 | you'll see just by allowing Joe to
access the component he now gets two buttons
| | 01:36 | that show up here, the Article
Manager and the Category Manager and he also
| | 01:40 | gets Article, Category Manager and the
Featured Articles showing up on the Content menu.
| | 01:44 | If we actually go to the Article Manager
what you'll see is a list of all of the
| | 01:49 | articles, but notice that I
can't click on anything to edit it.
| | 01:52 | Also any of the buttons here for
publishing and unpublishing content normally
| | 01:56 | I can click on this, this is a super
administrator, I can't click on them here as Joe just yet.
| | 02:02 | Now we need to enable the content on
a category by category basis, we did
| | 02:06 | this earlier with Sarah in the
previous chapter, so we're going to do it
| | 02:09 | again here with Joe.
| | 02:10 | So we're going to go to the Category
Manager and I'm going to go to first the
| | 02:15 | Collections category and in the
Collections category scroll down to the bottom
| | 02:20 | of the screen to the Marketing Group
and we're going to allow Joe to create,
| | 02:25 | edit, edit the state and edit his own content.
| | 02:30 | Everything except for delete we're
going to allow within the Collections
| | 02:33 | category, go ahead and hit Save & Close
when you're done and then we're going to
| | 02:38 | go to the Employee category and we're
going to do exactly the same thing, we're
| | 02:43 | going to allow him to Create, Edit,
Edit the State and Edit his Own.
| | 02:49 | And now when I scroll backup to the top
of the page and hit Save & Close, I can
| | 02:53 | flip back over to Chrome now and I'm
going to hit the Refresh button and now
| | 02:59 | you'll see that some of these
particular articles turn blue indicating that
| | 03:03 | these are links that I can click on
and in fact I could change the published
| | 03:06 | date, you see when I mouse over the
check mark I get a little hand icon,
| | 03:10 | whereas if I mouse over the About Us
publishing icon here I can't click on that to change it.
| | 03:15 | So I can edit some of the articles that
are present here in the Article Manager,
| | 03:18 | but not all of them and that's
exactly what we wanted to have happen.
| | 03:21 | You might be wondering why I didn't
give Joe access to create and edit.
| | 03:25 | In the Article Options that button
that was on the upper right-hand corner of
| | 03:29 | the Article Manager and then denying him
access to categories that he should not touch.
| | 03:34 | Instead I did the opposite which was
denied him to everything and then allow him
| | 03:37 | into categories that he was going to change.
| | 03:40 | Remember that if deny is set it a
category level, we can't override it later and
| | 03:45 | that's really important.
| | 03:46 | So if I denied access to Joe say to
touch the About Us category, but later
| | 03:52 | Joe's manager comes to us and says
that one page inside of the About Us
| | 03:55 | category he can touch, but he can't
touch any of the other articles inside of
| | 03:59 | About Us, I can't give him access to
that one article if he's denied at the
| | 04:03 | category level for about us.
| | 04:05 | So it's easier to enable him in some
categories essentially leaving the other
| | 04:10 | categories to a not set sort of state
where we can allow him on an article by
| | 04:15 | article basis later or allow him to
edit the whole category later on as his job
| | 04:19 | description changes.
| | 04:20 | So Joe can now edit content on the
site, so the next task is to make sure
| | 04:24 | that Joe can also access the Media
Manager and the menus and we will
| | 04:28 | configure that in the next video.
| | Collapse this transcript |
| Enabling access to the Media Manager and menu items| 00:00 | Now that Joe can access the Article
Manager and the Category Manager and he can
| | 00:04 | edit some of the articles on the website.
| | 00:06 | The next thing we should do is give him access
to the Media Manager, so he can upload images.
| | 00:11 | So here we are in Firefox and I'm
the Super User and I'm going to go to
| | 00:16 | Content>Media Manager and inside of
Media Manager once again I'm going to go
| | 00:22 | to my Options tab up here in the upper
right, switch to the Permissions tab if
| | 00:26 | you haven't already, it's the one on the far
right always as and find the Marketing Group.
| | 00:31 | So I need to let Joe get to the
Media Manager from the backend of the
| | 00:36 | website that's the access component
option, so I'm going to go ahead and
| | 00:41 | said that to Allowed.
| | 00:43 | Remember that Configure, all that
Configure means is that there is that Options
| | 00:47 | button in the upper right-hand corner
and when he clicks it he can make changes
| | 00:51 | to the Media Manager option,
that doesn't mean anything else.
| | 00:56 | So almost never will you
change the Configure option.
| | 00:59 | I'm also going to allow Joe to create
images for the website, but I'm not going
| | 01:03 | to allow him to delete anything.
| | 01:05 | If he in case wants to use
something he can just not use it.
| | 01:08 | We can have images in the Media
Manager they aren't use and it doesn't hurt
| | 01:12 | anything it just adds a little bit of
disk space to the website and as a super
| | 01:16 | administrator I can always go in later
and clear that out, but I don't want Joe
| | 01:19 | deleting an image that he might put on
a page that's actually in use elsewhere
| | 01:23 | on the site that would be a very bad thing.
| | 01:25 | So I'm going to go ahead and say Save
& Close and then I'm going to flip over
| | 01:31 | to the Chrome and I'm going to refresh
my page and you'll see that the Media
| | 01:35 | Manager is showed up here on the Control
panel, it's also available here under content.
| | 01:40 | If I go into the Media Manager, you'll
see that Joe has the ability to upload
| | 01:45 | images down here at the bottom of the
screen using the Flash Up-loader, but
| | 01:48 | notice that there are no buttons here
for deleting images the way they're in the
| | 01:52 | super administrator where I could check
off many boxes and hit the Delete button
| | 01:57 | on the top or delete images
individually by clicking on the red X.
| | 02:00 | Joe doesn't have that delete
permissions so he doesn't have any of those items
| | 02:04 | here in his Media Manager.
| | 02:05 | So the next thing we need to adjust is
Joe's ability to access the menus option
| | 02:10 | from the backend of Joomla!
| | 02:12 | and so anytime you need to do
this, you're going to go to the
| | 02:15 | menus>menu Manager.
| | 02:18 | And in the menu Manager you'll
find your button up here in the upper
| | 02:21 | right-hand corner for the options,
go ahead and click that and once again
| | 02:25 | we're going to flip over to Marketing
Group and here in the Marketing Group
| | 02:29 | we're going to configure our
permissions for the menu, we're going to allow
| | 02:33 | him to access the component, we'll
allow him to Create and also Edit and Edit
| | 02:40 | the State of menu items.
| | 02:42 | We are not going to allow him to
Delete any menu items, he can unpublish any
| | 02:45 | menu items that shouldn't be there, but
in terms of actually deleting them that
| | 02:50 | would be emptying the trash and
that will be something that the super
| | 02:52 | administrator will do.
| | 02:54 | Editing State I think you can even
set that to trashing the menu item, but
| | 02:57 | they won't actually be deleted, they'll
setting in the trash where they can be still rescued.
| | 03:01 | Go ahead and hit the Save & Close
button at the top of the screen.
| | 03:05 | And now when I flip back over to
Chrome again and I am going to go hit my
| | 03:10 | Site>Control panel link here,
you'll see that we have a menu Manager.
| | 03:14 | I want to click the menu Manager, I
have all of my menus listed here when I
| | 03:18 | switch over to menu items,
I have my specific menus.
| | 03:22 | Right now it starts with the hidden
menu here from this drop down we can
| | 03:25 | switch over to Main menu and I have
all of my menu items here and I can go in
| | 03:29 | and edit all of those.
| | 03:31 | Unfortunately it's not possible for
me to say Joe can edit only one menu or
| | 03:35 | submenus or not other menus, it's an
all or nothing thing where the menu
| | 03:40 | manager is concerned.
| | 03:41 | It would be nice if the permissions were
settable individually for each one of the menu.
| | 03:46 | In other words Joe can add items to the
main menu, but he can't add them to the
| | 03:50 | right menu for example, but
unfortunately it doesn't quite work that way just
| | 03:54 | yet at least in Joomla!
| | 03:56 | Even if Joe did make a new menu
altogether if I go back to my menu Manager
| | 04:00 | he does have the option here of making a
whole new menu, but remember that in Joomla!
| | 04:04 | 1.7 a module is not also created and it
doesn't have access to the modules anyway.
| | 04:11 | So if Joe does go ahead and make a new
menu for the website it won't show on
| | 04:15 | the website, because the module for it
won't show and he has no way of getting to it.
| | 04:19 | He would have to talk to one of the
super users in order to get that menu
| | 04:23 | displayed on the website.
| | 04:24 | So this is another way to prevent him
from making new menus, but again as I said
| | 04:29 | he can still get into any of
these menus and create links on it.
| | Collapse this transcript |
| Allowing access to web links| 00:00 | Joe can access Categories, Articles,
menus, and the Media Manager, but he's not
| | 00:05 | able to get to the Web links.
| | 00:06 | This component is pretty content heavy
and it's likely to change frequently.
| | 00:11 | If you take a look at all of the
components here that we have in Joomla!
| | 00:13 | you'll notice that they fall into two
categories, think of them as things for
| | 00:17 | administrators and things
that are truly content oriented.
| | 00:21 | So components like the Redirect
component or Messaging are really tools for
| | 00:25 | administrators and Joe
definitely doesn't need access to those.
| | 00:28 | So when you approach your Components
menu think carefully about what your client
| | 00:32 | really needs to access and lock away
some of the more administrators focused
| | 00:36 | components from the list.
| | 00:37 | If you're not using banner ads on the
site which we're not or if Joe doesn't
| | 00:41 | need to access contacts which he
doesn't those are all things you don't need to
| | 00:45 | include, but we do need to
give him access to the Web links.
| | 00:48 | So here in Firefox I'm logged in as the
super administrator and I'm going to go
| | 00:52 | to Components>Weblinks, and this is a
list of some of the links for things to do
| | 00:57 | in the area as well as some museums, and
over here in the right-hand corner is a
| | 01:03 | Options box exactly where we expected,
go ahead and click that, switch over to
| | 01:07 | the Permissions tab which is on the far
right and open up the Marketing Group.
| | 01:12 | In the marketing group we need to give
Joe the ability to access the Web links
| | 01:17 | component and he's going to need to
create new Web links, edit links that are
| | 01:21 | there, and then edit their state.
| | 01:23 | So of course first of all we have to
give him the ability to access the Web
| | 01:27 | links component, we have to give him
the ability to create Web links, edit
| | 01:31 | those Web links, edit their state in
terms of publish and then publish them as
| | 01:35 | well as an edit his own.
| | 01:37 | If you hit the Save button on the
top you'll see that your settings are
| | 01:40 | calculated here, the only thing is
he's not allowed to do now are get to the
| | 01:44 | configuration which is the screen that
we're in and he's not allowed to delete
| | 01:47 | Web links entirely, in
other words empty the trashcan.
| | 01:50 | He can always trash them
via the edit state permission.
| | 01:54 | Go ahead and hit Save & Close, and now
when I flip over to Chrome which is Joe's
| | 01:59 | login and I hit the Refresh button again,
you'll notice that the Components menu
| | 02:03 | shows up here on the top, but the only
thing on the Components menu is the Web
| | 02:07 | links component which is great.
| | 02:09 | If I go into Links we'll see that here's
all of the links that are here on our website.
| | 02:14 | Now I'm going to go ahead and add
another link as Joe, so I'm going to go ahead
| | 02:19 | and give this title of Explore California.
| | 02:23 | It's going to ask me for a URL
and I have that URL here in Firefox.
| | 02:28 | This is the Explore
California website and the URL is
| | 02:31 | explorecalifornia.org/tours.htm.
| | 02:33 | I'm going to go ahead and copy that
from the top of the screen and I'm going to
| | 02:41 | go ahead and paste that here into Joomla!.
| | 02:43 | I'm going to assign it a category of
things to do in our area and it's going to
| | 02:46 | be a public Web link, I don't need to
do anything else here in the screen, then
| | 02:50 | I'll go ahead and hit Save & Close, and
when I flip over to the front end of the
| | 02:53 | website and I go to links tab then I go
to Things to Do in Our Area you'll see
| | 02:59 | that the Explore California link is
right here inside of those Web links.
| | 03:03 | So being able to limit that component
list to just a handful of components that
| | 03:07 | a client might actually need to access
is a wonderful way to add simplicity and
| | 03:12 | efficiency to the backend of Joomla!
| | 03:15 | This kind of interface is
working great for Joe now.
| | 03:17 | He can only get to exactly the things
that he's going to use and he's going to
| | 03:21 | need including the Web links component,
various items in the Article Manager, as
| | 03:25 | well as adding things to menus.
| | 03:27 | And the website is just a lot
simpler plus he can't get in any trouble by
| | 03:32 | accessing modules or templates for example.
| | Collapse this transcript |
| Testing logins| 00:00 | The last step after you go through and
configure ACL for a particular situation
| | 00:04 | on the website is to be sure to
cycle through your logins and make sure
| | 00:08 | everything works exactly according to plan.
| | 00:10 | So we've created a login for Joe, we
assigned him to the Marketing Group, and we
| | 00:15 | allowed him to login into the back end
of the website, have access to menus, the
| | 00:19 | Media Manager, the Article Manager, and
the Category Manager, and the Web links
| | 00:23 | component as well as the menus.
| | 00:25 | So let's take a look and make sure
that we haven't broken anything in the
| | 00:28 | process and that somebody can't login
to the back end of the website that
| | 00:32 | we weren't expecting.
| | 00:33 | So if I take a look here in Chrome
juts as I said, if I go into the Article
| | 00:37 | Manager I see that some of the items
are grayed out can't be edited, other
| | 00:42 | items can be edited.
| | 00:43 | I can always filter my categories using
the dropdown here in the top, let's say
| | 00:47 | I want to look at just the Employees
articles or if I want to look at just the
| | 00:52 | Collections articles I can filter
those and take a look at what's there.
| | 00:55 | I can certainly click on one of these,
I can take a look at it, I can go ahead
| | 01:00 | and add some additional text, or I can
make any kind of edits that I want to
| | 01:04 | make to this particular screen and
when I hit Save & Close those changes are
| | 01:08 | saved, so that's all working correctly.
| | 01:11 | I can always go to the Media Manager
and I know that I can upload pictures here
| | 01:15 | into the Media Manager and
then that's working correctly.
| | 01:18 | I also have already tested the Web links and I
know that I can add new links to the website.
| | 01:23 | I can also go into my main menu, I
can click on menu items and I can make
| | 01:28 | changes here however I want to make
changes and hit the Save & Close button at
| | 01:32 | the top of the screen,
and those changes are saved.
| | 01:34 | So now I'm going to logout as Joe using
the Log out button over here in the far
| | 01:39 | right, and I'll try to login as
employee which is the other group that Joe
| | 01:43 | belongs to and if I hit Log in I do get
a notice here saying that I don't have
| | 01:48 | access to the administrator section of
the site, that's absolutely true because
| | 01:52 | the Employee login only has the site
login permission so I shouldn't be able to
| | 01:57 | log into the back of the website.
| | 01:58 | If I try log in as Sara I also can't
login to the back end of the website,
| | 02:03 | I'd get the same error.
| | 02:04 | So it looks like things are going well
here, things are working according to
| | 02:08 | expectations, and Joe is very, very
happy that he now can get into the
| | 02:12 | website and make the changes that he
needs without involving a Super User in
| | 02:16 | the process.
| | Collapse this transcript |
|
|
5. ACL Tips and Tricks Hiding a site behind a login with the offline access permission| 00:01 | Occasionally you'll want to hide your
site behind the login, this may be because
| | 00:04 | the site is under construction and you
don't want anyone seeing it before it's
| | 00:07 | done, or maybe you want to make a
Intranet using Joomla!, and you'd like to have
| | 00:12 | a login required before
anybody can see the website.
| | 00:15 | Either way the Site Offline
Permission is a great way to hide your site.
| | 00:19 | First of all I need to take the site
offline, to do that we're going to go to
| | 00:23 | Global Configuration, and I'm going to
switch back to my Site tab and here where
| | 00:28 | it says Site Offline I'm
going to set that to Yes.
| | 00:31 | Go ahead and say Save and when I refresh
the front end of the website, I'll have
| | 00:36 | a login screen that's here
and generated for me right away.
| | 00:39 | So I can login to this only
right now as a super administrator.
| | 00:43 | So if I put in admin, admin, I can login
to the website, but if I put in say the
| | 00:50 | sara with a password of sara I cannot
login to the website, that's because who
| | 00:56 | can login to the website is
controlled by the Site Offline Permission.
| | 01:00 | So I'm going to flip back
to the back end of Joomla!
| | 01:03 | and switch over to the Permissions tab
here inside of the Global Configuration,
| | 01:07 | and I'm going to go to the Employee Group.
| | 01:11 | Right now none of the employees can
login to this website to see anything.
| | 01:14 | Everybody has to be a super
administrator or super user to login to see the
| | 01:19 | whole website at this moment.
| | 01:20 | What I'm going to do is enable the Offline
Access permission for all of the employees.
| | 01:26 | This will allow any employee belonging
to the Employee Group to login via the
| | 01:30 | front end of the website
and see what's happening.
| | 01:32 | So I'm going to click Save & Close,
and now when I go to the front end of the
| | 01:37 | website I want to login as employee,
the password of employee, and now I can
| | 01:44 | in fact login to the front end of the
website and I'm able to look around and
| | 01:48 | see what's going on.
| | 01:50 | Note too that Joe who is part of
that Employee User Group in addition to
| | 01:55 | being part of the Marketing Group,
and remember that we assign that Offline
| | 01:59 | Access permission to the Employee Group but
we did not assign it to the marketing group.
| | 02:04 | In any case since Joe is part of the
Employee Group he can still login to the
| | 02:10 | front end of the website even then
the Marketing Group does not have that
| | 02:13 | Offline Access permission.
| | 02:15 | And you'll notice that Joe has pencils
over here because he's able to edit these
| | 02:19 | articles here for the
collections on the homepage of a website.
| | 02:23 | Whereas if he goes to say the About Us
page or the Ask Us page he can edit these
| | 02:28 | pages, he can also edit
anything on the Collections page.
| | 02:31 | Note too that over here on the right
side of the screen we do have the options
| | 02:36 | here to see the actual employee page as well.
| | 02:38 | Let me go ahead and logout.
| | 02:41 | So the Site Offline permission is
really terrific, it can control exactly
| | 02:46 | who can login to the front end of the website,
it makes this a great tool for an Intranet.
| | 02:50 | But there's really only one downside to
this and that is the design of this screen.
| | 02:54 | You all know how much I love Joomla
!, but that logo there at the top is
| | 02:58 | really kind of confusing because really the
site is about SAMOCA, it's not about Joomla!
| | 03:02 | So what can we do to get rid of that
logo on the top of the screen or try to
| | 03:06 | restyle this page to actually make
it approximate some kind of intranet
| | 03:10 | interface if we wanted to go that
direction, I'll cover that in the next video.
| | Collapse this transcript |
| Customizing the offline access page by changing the logo| 00:01 | If you decide to use the Offline Access
permission and the Offline Access page
| | 00:05 | here for an intranet which makes a lot
of sense, you probably aren't terribly
| | 00:09 | happy with the way this page looks.
| | 00:11 | If it's going to be an Intranet then
people are going to be looking at this
| | 00:14 | page often, it's not like hiding a
website behind the login while it's under
| | 00:18 | construction and everybody knows that
you're building in Joomla!, so having
| | 00:21 | this big hunk in Joomla!
| | 00:22 | logo there isn't such a big deal.
| | 00:24 | But if you really want to go with an
Internet type of approach you probably want
| | 00:27 | to change some things about this page.
| | 00:30 | So in the next two videos I'm
going to show you how you can make some
| | 00:32 | modifications to this page.
| | 00:34 | The first thing I'm going to show you how to
do in this video is how to swap out that Joomla!
| | 00:38 | logo at the top for the SAMOCA logo and
that will a little more improve the look
| | 00:43 | of this page for offline access.
| | 00:46 | So if you take a look inside of your
exercise files folder inside of folder
| | 00:50 | number 05_03 you'll see that
I've included an image here called
| | 00:55 | joomla_logo_black, and it's a JPEG.
| | 00:59 | If you double-click on that here in
Windows at least, it'll come up in your
| | 01:02 | Photo Viewer and you'll see that it's
actually just the logo for the website.
| | 01:06 | Why did I call that the Joomla logo
black, well if you right-click here in
| | 01:12 | Firefox on the Joomla!
| | 01:13 | logo you'll find an item
here called View Image Info.
| | 01:16 | Most browsers have something that's
similar to this in name, and when you click
| | 01:20 | on that it'll give you information
about the image that's here on the page.
| | 01:24 | In this case the image
name is joomla_logo_black.jpg.
| | 01:29 | So if I get rid of the Joomla!
| | 01:31 | logo that's there and delete it and
then replace it with another image called
| | 01:36 | joomla_logo_black I will change the
look of this webpage and instead of
| | 01:40 | displaying this Joomla!
| | 01:41 | logo it'll actually display the SAMOCA logo.
| | 01:43 | So to make that change it's very
simple, in the back end of Joomla here I'm
| | 01:48 | going to go into the Media Manager,
under Content>Media Manager, and I'm going
| | 01:52 | to find joomla_logo_black, which I
believe is this image right here.
| | 01:57 | It won't necessarily show up at the
bottom in blue but if you roll your mouse
| | 02:01 | over it you'll get a tool tip that
comes up, it'll saved in the lower left-hand
| | 02:04 | corner of the screen what
the name of that image is.
| | 02:07 | You can always rename this image if you
go into your file structure for the Joomla!
| | 02:11 | website you can rename the image or
here in the Media Manager you can simply
| | 02:14 | delete it by clicking the big red X.
Of course if you delete it you better be
| | 02:18 | sure that you're never
going to go back to the Joomla!
| | 02:21 | logo again and I'm pretty sure
I'm not going to want to do that.
| | 02:24 | Now what I'm going to do is I'm
going to upload that image, I'm going to
| | 02:28 | start by clicking the Browse files
button here, and I'm going to browse to
| | 02:33 | Chapter 5 in my exercise files
and in folder 05_03 I'll find the
| | 02:38 | joomla_logo_black here, and I'll go
ahead and say Open and then say Start
| | 02:41 | Upload, and that's all there is to it.
| | 02:44 | Now when I refresh the front end of the
website you'll see that we actually have
| | 02:48 | the SAMOCA logo come up
instead of that Joomla! Logo.
| | 02:51 | So that's a big improvement for this page.
| | 02:54 | In the next video I'm going to you
how to further improve the look of this
| | 02:57 | page using HTML and CSS.
| | Collapse this transcript |
| Customizing the offline access page to HTML and CSS| 00:00 | For those of you who completed Joomla!
| | 00:03 | 1.6, Creating and Editing Custom Templates,
I've got some more good stuff here for you.
| | 00:07 | You're probably wondering how you could
change this page further using HTML and CSS.
| | 00:13 | Of course you can, and it's through
the process of template overrides which
| | 00:17 | again I covered in Joomla!
| | 00:18 | 1.6 Creating and Editing Custom Templates.
| | 00:21 | If you haven't watched that video, this
next video is likely not to make a whole
| | 00:25 | lot of sense to you.
| | 00:26 | So feel free to skip over
it and go on to the next one.
| | 00:29 | Where the display for this page
comes from is in one of Joomla!'s
| | 00:33 | default template folders.
| | 00:35 | So what I am going to do to start
with here is I am going to go to my file
| | 00:38 | structure for this website.
| | 00:40 | So from my C drive here on my Windows
computer, I am going to go into the xampp
| | 00:45 | folder, I'm going to go into htdocs.
| | 00:48 | Mac people, you're going to need to
go into your mamp folder, and then go
| | 00:52 | into your htdocs folder.
| | 00:53 | Once you're there inside of htdocs, you
should see the following file and folder structure.
| | 00:59 | We're going to go into the templates
folder and then we're going to go into this
| | 01:02 | folder here called system.
| | 01:04 | Remember the system template contains a
lot of the default styling for Joomla!
| | 01:07 | In here, you'll notice that we
have a file called offline.php.
| | 01:12 | Offline is the one we're going to copy.
| | 01:15 | So I am going to right-click on
this and pick Copy or you can Ctrl+C or
| | 01:19 | Command+C. I am going to go back out to
my main templates folder, and then I'm
| | 01:23 | going to go into the samoca folder, and
here, I'm going to paste via Ctrl+V or
| | 01:29 | Command+V. I now have an
offline page here inside of samoca.
| | 01:34 | This is the way you do a template
override as you'll recall. Now, Joomla!
| | 01:37 | will look inside of the samoca folder
for the offline page as opposed to looking
| | 01:42 | inside of the system folder.
| | 01:43 | So now that we have this copy,
we can go ahead and customize it.
| | 01:47 | So I am going to open up Dreamweaver,
and I'm only using Dreamweaver because
| | 01:51 | it's available here for me on this
computer, and I've worked with Dreamweaver
| | 01:54 | for years and I just love it
as an editor for HTML files.
| | 01:59 | If you prefer to work with some other product,
whatever those products might be, feel free;
| | 02:03 | all we're going to do here is edit some HTML.
| | 02:05 | So I am going to go ahead and go to
File>Open and I am going to go to back to
| | 02:09 | my C drive again, back to my xampp
folder, back to htdocs, back to templates
| | 02:18 | page, and inside of the samoca folder I am
going to open both index.php and offline.php.
| | 02:25 | I held down my Shift key to select both of
those files, and then I'm going to say Open.
| | 02:30 | Both files will go ahead and
open up for me here in Dreamweaver.
| | 02:33 | If they don't open for you in Code View,
just use the buttons at the top of the
| | 02:37 | page to switch them over to Code View.
| | 02:38 | Now, what you'll see here is I'm
inside of offline.php and you'll notice that
| | 02:44 | this starts off in the same
way as every other Joomla!
| | 02:48 | template page with a JEXEC or die
call here at the top of the page.
| | 02:52 | We have a call for XHTML 1.0, this
should, all look familiar to you, because
| | 02:56 | this is the same way we do it with
any other template inside of Joomla!
| | 02:59 | Then it's got a few calls here for
some offline.css and general.css.
| | 03:05 | These are stylesheets that are
specific to this page, and then the general
| | 03:09 | stylesheet is a general
stylesheet for all of Joomla!
| | 03:12 | Then notice we have the message here
at the top of the page, and then we have
| | 03:15 | some styling for displaying some
offline messages, and the login form down here
| | 03:21 | at the bottom of the page.
| | 03:22 | So what we really need to do is we
need to keep this chunk of code here
| | 03:26 | inside of the body tags.
| | 03:28 | We need to keep all of that in one piece,
because all of that code is going to
| | 03:32 | drive this portion of the website right here.
| | 03:35 | So the site name, the fact that it's
down for maintenance, Please check back
| | 03:38 | soon, and the login form.
| | 03:40 | That's all incorporated in
between the body tags right now.
| | 03:43 | But to make this look more like our
own template what we can do is from
| | 03:46 | index.php, we can start by copying
very top of this document, so I've
| | 03:52 | highlighted lines 1 through 19, and
I've done a Ctrl+C or Command+C to copy.
| | 03:57 | Over here in offline.php I
can get rid of all of that.
| | 04:01 | Unless you happen to need any of this,
and I don't think you do, I don't think
| | 04:05 | you need any of the styling for the
offline page, you can just get rid of all
| | 04:09 | of this, and Ctrl+V or Command+V. So
I am getting rid of lines 1 through 21
| | 04:13 | here inside of offline.php and replacing
them with the code that came from my index.php.
| | 04:19 | I am going back to index.php and now
what I am going to do is I am going to
| | 04:24 | copy inside of my body tag, I will copy all
the way down to the div with an ID of content.
| | 04:30 | So this is lines 21 through 32, once we
Ctrl+C or Command+C to copy and then I
| | 04:36 | am going to go into my offline.php.
| | 04:38 | There is only one line I am going to
remove here and that's line 20, the body tag.
| | 04:42 | And then I am going to Ctrl+V or
Command+V and that will paste in all of the
| | 04:47 | tags here for the body class, the
container, and the header, so this will
| | 04:51 | control the logo at the top of the page.
| | 04:54 | Then down here at the bottom where the
last/div is, I am going to scroll down
| | 04:58 | here to the very bottom of our document.
| | 05:02 | I am going to skip over the message in
the component here, lines 33 and 34 in my
| | 05:05 | index.php and copy lines 35 through 42.
| | 05:08 | Ctrl+C or Command+C to copy those, and
then over here we're just going to get
| | 05:13 | rid of line 68, the/div tag and
we'll Ctrl+V or Command+V to paste in the
| | 05:18 | rest of that content.
| | 05:19 | Now, if you go ahead and save this page,
just File>Save, we will go into the
| | 05:25 | front end of Firefox and hit Refresh.
| | 05:28 | This will show us the current
state of our Offline Access page.
| | 05:32 | So right now what we have is all of
the information that we copied over.
| | 05:37 | We have a right column;
| | 05:38 | here is our right column which
we should probably get rid of.
| | 05:41 | We also have our menu across the top of
the page, we probably don't want to show
| | 05:44 | that just yet, and we probably
don't need two logos here on the page.
| | 05:48 | So we need just a few more edits.
| | 05:50 | So back in Dreamweaver, I am going to
scroll up in offline.php, and I'm going to
| | 05:56 | find lines 28 through 30 which is the
div with an ID of right and I am going to
| | 06:00 | go ahead and delete that.
| | 06:02 | Then I'm going to find the call
here where image source of image is
| | 06:06 | joomla_logo_black.jpg.
| | 06:08 | This is line 31, I am going to get rid
of that as well, because I've already got
| | 06:12 | a logo on the webpage, and
I don't need a second one.
| | 06:15 | Then up here on line 25 where I have
my topnav, I'm going to go ahead and get
| | 06:20 | rid of the call to the module here which would
be the menu going across the top of the page.
| | 06:25 | I am going to get rid of that and
replace that just with a non-breaking space.
| | 06:29 | So once again I am going to do File>Save
and I'll refresh the page here in Firefox.
| | 06:34 | So now, we have a pretty
reasonable looking Offline Access page.
| | 06:39 | We probably could stand to do a bit
more work there on the footer which isn't
| | 06:43 | exactly perfect and do some more
tweaking, maybe put in some more space here.
| | 06:47 | But all of these issues have to
do with modifying the stylesheet.
| | 06:51 | You're also at the point here where you
could put in some text on this page, or
| | 06:54 | you could plug in a module.
| | 06:55 | So right now, the text that's here in
the middle of the page, this comes from
| | 07:00 | the Global Configuration
where you enter text in that box.
| | 07:04 | But you could certainly put in a custom HTML
module that would display right in that area.
| | 07:09 | All you would have to do would be just
before the start of this login form here.
| | 07:14 | So right in this area you could put-in
a call to a module here after the endif
| | 07:19 | at line 42 and before the
start of the login form.
| | 07:22 | You could put-in the code for a
module and then you could make changes to
| | 07:25 | whatever code, instructions, anything
else you wanted to include inside of
| | 07:30 | that custom HTML module.
| | 07:31 | And if you make the module position
unique to this offline.php page, then it
| | 07:36 | will only show an offline.php.
| | 07:39 | So there's quite a bit you can
actually do with customizing the offline.php
| | 07:43 | page for anybody who wants to use this as a
way to set up an intranet for their Joomla!
| | 07:48 | website.
| | Collapse this transcript |
| Setting the default user group for site registration and approving registrations| 00:00 | For some websites you'll want to
encourage registration from the front end.
| | 00:04 | If your site has to deal with social
networking, a blog with comments or the
| | 00:07 | ability to submit calendar event,
these are examples where you'd want to make
| | 00:11 | registration easy and accessible.
| | 00:13 | Sometimes you won't want to
make registration available at all.
| | 00:16 | If there's no interactivity on the site
for anyone but the site administrators
| | 00:20 | or those who edit the website, you
can turn off registration altogether and
| | 00:24 | there is something in between.
| | 00:26 | What if you want people to register for
your site, but you need to review their
| | 00:29 | registration to make sure
they're in the right user groups.
| | 00:32 | And how do you settle all this up, by default.
| | 00:35 | Fortunately, Joomla!
| | 00:36 | makes this fairly easy.
| | 00:37 | I am going to flip over to
the front end of the website.
| | 00:39 | This is still an offline mode from the
previous video, so what I'd first like to
| | 00:44 | do is get that out of offline mode, so
to do that I am going to the go to the
| | 00:48 | Global Configuration and switch to the
Site tab and I am going to change Site
| | 00:52 | Offline to No and then hit Save & Close.
| | 00:56 | Now when I Refresh the front end of
the website you will see the way it is
| | 01:00 | supposed to be and if I go to the
Volunteer and Employee Login, you'll see that
| | 01:04 | here people have the
ability to login to the website.
| | 01:07 | Down at the bottom there is a
link that says Don't have an account?
| | 01:11 | And if I click that I could fill out
all of this information and generate an
| | 01:16 | account for the website, even though I might
not necessarily be a volunteer or an employee.
| | 01:20 | So that might be kind of a bad thing
for this particular website depending on
| | 01:24 | how our settings are set up.
| | 01:26 | So I'd like to go through those
and show you how that all works.
| | 01:28 | So I am going to the back end of Joomla!
| | 01:30 | and I am going to go to the User Manager,
Users>User Manager and we are going to
| | 01:35 | take a look at the Options up
here in the upper right corner.
| | 01:38 | Now, on this first tab here for the
Component, we have the options to Allow User
| | 01:43 | Registration first of all, Yes or No.
| | 01:46 | And I am going to set this to no.
| | 01:47 | The reason why is, we don't have that
many employees or that many volunteers
| | 01:51 | that come in, that I need to
have them register themselves.
| | 01:55 | I can take the time as a System
Administrator to create those accounts
| | 01:57 | as they're required;
| | 01:58 | there is no more than a handful of
week, typically way less than that even.
| | 02:02 | But if you have a lot of people coming
to your website on a regular basis and
| | 02:05 | you don't want to have to make all of
their accounts for them, you could always
| | 02:08 | leave that set to Yes.
| | 02:10 | The New User Registration Group means
when somebody registers for the website,
| | 02:14 | what User Group are they in by default.
| | 02:16 | Registered is probably a good choice
for the site, because we're not really
| | 02:20 | using the Registered Access Level for
anything other than editing your profile
| | 02:24 | and viewing your profile on
the front end of the website.
| | 02:27 | Somebody who is a registered user by
default wouldn't necessarily be able to get
| | 02:31 | into any of the other information.
| | 02:32 | For this particular website it's
completely irrelevant because we turned off
| | 02:35 | User Registration, but
that's where you would set it.
| | 02:38 | The Guest User Group is this
default group that will be applied to the
| | 02:42 | not logged in users.
| | 02:44 | So Public is that group by default and
as I've said to you before, I wouldn't
| | 02:48 | recommend getting rid of that
Public User Group, I wouldn't recommend
| | 02:51 | changing any of that.
| | 02:52 | So chances are you're not
necessarily going to need to change this.
| | 02:56 | What are the great features in Joomla!
| | 02:57 | 1.6 and 1.7 is the New User Account
activation options and there are three.
| | 03:03 | So None would indicate that, if
somebody goes to the Registration Form and
| | 03:07 | fills it out completely, they
immediately have an account on the website and
| | 03:11 | can login right away.
| | 03:12 | There's no confirmation for the email
address, any sort of link that you'd have
| | 03:16 | to click in order to confirm that.
| | 03:18 | And what that means is, these days at
least, it's likely that you're going to
| | 03:21 | wind up with tons of spam
registrations and you're site is going to get
| | 03:25 | overwhelmed by probably lots of people
posting links about mortgages in worse.
| | 03:30 | So I would recommend not using None.
| | 03:32 | Self User Activation would mean that
you would fill out the Registration Form,
| | 03:37 | an email then gets generated to your
email address and then you have to click
| | 03:40 | the link that confirms that it is in
fact your email address and that you meant
| | 03:44 | to register for the website.
| | 03:45 | This is something that existed in Joomla!
| | 03:47 | 1.5 and it's typically what we used.
| | 03:49 | But Admin is the third choice and this
is the new one in Joomla! 1.6 and 1.7.
| | 03:55 | This means that when somebody registers
for the website, the administrator for
| | 03:59 | the website, the Super User gets an
email stating that someone who has
| | 04:02 | registered and then you can
approve or disapprove that registration.
| | 04:07 | So this would be a good way to confirm
that for example a volunteer has in fact
| | 04:12 | registered or that a new
employee has registered for the website.
| | 04:16 | And that makes sense because a Super
User would know exactly who all of the
| | 04:21 | employees and the volunteers were.
| | 04:22 | They'd have some kind of list that
would let them know whether people should be
| | 04:25 | on the website or not.
| | 04:26 | The Frontend User Parameters located
underneath allows users to change their
| | 04:31 | language, their editors and
their help screens in the front end.
| | 04:35 | So if we take a look here on the front
end of the website and I scroll down to
| | 04:39 | the Volunteer and Employee Login and I
login as a Volunteer, over on the right
| | 04:44 | side of the screen if I take a look at
my User Profile, notice that I have the
| | 04:48 | options here to change my editor, my
Time zone and my Front-end language.
| | 04:52 | Particularly if I click the Edit Profile
link, I have an option to change these things.
| | 04:57 | If I set Frontend User Parameters to
Hide and say Save, when I go back to Edit
| | 05:05 | my profile, notice that
those options are now gone.
| | 05:08 | This is probably a better setting for
this website, because for the most part
| | 05:12 | people are not editing from
the front end of the website.
| | 05:15 | We have two people that we created Sara and Joe.
| | 05:17 | Sara will always edit from the front end
of the website, Joe might edit from the
| | 05:21 | front end of the website.
| | 05:22 | But they could always tell the super
administrator that they want a specific
| | 05:25 | editor in use for the website, or
that they need a certain language
| | 05:29 | configured for the website.
| | 05:30 | For a single language website like
this one, where it's only in English and
| | 05:35 | where people are not regularly
contributing content, it probably doesn't make
| | 05:38 | sense to leave those
Frontend User Parameters available.
| | 05:41 | Leave it simple like this where people
can put in their Name, their Username,
| | 05:44 | their Password and their Email Address.
| | 05:46 | Those are things that pretty much
everybody knows and there's not a lot here
| | 05:50 | that that they'll have questions about,
so I am going to go ahead and hit Cancel
| | 05:53 | and go back to the back end here.
| | 05:55 | The Frontend Language is set to Hide by
default and again if you have a single
| | 05:59 | language website that's probably just fine.
| | 06:02 | You can set this to Show if you are
running in several languages for your
| | 06:05 | website and perhaps somebody would like
to have the editing interface in their
| | 06:09 | own language as opposed to English.
| | 06:11 | You would enable that choice by
turning this on, but typically at least for
| | 06:14 | the sites that are built here in the
United States, it's likely that you'll
| | 06:17 | just leave this to Hide.
| | 06:18 | Go ahead and hit Save & Close and now
when I take a look at the front end of the
| | 06:23 | website and I go to the Volunteer and
Employee Login, notice that the option to
| | 06:29 | register for the website is gone.
| | 06:30 | And this just adds another
layer of security to the website.
| | 06:34 | It keeps out people who really have
no business logging into the website.
| | Collapse this transcript |
| Nicholas's debug tip for ACL| 00:00 | I'd also like to give you a debug
tip for ACL in Joomla!, and I have to
| | 00:05 | thank Nicolas from a Akeeba Backup for
this terrific tip that he shared over
| | 00:09 | the Twitter recently.
| | 00:10 | If you go into your Global Configuration
and you go to the System tab here under
| | 00:17 | Global Configuration, you'll notice
that we have some debug settings over here
| | 00:21 | on the right side of the screen.
| | 00:23 | Debugging is something very important
for great engineers like Nicolas and that
| | 00:27 | it will show all kinds of
information at the bottom of the screen about
| | 00:30 | information about the database and how
things are being processed on the website
| | 00:34 | and so it's not really something
that's been relevant to the titles that I've
| | 00:37 | recorded here at lynda.com.
| | 00:39 | But with ACL there is a very helpful
feature that comes out of the debug system.
| | 00:44 | I'm going to go ahead and set this to
Yes, and then say Save & Close, and I'll
| | 00:48 | show you what I mean about all of
the stuff at the bottom of the screen.
| | 00:51 | Now when I scroll down past my
Control panel I have all this information
| | 00:54 | about profile information, about
memory usage, about all the cause to the
| | 00:58 | database that we made.
| | 01:00 | There is all kinds of stuff here and
if you're an engineer this is incredibly
| | 01:03 | useful and very relevant, but for
those of us who build sites it's just a
| | 01:07 | bunch of mumbo-jumbo.
| | 01:08 | You can still ignore this entirely,
just be aware that it's there while
| | 01:12 | your debug is turned on.
| | 01:13 | The interesting part for me comes
in when you go to the User Manager.
| | 01:17 | You now have a button here in the User
Manager that says the Debug Permissions
| | 01:21 | Report, this is incredibly cool.
| | 01:24 | I'm going to take a look at Joe here
and I'm going to click the button for the
| | 01:27 | Debug Permissions Report.
| | 01:29 | This is a chart that shows me what
permissions Joe has in the website.
| | 01:34 | So for example it's telling me that Joe
is allowed to log into the front end of
| | 01:38 | the website, log into the back end of
the website and he has offline access, and
| | 01:42 | that applies to all of these
assets that are over here in the column.
| | 01:46 | So and you can guess that
what many of these things are.
| | 01:48 | For example, com_contact has to do
with the contact forms on the website;
| | 01:53 | com_content is the content
area, articles, and categories.
| | 01:57 | Then we have specific articles like
the Volunteer article, the Login page
| | 02:01 | article, and you can see that their
names are listed over here in the column and
| | 02:05 | this tells us a little bit
about what Joe is allowed to do.
| | 02:08 | So with our articles here you can see
as you read across that he is in fact
| | 02:12 | allowed to access the Article Manager
Component you'll remember that we set that up.
| | 02:17 | In particular with some pieces of
content such as those in the Collections
| | 02:21 | category Joe also has the permissions
to access the component, Create Content,
| | 02:26 | Edit, Edit State, and Edit his
Own content within that category.
| | 02:30 | If I switch over to the User Groups
this button here is also in place in terms
| | 02:36 | of the permissions and debugging that report.
| | 02:38 | So if I go to the Marketing Group and
click the Debug Permissions Report, this
| | 02:42 | will show me exactly which
permissions are assigned for which assets within
| | 02:47 | the back end of Joomla!
| | 02:48 | and once again a very readable chart.
| | 02:50 | Note that the Offline Access is not
available to that Marketing Group;
| | 02:53 | remember we assign that
only to the Employee Group.
| | 02:56 | And once again we can see what people
in this User Group are able to access.
| | 03:01 | Remember if a user is assigned to two
user groups and you look at that user
| | 03:05 | you'll see a merging of those
permissions here on this particular screen.
| | 03:10 | Unfortunately our access levels do not
also have those debug permissions, it's
| | 03:15 | only the users in the User Groups,
but the screen is incredibly helpful and
| | 03:19 | you will probably make use of this
at some point if you're doing some
| | 03:22 | complicated tasks with ACL.
| | 03:25 | I'm going to go ahead and turn off that
setting again, so I'm going to go back
| | 03:28 | to Site>Global Configuration.
| | 03:30 | Under in my System tab I'm going to set
Debug System to No and say Save & Close,
| | 03:36 | and now if I go to the User Manager
you'll notice that those buttons for
| | 03:39 | debugging the permissions have disappeared.
| | 03:42 | So once again thanks to Nicolas at
Akeeba Backup for giving us that tip.
| | Collapse this transcript |
| Posting a note in the back end with specific information for certain access levels| 00:00 | Wouldn't it be nice to leave a note in
the backend of the website just for those
| | 00:04 | who have login privileges, wouldn't
it be great if we could customize that
| | 00:09 | little note to Access Levels.
| | 00:11 | Joe has an annoying habit, he's just
driving the Super Users crazy on the Samoca
| | 00:16 | website because he keeps forgetting
that he's not supposed to hit the Back
| | 00:20 | button when working in Joomla!
| | 00:22 | He is always going in and looking at
something and then hitting the Back button
| | 00:27 | and all of the Lock icons are
appearing all over the website, it's very, very
| | 00:31 | annoying for everybody.
| | 00:32 | So the Super Users would like to
post a note when people in the Marketing
| | 00:36 | Group login to the backend of the
website, so that they can see a little note
| | 00:41 | that -- oh, by the way you might want
to remember to not hit the Back button,
| | 00:45 | thank you very much.
| | 00:46 | This is actually not that hard to do.
| | 00:48 | We can create a Custom HTML module for
the administrator side of the interface,
| | 00:53 | and have it appear over here
on the right side of the screen.
| | 00:56 | It'll be a fabulous thing to do and then
using Access Levels we can have it work
| | 01:00 | just for those who are in the Marketing Group.
| | 01:03 | So the first thing is I'm not sure we
ever created an access level for the
| | 01:06 | Marketing Group, so let's do that first.
| | 01:08 | Under users go to Access Levels and
sure enough we don't have an Access Level
| | 01:13 | here for the Marketing Group,
so go ahead and add one.
| | 01:16 | We'll call this the Marketing Access
Level and we'll assign the members of the
| | 01:22 | marketing group to that, go
ahead and say Save & Close.
| | 01:25 | Now what I'm going to do is I'm going
to go to Extensions>Module Manager, and
| | 01:30 | make sure you're flipped
over to the administrator side.
| | 01:33 | This first dropdown here says
Site and Administrator, make sure you
| | 01:36 | choose Administrator.
| | 01:37 | And you'll see here that these are
all of the modules that make up the
| | 01:40 | backend of Joomla!
| | 01:42 | Now if I click the New button at the
top of the screen this is only going to
| | 01:45 | show me the module types for
the administrator site of Joomla!
| | 01:49 | So the custom HTML module that shown
here is actually not the same Custom HTML
| | 01:55 | module you're already familiar with
for the front-end of the website, this is
| | 01:59 | specifically for the backend of Joomla!
| | 02:01 | Go ahead and click Custom HTML and in your
exercise files you'll find a little note here.
| | 02:08 | The title of which is Welcome
Marketing Group, and then we have our little
| | 02:13 | message here at the bottom.
| | 02:14 | I'm going to go ahead and paste that in
down here under the Custom output, and
| | 02:19 | it looks like that it needs a little
bit formatting here so I'm just going to
| | 02:22 | format this really quickly, here
we go, so we're all formatted up.
| | 02:28 | Up here we're going to be asked for a
position in this template, go ahead and
| | 02:32 | pick Select position, and the
template we're working with is the Bluestork
| | 02:36 | Administrator Template and of course
pick the one that works correctly for you.
| | 02:40 | This will show you all of the positions
that are here in the Bluestork template.
| | 02:45 | Where we'd like this particular note
to occur is over on the Control panel
| | 02:51 | position right here that'll show up
in the stack of accordion items on the
| | 02:55 | right side of the screen.
| | 02:56 | Go ahead and choose the Control panel
position and then we're going to set our
| | 03:00 | Access Levels for this to
the Marketing Access Level.
| | 03:05 | And because this is at the Marketing
Access Level and Super Users are not part
| | 03:08 | of the Marketing Access Level, then
people who are part of the Marketing group
| | 03:11 | who login to the website should see
this particular note whereas if you are a
| | 03:17 | super administrator you
should not see this note.
| | 03:19 | So let's go ahead and hit Save &
Close and I'm going to go back to the
| | 03:23 | Control panel for the website and
you'll notice that nothing is seen over
| | 03:27 | here on the side of the screen.
| | 03:28 | I'm going to open up Chrome
again and I'm going to go to
| | 03:34 | localhost/administrator,
remember if you're on Mac it's
| | 03:38 | localhost:8888/administrator, and I'm
going to put in my username of Joe and
| | 03:44 | my password of Joe.
| | 03:46 | Now when I login to the backend of the
website notice over here on the right
| | 03:49 | side we have that note about Welcome
Marketing Group people and the reminder
| | 03:53 | about never hitting the Back button.
| | 03:55 | Just like any other Custom HTML bit of
code you can certainly put images in here
| | 04:00 | or anything else that you'd like to
include, and you can control the order of
| | 04:04 | the notes by taking a look at your
Module Manager, I have switched back to
| | 04:09 | Firefox to my Super User and
going to the Module Manager.
| | 04:12 | And I'm still looking at the
Administrator modules and you'll see here that
| | 04:16 | Welcome Marketing Group is at the
very top of all of those levels.
| | 04:20 | Well it's probably the best place to be
so that when you take a look over here
| | 04:24 | in the right-hand side that's already
open, but you could certainly change the
| | 04:28 | position as you wish.
| | 04:30 | Leaving your users a little note here
on the right side of the screen when
| | 04:33 | they login to the backend is really
great, it's a great place leave a note
| | 04:37 | about where we get help or who to call
if there is additional things that need
| | 04:41 | to be done to the website, and for
those of you who are consultants it's a
| | 04:44 | nice place that you can put a note
with your branding to remind people the
| | 04:48 | name of the company that built the
website and who to call for upgrades and
| | 04:52 | for more information.
| | Collapse this transcript |
| Using ACL Manager| 00:01 | Finally, some of you may feel like ACL
is sprinkled all through of the back end
| | 00:05 | of Joomla!, and wouldn't it be great, if
there was some way you could centralize
| | 00:09 | all of your ACL onto one screen.
| | 00:11 | Wouldn't it be easier to understand and
wouldn't it be easier to manage from there.
| | 00:15 | Well, the truth in the
matter is it already exists.
| | 00:19 | My friend Sander Potjer who is from the
Netherlands and is in charge of 14 User
| | 00:25 | Groups, as well as the Dutch Joomla!
Days, as well as on the community
| | 00:29 | leadership team for Joomla!
| | 00:30 | has written a terrific extension.
| | 00:32 | This is called the ACL manager for
Joomla and it's available at aclmanager.net.
| | 00:37 | It does cost money, it cost 10 Euros, and
you can go ahead and pay for it right here
| | 00:42 | online and download it
and use it on your website.
| | 00:45 | And so I'd like to show you what the ACL
Manager will do for your Joomla! site.
| | 00:50 | I'm going to roll back to the backend
of Joomla here and if you take a look
| | 00:54 | under Components>ACL Manager, this is
what Sander has put together, this is the
| | 01:00 | ACL Manager for the User Groups
we're taking a look at here right now.
| | 01:04 | And you'll see the note here in
the middle of the screen that says;
| | 01:06 | select a User Group to view permissions.
| | 01:08 | So if I go to say the Marketing Group
this goes ahead and makes a chart for me
| | 01:14 | that shows me all of the names of the assets
and how exactly the permissions are configured.
| | 01:20 | And you might be surprised or not to
note that this looks exactly like the
| | 01:25 | previous step or two ago where I talked
about the debugging tip that I got from
| | 01:30 | Nicholas at AkeebaBackup that you
can enable the view and show who has
| | 01:34 | permission to do what.
| | 01:35 | This is where Sander's getting this
particular view and what he's done is
| | 01:39 | instead of leaving in like com_
contacts and com_content he's actually
| | 01:43 | substituted all those with the
actual name of the particular component
| | 01:47 | that's involved and he has given us this
little chart here to show who is able to do what.
| | 01:52 | But the real part that I particularly
like about this is that the items over
| | 01:57 | here on the left side of
the screen are all clickable.
| | 02:00 | So for example if I go to Collections
here, Collections is something where Joe
| | 02:05 | is allowed to access it.
| | 02:06 | I can click on the word Collections
and this will put me into my Category
| | 02:12 | Manager specifically four collections,
and I can go down here and scroll to the
| | 02:16 | bottom and change my
permissions directly right here.
| | 02:18 | When I hit Close I'm actually
returned to the ACL Manager.
| | 02:23 | Likewise if I want to change a broader
option for example, Joe has permission to
| | 02:28 | access the articles component I can
click on the word Articles and this will
| | 02:32 | pull up directly my Article
Manager options for me right here.
| | 02:35 | And once again I can make the changes to
that directly right here on the screen.
| | 02:40 | So the advantage of ACL Manager is that all
of the configuration screens for your Joomla!
| | 02:47 | website are all centralized here in
one location, and Sander has pulled
| | 02:51 | together the list of all those assets on the
sites and all of the screens into one location.
| | 02:57 | The advantage of this is if you decide
you don't want to use ACL Manager anymore
| | 03:02 | and you uninstall it, you don't
actually break anything on the website.
| | 03:05 | All of your ACL settings are secure,
it's all part of core Joomla!, all he's
| | 03:09 | changed is its presentation here on the screen.
| | 03:12 | Note that we can also go to the User
view and if we choose a user from our
| | 03:16 | dropdown, let's say Joe, we can
also take a look at Joe's permissions
| | 03:20 | specifically and we can make changes to
those permissions once again by clicking
| | 03:24 | on the links that are over
here on the side of the page.
| | 03:26 | So if we want to give Joe the ability
to access the contacts, I can click on
| | 03:30 | the word Contacts, switch to the
Permissions tab, give Joe the ability to get
| | 03:35 | to the contact, component, and
perhaps edit the contact page that's already
| | 03:40 | there and hit Save & Close.
| | 03:42 | And this page will refresh with new
information about Joe, now you can see that
| | 03:47 | he can access the component and he can
edit the contact that is already there.
| | 03:52 | If I open up Chrome and I go to the
backend of my website which is administrator
| | 03:58 | for PC or localhost:8888/administrator
on Mac, and I login as Joe now.
| | 04:05 | I do have access to my contacts and
notice that I don't have a New button up
| | 04:09 | here so I can't make a new contact but
I can go into the Ask Us contact and I
| | 04:14 | can make any changes here that I wish to.
| | 04:17 | So the ACL Manager is not necessary by
any stretch in order to manage ACL on
| | 04:23 | your website, but its advantage is it
gives you a nice chart here that you can
| | 04:27 | read and understand exactly how your ACL
is put together all in one location and
| | 04:33 | you can click on the links over in the
Asset title column and those links will
| | 04:37 | take you to configuration screens
where you can directly change the
| | 04:40 | configuration of those assets, right
here all within one screen without clicking
| | 04:45 | around all over Joomla!
| | 04:46 | to get to all of those resources.
| | 04:48 | So once again that's at aclmanager.net,
very nice little extension written by
| | 04:53 | my friend Sander.
| | Collapse this transcript |
|
|
ConclusionGoodbye| 00:00 | Thank you so much for watching Joomla!
| | 00:03 | 1.7 Access Control Lists in Depth.
| | 00:05 | I hope this made ACL a little bit
easier to understand for your website and I
| | 00:10 | hope I've provided some good examples
that are real-world and things you can put
| | 00:14 | right to work on some of your own websites.
| | 00:17 | If you enjoyed this title you might
also enjoy watching some of my other titles
| | 00:21 | at lynda.com, including Joomla! 1.6 and Joomla!
| | 00:24 | 1.7 Essential Training. Joomla!
| | 00:26 | 1.6 Creating and Editing Custom Templates
which by the way works great with Joomla!
| | 00:31 | 1.7.You might also enjoy watching one
of my other titles Website Strategy and
| | 00:36 | Planning, which will show you all of
the thinking that you might want to
| | 00:39 | consider before you start building a
website, whether that's a Joomla website or
| | 00:43 | any other kind of website.
| | 00:45 | If you need more help with Joomla!
| | 00:47 | I strongly encourage you to look into Joomla!
| | 00:49 | User Groups that might
be available in your area.
| | 00:53 | If you go to community.joomla.org
and click on the link for User Groups
| | 00:58 | you'll find User Groups are starting all over
the world, and there have been over 25 Joomla!
| | 01:04 | days in 2011.
| | 01:04 | A record for the Joomla! Community.
| | 01:07 | So Joomla! is really picking up speed worldwide and
people are enjoying meeting each other in person.
| | 01:13 | So if you get the chance to attend a Jooma!
| | 01:15 | Day Event or to attend a Joomla!
| | 01:18 | User Group, I strongly recommend you do that.
| | 01:20 | It's so great to meet
other people who love Joomla!
| | 01:22 | as much as you do, and it's a
great place to ask questions and get
| | 01:26 | questions answered.
| | 01:27 | So thanks again for watching my video
and I hope I'll see you in other Joomla!
| | 01:32 | titles in my other titles around lynda.com.
| | Collapse this transcript |
|
|
