Joomla 3

Finishing up Menus with Joomla

Finishing up Menus with Joomla

 

Video:

Transcript:

Let's quickly add three menu items for our transportation category. Remember the cash workflow: categorise, add and show. I click over here on my category manager, I have a transportation category. I click on my articles, and do a search for the transportation articles. Here they are: airport, bus station and train station. I just need to show them now.
To accurately reflect the goal for the class, we are actually going to add each individual article to the transportation menu.
So over to menus, manage, and add menu. Let's call this Joomla ville transportation and we'll call it a transportation type of menu. Click Save and close. Click on the little 0 here and let's go ahead and add single article menus for each of the articles in the transportation category. You already know how to do this, so go ahead and do it with me. Click new and let's call this bus station. It's going to be articles and single article. Select the article and select bus station. It's already under the transportation menu because that's the menu we're working on. Click Save and new train station, select articles, single, select train station, save and new. Airport. Select articles, single article, select train station, save and close. That's how quickly you can add new menu items to your Joomla site.
Last thing, of course, is to add to a module.
Go back and click on menus and click add a module for this menu. Let's call this gym level transportation and let's put it in the same position, please. Position 8. Click Save and close.
If I head over to my home page and hit refresh, you'll now see joomla ville transportation. I want to put joomla ville transportation up above attractions. However, well...fortunately, Joomla makes that quite simple. You'll see here are the menu modules and, if I want to search for a type, I can just choose menu and it will show me all of the modules for all of my menus. Now it's a simple thing. Click on the ordering button at the top here. Click and drag transportation above attractions and hit refresh and now transportation.
There. We've seen several places now where we can drag to reorder articles, categories and menu items into whatever order we want. Here we've also seen in a category blog and lists that we can order articles in any number of way: by title or date, or even the ordering that we have in our back-end. So Joomla is really flexible in this way.
Alright, in the next video, we're going to clean up our transportation articles and we'll talk about how to insert images in both the WYSIWYG editor and the intro and full text image.

How to Add Images to Joomla Articles

How to Add Images to Joomla Articles

 

Video:

Transcript:

Alright, click on content and articles and you should be already filtering by transportation. If you're not, go ahead and do that. We're going to update the airport, bus station and train station articles utilising the WYSIWYG editor and using our intro text and full text images as well.
So click on airport and, if you want, head over to Joomla explained chapter five and grab the enhanced airport text and replace that. We'll just need to clean this up a little bit, and destinations, and we're going to make this into an unordered list.
Alright, double click in terminals and make that bold. Double clicking destinations, make that bold and double click on food and make that bold. Then highlight Europe, Asia, Africa, North and South America, and click on the bullet list. It's that easy to make a bullet list. I guess I missed one here. Location: go ahead and make location bold as well. Go ahead and highlight the top line of text and change it from a paragraph tag to a heading three and this is something I want to encourage you do, especially if you're new to Joomla. Do not use font colors, font styles, any of that other stuff that you can do. Just use the paragraph and heading tags that you find here. There's a reason for that. Your designer has created a set of style sheets that take these particular tags and uniformly apply them across your site. I can't encourage you enough to just stick with those.
Alright, so our article is ready. That's looking a lot better but we need to add images and so I want to stop at this point and suggest something to you about your images. Go ahead and click Save and close, head over to content and media. This is the media manager. This is what allows you to store images on your site and you'll notice that there's a sample data folder here that we didn't even install but it gets installed by default. You can delete that later. What I'd like to suggest is the same way you created categories for your articles should be the folder structure for your media. It just keeps everything nice and straight. So let's go ahead and create four folders.
Click create new folder and call it about and, again, don't use capital letters here and don't use spaces. We want our pathways here to be nice and conformed with HTML standards. Click create folder. Go ahead and click create new folder again and we'll call this one transportation. Create folder. Create new folder: festivals. Create folder. Finally, attractions.
So you'll notice now we have about, attractions, banners, festivals, headers, sample data and transportation. So you can manage your images in one of two ways now: you can actually upload them right here or you can just upload them as you need them in your articles. That's kind of what I tend to do.
So let's head back over to content article manager and let's click on the airport. Now click on image, click on transportation and this is where we get to upload an image. Down here at the bottom we can select the image we want to upload. If you found an image for your Airport, fantastic. If not, go find one right now and then come back to the video and click upload. Click on it to select it and you'll see that now the image URL is there. I'm going to float that to the left. I'm going to put a description in here: Joomla ville Airport. The title. I'm not going to put a caption in here. The thing to remember is the image description is your alt text. You should always put in alt text. Click insert and there you have it. The image is in your article.
If I click save now, head over to my site and here's my airport. That's not very clean or tidy. We can fix that up just a little bit but putting an image in your articles is that simple.
Alright, so I'm not really a fan of that. Let's go ahead and clean that up a little bit. I'm just going to click and drag that image to the bottom. I can click on it and I'm going to just drag it down here to the very bottom of the article and hit return so it appears at the bottom. I'll go over to my article now and hit refresh. There's my image, right at the bottom.
Let's take a look at another way to insert images into your Joomla articles. Go back to the airport article. Let's go ahead and just highlight that and delete it. Come up to images and links and let's make this the intro image and the full article image. Click on select, go to transportation and click on Airport and click insert. The image float: let's make it none and the alt text Joomla ville Airport. Again, alt text is always essential and let's see what that does click Save.
If I hit refresh on my article while the image isn't there that's because it's in the intro text. Well we're already looking at the full article. Let's go ahead and put it also in the full article image. Go ahead and click select transportation and click insert. Once again, none and the general airport as the alt text. Click Save and hit refresh and there's our image at the top like a featured image. That makes our article just really stand out. This is my preferred way of putting images into the top of articles. You can always embed images anywhere in the article that you want. So there's two ways to get images into your Joomla articles.
While we're here, let me quickly demonstrate how it works with the image in the intro text. Well, to do that, it's best if we use a blog layout. So we have our blog layout here. I'm going to put the museum image into the intro text for the museum.
Alright, so I've gone out and gotten an image for a museum. I'm going to head over to attractions and find my museum article. Instead of embedding it in here again, I'm going to put it in the intro image. Click select. Click on attractions and upload that museum image. Click upload, select it and click insert. I'm going to float this to the left and some alt text of Joomla ville museum. So this is going to place this image in the intro text on a blog layout. Click Save and close and head over to my blog layout for attractions and there it is in the intro text.
If I click on the word museum and go into the actual article, that image disappears because I'm now in the full text or ie the full article view.
So that's how the intro text and full text images work in Joomla. One of many ways you can enhance your articles.

 

 

How to Change the Joomla Article Options

How to Change the Joomla Article Options

 

Video:

Transcript:

There's so much more we could do but to close out this section of the course, we've done our cash workflow, categorise, add and show. I can't stress enough: a good content audit is the first thing you should do when you're building your Joomla site. Know what the articles are going to be, what categories they need to go in and the menu structure you'll create based on that structure.
Now the last thing we want to cover in this section is the article options. This used to be called global parameters. I like the word options a lot better because this allows us to set the general options for our entire site but then we can override them at the menu level and the article level, as we've already seen.
In the first tab, articles, we can choose a layout and, generally speaking, unless your template gives you multiple layouts for articles, you'll just get that default on there. Do we want to show the title of the article? Well, that's usually a good thing and we want to link the title well. Again, that's usually a good thing. Do you want to show the intro text? Now this is an interesting feature in Joomla. You can have a completely different introduction in a blog layout, for instance. So whatever it comes before the read more shows up in the blog layout but then when you click on the article whatever's there disappears because you're in the full text layout. I've used this on multiple sites in different ways. That just depends on what you want to do with your site. Where do you want the article information, and that article information is these details. Where do you want that to show up? Above or below the article? Again, that's up to you. This is some of the things I usually show: the category on a blog, but not necessarily on my whole site. So I'm going to change that to hide. Because I'm hiding the category doesn't matter if I link to it or not. Will I show the parent? I'm going to hide that or I'm going to leave that hidden. This is a site, not a blog, so I'm going to hide the author, hide the publication date. Well, leave the navigation. Navigation is what is the next and previous buttons you get in a blog layout but I'm definitely going to leave the voting hidden. I'm going to show the read more and I'm going to show the title with the read more. Google really likes that. That's an SEO thing. I'm going to show the tags at the top of the article but here I'm going to definitely hide the hits because really nobody wants to see those, and I'm going to put the links at the bottom, just in case I ever had any. I'm going to click Save and now, once I hit refresh, watch what happens to the details area.
Boom. It's gone. I don't have any tags in the museum. If I click on Joomla ville overview, you'll now see the tag there at the top and this drop-down allows me to print or email and there you see all of the navigation. So very quickly, across my entire site, I can actually change the look and feel of that layout. Also, here under options, I have an editing layout screen. Do I want to show publishing options, article options, enable versions? We haven't looked at that yet; we'll look at that shortly. That's a fantastic feature in Joomla. It allows me to have version control over every article. On the front end: if I'm going to allow editors to edit the front end, do I want to let them see the images area that we just looked at in the previous video. I almost always turn that to show. In the category section here, the blog layout: I'm going to show the subcategories text, hide the title description and image and how many subcategory levels do I want to go down.
If there are no articles in a particular category, it'll say there's no articles in this category and so on. When I click on categories, top levels description, I can show or hide so if I put a description in any of those categories it would have shown up all the sublevel categories for article category options, empty categories I'm going to hide those. Again, you see the rest. Blog and feature layouts: as you remember, I said one article for intros, two columns and four links. We overrode that in our blog layout but this is the default. If I change this to all it'll show all the sub categories at the bottom of a blog layout. List layouts: what do I want to show and hide here? Display date, display select, filter field, table headings, show date, date format, and this is a fantastic feature in Joomla. You can actually change the format of your date structure to fit better wherever you are in the world. Show hits and show author. Again, if I hide that, hide that, show the publication date, hide the table settings, and hide the select and click Save now.
When I go over to my list, you'll see that the heading is completely gone and if I tried to show the author, I wouldn't have been able to. Unless I overrode it at the menu. Well let's go ahead and put that back. Show the author and table headings and display select. Click Save and now, again, boom. There's my list, back to normal, and I can tell it how many to show so you can see how quickly and easily you can update the look and feel in the layout of your Joomla content. The shared tab here tells me what my sharing options are, integration for feed and finally permissions.
Once again, we'll look at that towards the end of the course. I'll go ahead and click Save and close and you'll remember we've now made some pretty nice changes to our look and feel of our site already with just a few clicks. I'd encourage you to play with those options to see what they all do. Find out what you like the most and especially what's going to fit best for your situation.

 

 

How to Create Joomla Articles, Part 1

How to Create Joomla Articles, Part 1

 

Video:

Transcript:

In this video, we're going to add all of our articles. Now, there are twelve articles to add and that's a fair bit, so I'm going to suggest a couple of things. Go ahead and take a note of this screen and get the names of the twelve articles you're going to build and then probably just use a lorem ipsum generator or go to lorem ipsum and just throw in some dummy text. I'm actually going to create some text from OS training's website for the Joomla three book at the link on your screen.
So here's the plan. We have four categories. We're going to add twelve articles. We won't worry about images for now, we'll do that in an upcoming video.
So head on over to your site, click on articles and you'll see we have none here. The article manager is where we'll manage all of our articles, of course. Just before we do that, let me cover the buttons here at the top. One of the important things in Joomla is to always use the navigation you're provided. Don't use the back and forward buttons in your browser, that will lock articles and modules and you'll need to unlock them in order to continue. New obviously creates a new article or a new whatever you're in. Edit allows you to select an article and of course then edit it. Publish allows you to toggle the publishing settings of an article. Similarly, unpublish unpublishes an already published article and if you click feature it will feature a selected article or unfeature. Archive is a special kind of article that doesn't get shown on your site but you're not ready to delete it yet. Check-in allows you to select articles that have been locked and check them in. Batch allows you to do exactly what it sounds like: batch certain actions for articles and I'll demonstrate that. Then of course trash means trash, to delete an article. We'll cover the options button later on. It's how you set up your global options for all of your articles.
Click on new and the first one we want to create is Joomla ville overview. Now if you head over to Joomla explained dot com, slide all the way down and click on chapter 4. There's some text here that you can use. Grab the content from these articles. So here's the sample joomla ville overview text. I'm just going to copy that and paste it into my article now. Before you paste this in, we're using the tiny MCE WYSIWYG editor that comes with Joomla and one of the limitations is that if we just paste from a web page or, for instance, from Microsoft Word we're going to make quite a mess. If I paste that in from that website and then take a look at the source code these aren't just plain paragraph tags anymore. It's including all of the margin fonts and font size information. I have one of two choices here. I can paste it in as plain text or I can clean this up manually. Frankly, with tiny MCE, I find it easier to just paste it in as plain text. So I'm going to undo that, click this link here to show the source code and paste that in. Now although that looks like it has paragraphs in it it actually doesn't.
So now all I have to do is put the cursor where I want and press ENTER and now Joomla inserts the paragraph tags for me and that's what you want. You don't want all the stuff that websites, and especially Microsoft Word, throw into your articles. So that's a quick tip for using tiny MCE. The next step, then, is to select a category. You'll notice that title and category are the only two things that have asterisk next to them, indicating that they're required fields. So go ahead and change general to about and click Save and new.
Now, at this point, we're just going to get the articles in. We're going to clean them up and do a lot more with them in just a minute. The next one is Joomla ville location. So I'm going to copy that text. Again, you can just set up a Joomla ville location article with lorem ipsum text if you want. Joomla ville location and, once again, I get the source code, paste that in and then add my paragraphs here. Click Save and new. You know what I forgot to do? The category. Don't worry, I'm going to show you a trick in just a little bit. Head back over and now grab the history text Joomla ville history, source code, paste and then add my paragraphs in. One of the things you'll find as you're building a Joomla site: it's always best to have your content prepared before you start doing this or just type it in, either way. Alright, let's select our category and put it in the about category, so we have three articles now. Click Save and close and you'll note that, if I look at my three articles here, they have IDs, the date they were created, who created them, the access and the general information, including the title, the alias and the category. Therein you'll note I forgot to put the second article in the correct category. I have two ways to fix this. One of the tricks that I have is I just put all of my articles in, say, the general category and then categorise them later. It's actually a lot faster. For instance, if I had ten articles to put into the about category I would just choose all the articles and click batch and then I would move them into the about category and click process. Now all of my articles would be in the correct category.
That's the batch function in Joomla and I love it a lot. Alright, in the next video, we'll continue getting our articles set up.

 

 

How to Create Joomla Articles, Part 2

How to Create Joomla Articles, Part 2

 

Video:

Transcript:

Alright, let's get the rest of our articles set up. We've got 9 to do. This won't take long. Click new and, in this section, we're going to do the attractions category.
So we've got the article and I'm going to grab the zoo text here, copy and paste that in. Once again, if you want to just go ahead and use lorem ipsum text that's quite fine as well. Just make sure you change it to the attractions category. Click Save and new and this is the aquarium. Go ahead and paste some text in for the aquarium. Once again, choose the attractions category, Cick Save and new. The last one is the museum. Now, later on in the course, I'm going to suggest a replacement for this particular WYSIWYG editor that makes this process a lot simpler but, for now, we'll just use the one that's built in change the category to attractions and click Save and close.
I'll show you another trick. So here we have our new article setup. Go ahead and click on search tools and filter by category. Change it to festivals, please. You'll notice we have no festivals articles. Well, go ahead and click new. Now you'll notice that festivals is automatically selected for us. That's a great little tip, speeds everything up quite a bit.
The three festivals we have: New Year's Day, Mother's Day and, of course, Independence Day. Let's start with New Year's Day and grab the text and now click save and new because it's already selected. The correct category Independence Day and finally Mother's Day which, at the time of this recording, we just celebrated. Now I want to show you one quick thing here, once we get this article in. Click save and close and you'll notice that Mother's Day has an alias of mother dash s dash day. That's not really the best but it's something that Joomla does pretty consistently with apostrophes in the title. Go ahead and click on mother's day again and just go ahead and get rid of that between the R and the S. That makes a little bit more sense. Click Save and close and do the same thing for New Year's Day. Click Save and close.
Alright, go ahead and change your category to transportation. Once again, no articles. This won't take long either. We're going to add the bus station, train station and airport and then we'll be done with this section. Click new, bus station, grab some text, and go ahead and paste. Save and new. Train station. Paste that text in and clean up the article. Save and new. Again, you'll notice that the categorie's chosen for us. The last one is airport. Save and close.
Alright, we have our three transportation articles. Go ahead and click clear here and that will bring up all of the articles in our website as shown by the article manager. Once again, Joomla gives you really great tools here to manage your content. I have a client with over 7,000 articles on their website and can you imagine if the search tools weren't provided. This makes it really easy to find the articles you want.
In addition to these search tools, you can also sort by the header. So let's say I wanted to see all the articles I made on a particular date. Well, I can just click on the date, sort by date and then quickly run through my list. Or I can sort by ID or I can sort by title and get everything alphabetically listed. These are fantastic helps in getting your articles all set up.
Now, in the next video, I'm going to talk a little bit more about refining your content. As we talked about, images and tags in your Joomla articles.

 

 

How To Create Joomla Categories

How To Create Joomla Categories

 

Video:

Transcript:

Go ahead and click on content, categories and add new category. This is actually pretty simple. Just type the word about and click Save and new. Type the word attractions and then click Save and new, festivals save and new and transportation. Now, before we click Save and close here, note you'll be able to add all kinds of description for each category. You can set up publishing options. This is mostly filled in for you but you can create a meta description and meta keywords for each of your categories. You can even set up permissions and we'll talk about this towards the end of the course. I encourage you to just leave permissions alone for now and we'll cover that later. Then any options if you have layouts or if you want to have an image for a category. Now the way this would work is, if you show a category description or a category title at the top of a list say or at the top of a blog, you can also have an image for that category.
Go ahead and click Save and close. We're now on the categories overview page and you'll note that we have an uncategorised category, about, attractions, festivals and transportation. We have no published articles in any of these. They are all public, they cover all languages and, again, we're only working with one language today. Then there is the ID of the category. You don't usually need that but there are a few extensions out there that will ask you for that.
If you have just a ton of categories here, you can click on the search tools and filter by virtually anything to find the category you want. By status, access, language, tags even, and max levels. If you have more than one page, you can even search by title. This is a really helpful feature but, of course, it's far more helpful in the article section.
One of the little tricks I like to do is to not leave this word uncategorised. I don't like that personally because most websites that I have built usually have some articles that don't get categorised. I like to change this to general. Go ahead and click on the word uncategorised, change it to general and then, over here in the alias, you'll also notice the word uncategorised. The alias in Joomla is what Joomla uses to create the URL, and so it needs to be lowercase, dashes or underscores. No special characters and, of course, no spaces. So go ahead and change this to the word general, all lowercase, and click Save and close.
By the way, if you're not sure what to put there, just delete it and Joomla will auto-generate it from the title. That's true of any category or article. Alright, we have our category set up. In the next video, we'll start to add our articles.

How to Format Joomla Articles

How to Format Joomla Articles

 

Video:

Transcript:

In this video, I want to just touch on a couple of other things. In our articles, go ahead and open the zoom level overview article and you'll notice again this is our WYSIWYG editor. It's called tiny MCE, as I've mentioned, and you can do all kinds of things with it: cut, copy, paste, insert images, insert links, horizontal lines, format bold, italic, underline. It looks a little bit like word but it really isn't like word - it's nowhere near as powerful. These icons match the drop-down menus and we're able to do things like make the word joomla ville bold, make the words great climate italic and, you probably have done something like this in the past, we can add ordered lists and unordered lists. We'll clean some of those up as we go.
Another thing I'd like to mention in the article section of this course are tags. Tags is another way of separating out your content or categorising your content and allowing people to find it via these tags that you set up. So I'm going to tag this particular article with overview and you'll notice, as I type and hit enter, it just adds a new tag. I'm going to add the tag for climate and I think I'll just end there. You'll see that you can add as many tags as you want. You want to be careful there not to add too many.
So that's tags. There is a tag manager and we'll look at that in just a bit. You should use tags to link articles together that may not be in the same category but have some of the same information.
Alright, next you can start the publishing and finish the publishing on any article, so let's say this article contained information about a sale on Saturday but after the sale is done I don't want the article to show up anymore. Well, I can just click and choose Saturday's date. You'll see, at the time of this recording, it's May 9 2016. So if I chose May 14th at 20 49 at 2100, this article would disappear off my site. If I don't want to do that anymore, I can just highlight it and delete it. You'll notice I can select another user who might have written this article. I can add meta description and keywords and can't recommend that enough for SEO.
On the images and links tab, I have the ability to add an intro image and a full article image. I want to look at that in a separate video because there's a lot to talk about with that. I can also add links at the bottom of an article and I can override any of the display options that I might have set up in the global options and we'll talk about that in another video. As well as configuring the edit screen and setting permissions for this individual article so that if I only want a certain group of people to be able to see it then that group would be the ones to see it, we'll talk a little bit more about that towards the end of this course.
Back on content, we've talked about the WYSIWYG editor briefly. We talked about access levels. Is it featured? We'll cover that in another video. The tagging system down here at the bottom. I have a button that toggles the editor which gives me the HTML view.
One thing to remember: you don't want to do too much design in these articles. In other words, if you remember from our discussion on what is a content management system, you want to let Joomla manage the look and feel of your content once you've applied the template that you've selected. If you insert a bunch of divs and a bunch of CSS in here, it's going to make a real mess. So, especially for you general beginners, I encourage you just leave this as the WYSIWYG editor and type or copy and paste into your source code so that you can then apply all of the formatting that you want.
Go ahead and click Save and close and we'll move on to the next video.

How to Install a New Joomla Template

How to Install a New Joomla Template

 

Video:

Transcript:

So installing a template is really easy. Head over to OS training dot com slash breeze and we're going to use this free template to begin to finish up our website. Breeze is a free Joomla template provided by OS training. There's some add-ons here as well as all the instructions you need in order to install and get breeze set up your way you want.
One of the great benefits of Joomla is that it's completely mobile friendly out-of-the-box and this is a nice add-on template that is also mobile ready. So take a look at the instructions here and then, when you're ready, click download to get breeze.
Head back over to your site, click on extensions, manage and install. You'll remember earlier we used the install from web to upload jce. Well this time we're going to click upload package file because we've already downloaded it. This is the most common way of installing extensions. When you find an extension or a template that you like, you download it and now you upload it. Click Choose file, go to where your downloads are and choose TPL underscore breeze underscore free and click upload and install and it should be just that fast. One of the things you'll need to remember as you start to experiment with templates, many of them come with dependencies.
Now, other modules or plugins that you need to install as well: always read the documentation before you install any extension, including a template. Well, to go ahead and use this template is quite simple. Head over to extensions and templates and here you'll see the built in templates that come with Joomla, as well as OS training breeze, what we just installed.
Out of the box, Isis is the default administrator theme and that's what we've been using all along and protostar is the default site template, and the front end and the back end usually have different templates. This one is designed specifically for administration and, of course, this is the protostar default template that we've been using.
Alright. It's as simple as this: put a star and set OS training breeze as a default and go over to your site and hit refresh and...whoa, there we are. What a mess. We've got some things to clean up. As you can tell, this isn't exactly what we thought we'd get but it goes back to my point from the previous video: module positions change, and so you need to reassign all of your modules. In reality, you can install your template at any point in your site building process. The earlier, usually the better. That way you don't have to do what we're about to do but the great thing with Joomla is if your graphic designer hasn't finished those Photoshop files and the template builder hasn't finished the template you don't have to wait in order to build your site out. You can do what we just did: install it at any point and clean up the site as you go. Alright, let's go ahead and do that. I'm going to head back over to my administrator and I mentioned that module positions have changed. Go ahead and click on options and make sure that preview module positions is enabled. Click Save and close.
Go back over to the home page and add question mark TP equals 1 to your site and you'll see there's a position called menu, banner, left, right, body top. Position 8 is now in the middle. We need to fix that. Body bottom, body A, B and C, footer, footer A, B, C and then a credits area. So these are all positions that we can put information into.
Alright, let's update our modules. Head over to extensions and modules and find the main menu. Click on it and let's change that by scrolling down or scrolling up and finding OS training breeze and menu. Let's go ahead and hide the title - we certainly don't need the words main menu anymore - and there is one trick with this menu: click on advanced and you'll see that we have a menu class suffix which we can delete but this particular template comes with an alternative layout for our menus. Click on the word default and click on the main menu layout. So something built into many templates these days. How do I know that? Well, I read the documentation. Click Save and close. Head over to your site. Get rid of that TP equals one and there's my main menu, nicely laid out and designed with CSS.
Alright. Next, let's go ahead and move all the position seven modules to the right position. Now, here's a great little trick, select all the modules in position seven and come up here and click batch. Change set position to OS training breeze, right and we're going to move the process. When you've done that, you'll notice that the three modules are now unpublished. No worries. Go ahead and select them again and click publish. Head over to your site and hit refresh and now our modules are back here on the right position. Well, that's awesome.
Let's get our menu back on the Left position. You'll remember we put the three menus in position eight. Let's select all the position eight modules and batch them over to OS training breeze in the left position, remove them and click process. Go ahead and select them again and publish. Go back over to your home page and now you'll see there are menus on the left hand side, so we're getting closer.
Now, lastly, let's just rearrange these so they look a little bit better. I'm going to filter by the left position and then I'm going to order them, by clicking on the little ordering link here and then dragging them into the exact order that I want. Come back over to my home page and there's my various modules in the correct order. This is driving me crazy. Let's just go ahead and get rid of that extra modules in the main article. Go back to content articles, welcome to Joomla ville and then let's get rid of that load module and the load position and, while we're here, let's just go ahead and insert an image. I mentioned, in a previous video, that this is JCE's media manager - it's really great to use. Go ahead and pick any image off your hard drive that you want or go out and get a kind of, like, a town-hall type picture. I'm going to head over to Joomla explained chapter 5 and grab this town hall image and then upload it into my site.
One of the really nice things with JCE's image manager: I can update my alternate text, which you should always do. Joomla ville town hall, I can set the dimensions in here, I can also set the alignment and add some padding or margin around my image, which I really like. You don't want the text bouncing right up against your image. You can even add borders once you've got those set. Click insert and, of course, I want that at the top, so I'm going to just click and drag that and click Save and close.
Now, when I hit my home page, there's my zoom level Town Hall in the article and my site is starting to really look good.
One last task before we leave: this video, this word home, is really driving me crazy and this is one of those crazy little tricks with Joomla. This isn't a template issue, it's actually a menu issue. We're going to clean it up now. Head over to menus, main menu and click on home. This is one thing in my live training over the years that people have always asked me about, so I thought we'd clear it up. Every menu has the option for a title, on the page display and, in this case, this page heading has been set to yes and it says the word home, simply because that's the name of the menu. Go ahead and change that to no and click Save and close. Hit refresh and, hey, the word is gone.
Congratulations, you've installed a template, rearranged the module positions, and cleaned up your site just a little bit.

How to Install Joomla Extensions via "Install from Web"

How to Install Joomla Extensions via "Install from Web"

 

Video:

Transcript:

Back over on your Joomla site, click on extensions and manage and you'll see a button here called add install from web tab. Go ahead and click on that and this adds a whole new functionality for finding extensions. Go ahead and search for jce, so you'll want to make sure that you'll get the actual jce extension because a lot of extensions have add-ons for it. So scroll down and find jce, click on the word jce and you can install it right from here. Go ahead and do that. Quite frankly, this is the first thing most people in Joomla install. It's a much better editor than the one we've been using, so we've installed it. There's a lot of add-ons, there's a whole bunch of configuration. We can't go into that in this class but let's at least turn it on.
Click on system, global configuration and scroll down till you see the default editor and change it to jce. Click Save and close and now go over to your welcome to joomla ville article and you'll see a whole new set of buttons and features in your Joomla editor. As I mentioned, this is one of the first things many Joomla site builders do is to install jce and turn it on. One thing to note, this is configurable and you really shouldn't just leave all the buttons available to everybody but, out-of-the-box, this is just an amazing editor.
One of the things I really love is the image manager. It's far better than the built-in one and it allows you to create folders, do multiple uploads and there's even some advanced features in a paid version. You can install all kinds of extensions that will improve your Joomla experience right from the Joomla extensions directory. There are literally thousands of them and if you can dream it, it's probably an extension that will do it.
The last thing I'll mention about extensions is that not all extensions are free. Some you need to pay for. Even jce, which is free, has some add-on features that you will pay for. Most times you'll find extensions out there for anywhere from five dollars to ten to twenty five maybe even fifty or hundred depending on the complexity of the extension and I don't have time in this video to go through all of those details but once again let me just remind you: if you can dream it, well...there's probably an extension that will do it in joomla.

 

 

How to Install Joomla Manually

How to Install Joomla Manually

 

Video:

Transcript:

In this video, I want to help you get set up to install Joomla manually on your own desktop or a laptop. I'm on a Mac so I'm going to use MAMP. If you're on a PC, you'll need to use WAMP. Whichever operating system you're using, go ahead and download the software. Both of them are free. I'm going to download MAMP.
Once you've got that downloaded, go ahead and install WAMP or MAMP like you would any other software package and accept all of the defaults in this setup process for all of the questions that they ask you and then come back to the video when you're ready to go.
Once again, I'm on MAMP and MAMP stands for Mac, Apache, MySQL and PHP. These are the things that you need to make a Joomla site run. WAMP stands for Windows, Apache, MySQL and PHP. There are two things you need to do in order to setup a Joomla website. The first thing is you'll need a database. Go ahead and find PHP my admin on your WAMP or MAMP and click on databases and create a new one. We'll call this Joomla Ville because that's the site we're building today. Click create and that's it. That's all you need to do.
Go ahead and close that window, head over to joomla.org. At the time of this recording you'll download Joomla three point five point one. The next thing you'll need to do is to unzip that file wherever MAMP or WAMP is storing those files. If you want to know that, click on preferences, click on web server and you'll see your document root right here. Mine are at Rod Martin, site, mamp, click that little arrow. This is another site that I've been working on. Go ahead, find that download and copy it into your directory. Go ahead and unzip that.
One of the things I do when I'm working on a local host is I keep my database name and my site name all the same. Go ahead and rename that folder to Joomla ville. Alright, the next thing you need to do, well, is to just go to that URL. So back over to mamp, go to the web, start page. Remove all the MAMP information and just go to joomla ville and you should see the joomla installation screen ready to go.
Well, let's go ahead and get this installed. It's really quick and really simple. For the site name today, we're going to use Joomla ville. We're going to build a site all about Joomla. In the description put "this is a site for all things Joomla". For the administrator email, go ahead and put your email address in here. I'm on a local host so I'm going to use a really simple username and password. If you're out on the web, please don't do this. I'm using admin and admin. This is a site that nobody can get to but if you're even planning on putting this site out on the Internet, please make sure you're using a strong username and password. This is one of the way hackers can get into your site, so I recommend not using the word "administrator" for your name and using a very strong administrator password. Again, I'm just using admin and admin today.
If you want your site to be offline when it launches, well, then go ahead and change that - yes I'll leave it no for now. Click Next. The database configuration is something you should have already set up. If you're out on the web and you haven't done that, head over to your cPanel first and do that. Once again, I'm on a local host and I have a database called Joomla 3 set to go. You'll note that the table prefix is randomly generated. Ideally, it's three or four characters long and I usually just let Joomla do this for me but, if I want my own prefix, I can just put it in here with an underscore to separate the table names.
If, by chance, you're actually installing Joomla over a previous version and you've already got a database, well, then you might want to just say remove the tables or back them up. Either one is acceptable and it really depends on what your site is doing. Go ahead and put your credentials in and click Next.
Now if you've got an error message here, you just click the back button and fix your credentials on the last screen. Here we get to install some sample data. Now we're not going to do that for this particular course but there is some great sample data here provided by Joomla. I really like learn Joomla or the blog version, both of those are great. All of them are great but I really like those two. They're really great for Joomla beginners to learn some other powerful features that Joomla has to offer.
If you want your configuration emailed to you turn that to yes and then, finally, down here at the bottom, all of these should be green. If any of them are red then stop right now and correct the error. If you're out on the web, talk to your web host. Usually the ones I see most often are display errors might be on and not so much anymore but it used to be that magic quotes were turned on or even safe mode was on. If any of these are in the red you do need to talk to your host before you continue. If you're on a local host and some of these aren't exactly right, again, if you're using map Pro, display errors might be on. Don't worry about it but if you don't need to worry about it at quite as much but if your PHP version is too old, what magic quotes is turned on well then that's a big issue. You need to fix that.
Go ahead and click install and it's done. Click remove installation folder and head over to administrator. Go ahead and log in with the credentials you put in a minute ago and then at the top of the screen here, Joomla wants your permission to collect some basic statistics. No identifying data is captured at any point but these statistics help the Joomla project improve, so I'd encourage you to say always. You can always turn it off later if you don't want it.
Last thing before we finish this video: could you click on system and global configuration? Click on the system tab and change the session settings to 360. That's going to keep us logged in as administrators for 3 hours. It's just really helpful as we build our site throughout this course. Click Save and close and we'll move to the next video.

How to Link a Category Blog Layout with Joomla

How to Link a Category Blog Layout with Joomla

 

Video:

Transcript:

So we've talked about how to add menu items for individual articles. The next menu I want to show you is the category blog. Go ahead back into your menu manager and click on add new menu. Let's call this Joomla ville attractions and, for the menu type, we'll just call it attractions. You can put a description in if you want. Click Save and close.
Now remember, we're making a new menu here that contains menu items. Go ahead and click on the little 0 here and that takes us into the menu items for Joomla Villa attractions. Click new and we're just going to call this attractions. Click on select and, instead of clicking on a single article type, go ahead and click on articles. You want to click on category blog. Now a category blog is a kind of layout that takes all the articles from a particular category, and its subcategories if we choose, and displays them in a layout of our design. Change choose a category to attractions and, for now, simply just click Save and close. We'll come back to that in just a moment.
Well, you remember from the cash workflow the show step is add a new menu or, if you already have the menu, add the new item and then show it using a module. Because this is a new menu, we need a new module. Head over to extensions, modules and click new. Once again choosing a menu. Let's just call this Joomla ville attractions.
Select the menu joomla ville attractions and, once again, choose the right, middle or position 8. Now I know it's going to show up in the left hand side but that's ok. Click Save and close it. Go to your home page and hit refresh. Now you'll see Joomla ville attractions. This time, however, when I click on it, it's not each individual article. It's a blog layout of all of the articles in the attractions category, with one published in its entirety at the top and two more side-by-side or in two columns. Again, this is what's called the intro text and we haven't actually added read mores yet. We're going to do that in just a moment. But this is a blog layout and it's really powerful.
If I come back over to my administration screen and go back to the Joomla Ville attractions menu, go ahead and do that. Menus, Joomla ville attractions and click on attractions. I have the ability here to do a lot of things with this blog layout. If I click on category, I can override all of the global settings that I've already done.
We'll do that in just a moment, but click on blog layout. This is the one I want to look at. By default, joomla shows one leading article for intro articles in two columns with four links at the bottom and we can override this right here.
Let's go ahead and put one leading article for intro articles, but let's change it into one column. We can change this back really easily later on. Go ahead and click Save.
Head over to your public side of your site and click on that link again. Now you'll notice it's in one column. It's that easy to change the layout of your blog menu. Now you'll notice it's still one leading and four intros. Let's see how that works. Click Save and close. Head back over to your article manager, please. Click content articles, open up the aquarium article and, after the second paragraph, just go ahead and put your cursor just before please don't feed the fish and click the read more link. It's going to put a red dotted line in here.
If we look at the code just quickly, you'll notice that it's a HR ID equals system read more. Click OK and click Save and close and do the same in the zoo, please. Click on zoo and put a read more in before the second last paragraph and click Save and close. What that does is it breaks up your really long articles into a much nicer layout.
I hit refresh now. I have these read more links that help people see that there's actually more to the article. When I click on the read more it takes me into the full article and my breadcrumbs reflect I'm at the home attractions aquarium article. Don't worry that the breadcrumbs are showing up at the bottom of the screen, we'll fix that in just a bit.
So that's a blog layout for a category of articles and this is the menu item I use more often than not, especially for a news or a business type site but of course including a blog.
Alright, in the next video we'll look at one more menu type.

How to Link to a Joomla Category List

How to Link to a Joomla Category List

 

Video:

Transcript:

Let's go ahead and create one more menu. So back up to menus and click new. This time, Joomla Ville festivals. Call this a festivals menu type. Click Save and close. I'm doing this one after another. You can do this in any order in the cash workflow.
Go ahead and click on the little zero and let's click new. You want to add a new menu item and let's call this Joomla Ville festivals. Click select and articles. Now, once again, let's just take a quick peek here. I can create a menu link to the archived articles - I hardly ever archive articles - category blog, category list, create articles. That's if you want to allow your editors to create articles on the front end of your site instead of the back end. A link to all the featured articles, a list of all the categories on my site and a single article. Well, the third most popular menu type is a category list. I use this for things like FAQs.
Click on category list, change the category to festivals and click Save and close. Well, you know what we need to do. I'm going to show you a quick shortcut. Back here in my menus manager, I can just click on add a module for this menu instead of going all the way over the other way. So I am now in the modules area and let's call this joomla ville festivals. Select menu is Joomla ville festivals and, once again, let's put it in position 8, please. Go ahead and click Save and close.
Head over to your front page, hit refresh and now you have a menu item called Joomla ville festivals. Go ahead and click on that. This is a list of all the articles in a Joomla ville festivals category. You'll note that there's the title, the author and the hits. I never want to show hits on a website. That's kind of like 1990s. Let's fix that.
Head back over to your administrator. Go back to your Joomla Ville festivals menu and let's go ahead and edit it under list layouts. Let's show the date that it was published, let's hide the hits and hide the author. We don't really need that and, in the article order, let's go ahead and just put it in alphabetical order. You'll notice there's all kinds of other orders that we can use here, including putting it in our own order if we want. Go ahead and click Save and close, and now hit refresh.
Now our list is completely different and you'll see that it's in alphabetical order with the publication date there. Both of these are, of course, clickable and sortable.
So that's a category list. I encourage you to play with those options as much as you want.

How to Manage the User Registration in Joomla

How to Manage the User Registration in Joomla

 

Video:

Transcript:

00:01
hi my name is rod Martin and I'll be
00:04
your instructor for this course as you
00:06
can see on the screen we have a seven
00:08
step process for building a Joomla
00:11
website and that's what this is it's an
00:13
introduction to site building using
00:16
Joomla right out of the box the first
00:19
step is planning if you don't plan well
00:21
well you're probably not going to
00:23
execute well and so we'll talk a little
00:25
bit about that we've done most of the
00:28
planning for you in this class
00:30
number two is installed and I'll go over
00:34
four ways you can get started with
00:35
Joomla number three is content content
00:39
is everything in fact you can't start
00:43
building the rest of your Joomla site
00:45
until you at least get some of the
00:48
content in preferably most of it because
00:51
that's really what Joomla is designed to
00:53
do it's a content management system I'll
00:56
talk a little bit more about that in an
00:58
upcoming video number four is extending
01:02
Joomla comes with some fantastic
01:04
extensions there are five kinds of
01:07
extension I'll cover each one in depth
01:09
we'll look at each of the extensions
01:12
that comes with Jim Moore out of the box
01:14
and we'll build that right into the site
01:17
that we're going to create number five
01:20
is design and this is where we start to
01:23
see that look and the feel of our site
01:25
start to come together and it's really
01:27
hard to do that before you do the other
01:30
steps although you can apply your
01:32
template at any point you really can't
01:35
get the look and feel that you want
01:37
until your content is in and your
01:39
extensions are cell number six is people
01:44
people is an important part user
01:46
management in Joomla is very
01:49
sophisticated
01:49
it's called access control and it
01:52
determines what people can see and what
01:54
people can do and finally number seven
01:57
managing your site I'm going to talk
02:00
about managing your site all the way
02:02
through the course but at the end I'm
02:04
going to give you some tips on and
02:05
things you can do to make sure your site
02:08
stays and really healthy
02:10
all right just a couple of things before
02:13
we get started number one this is a
02:15
participatory question by that I mean I
02:18
encourage you all the way through to do
02:21
Z exercises with me it's one thing to
02:24
watch a video and video is great but you
02:27
really learn when you do the exercises
02:30
with me I give you plenty of time to do
02:32
that and the good thing is of course
02:34
it's video so you can anyway number two
02:37
this is video so you can pause along the
02:41
way that's the great thing about video
02:43
trains if you need to stop whine you can
02:46
if you need to run out and grab a coffee
02:49
or have an image out of Google or off
02:52
your hard drive you can pause the video
02:54
and rewind it watch it as many times as
02:58
you want
02:58
finally and this is an introduction to
03:02
joomla shoes i mean it powers some of
03:06
the most impressive websites around the
03:07
world it's an amazing content management
03:10
system and in these 40 videos i can't
03:13
possibly help you see every nuance every
03:16
possible option that you might have my
03:20
goal is that by the time we're done
03:23
you'll have this site up on your screen
03:27
alright are you ready let's dive in

How to Modify Your Joomla Template

How to Modify Your Joomla Template

 

Video:

Transcript:

Many joomla templates allow you to update or change the style of the template, right here within the template manager. You're on Styles, click OS training breeze default and you'll see here, under the Advanced tab, that we can upload our own logo, enable google fonts, enable font awesome, enable the mobile menu, and we'll look at that in just a moment. Change the google font name so if you have a particularly font that you want you can update that here and change the color scheme of your entire site, and this is a really simple theme. This is the back end of a very complex template that comes from one of the template clubs I talked about earlier. In it, you can click and drag module positions around, you can make them smaller, larger, you can hide them from different devices, you can change the colors, the width, the padding, the borders, the background, parallax, buttons, menus, menu dropdowns, it goes on and on. This is an unbelievably complex template that's actually really simple to use once you've read the documentation. It allows you to essentially put module positions anywhere you want for any device that you want. You have menu options, dropdowns, effects, social interaction and, of course, any of the settings that you might need to change. Once again, this is a really powerful template, and many of the template clubs and designers out there are building advanced templates like this for Joomla so that you don't need to know CSS or PHP to update your layout again.
Breeze is a really simple template and all it does is allows you to update the logo, embed a Google font, enable the drop-down menu and choose a different color scheme, if you like. So I can choose, you know, green. Go ahead and click menu assignment. One last thing about joomla templates while we're here is that you can have multiple templates on your site giving you a different look and feel to different areas of your site and you assign them by menu.
So, if I go over to protostar now and click on menu assignment here and make over view history and location, use the protostar template. Click Save and close. I now have Breeze as my default but on those three pages protostar is going to be the template. You'll notice my color change that I put in and if I go to overview, there's the protostar template. Of course, I need to fix my module positions as well for this template.
Undoing what we just did is as simple as coming into protostar, clicking on menu assignment and unchecking those menus. Save and close and you'll note that there's no checkmark here anymore, so OS training breeze is now managing the entire site.

How to Navigate the Joomla Administrator

How to Navigate the Joomla Administrator

 

Video:

Transcript:

In this video, I want to take you on a quick tour of the Joomla administrator interface and this is what you're seeing. If you're not there, go to your website, add a slash administrator and log in with the credentials you used when you set up your site.
You should now see this screen down here on the left. We have some quick links to the main parts of Joomla. They're really helpful. Here in the middle, we've got some messages as well as other information once we start to build our site. Up here on the top menu, this Joomla icon will bring you back to this screen. The system drop down, again, brings you back to the control panel.
Global configuration, which we looked at in the previous video, and we'll look at again later on. Global check-in, clear cache, clear expired cache are three helpful menu items that help maintain your site and of course system information allows you to look at all of the information about your setup, including your PHP version, MySQL version, and things like that. That's actually quite helpful. If you're running into issues with your site, you can quickly look at all of the PHP variables. The configuration file: if you're having problems with folder permissions. Like, for instance, my configuration dot PHP right now is unraidable and PHP information. I'm using PHP seven, which you're allowed to use now with joomla 3.5.
On the user menu, this is where we will manage our users. We can add new users, add new user groups and create access levels for everybody on our site. Access levels manage what people can see and what people can do on your Joomla site, and we'll talk more about that later. If you have a large user base, you might want to use user notes and categories for your notes. This is really helpful, again, if you've got a large user base. Mass mailing your users sounds like a great idea and, if you've just got a few, actually it's really cool but if you have a couple of thousand users on your site, this is probably not something you want to do. Unless you've worked out with your hosts about throttling emails you don't want to be labelled as a spam here.
On the menu drop-down, we have managed our menus and we have the ability to add new menu items to our menus. We'll do that in just a few moments.
The main place you'll spend a lot of your time setting up your Joomla website is here on the content drop-down. Articles, categories, featured articles and the media manager. We'll look at all of those as we go. In Joomla, there are five kinds of extensions: components, modules, plugins, templates and languages.
Components are out here on their own because they're usually large software packages that you either use out of Joomla core or add-ons from the Joomla extensions directory. They appear here because, again, they do a lot more than just the little plugins. I'll talk more about extensions in a later video.
Here on the extensions drop-down is where we can manage, install, update, discover, check our database, look at some warnings, install languages and even look at the update sites that our Joomla site is using modules, plugins, templates and languages from. Of course, round that out and then of course there's the help menu. These are links to fantastic help documentation from the Joomla community and I'd encourage you to look at these if you're new to Joomla.
Lastly here we've got a link to our front-end or the public side of our site, which right now of course is pretty blank, unless you installed the sample data or you're working on a site that already exists. Again, to get here you just go to your normal URL. To get to the administration side, you add the word administrator. On the drop down, you can see your own account: name, edit your account and log out of your account, which I always recommend when you're done editing your Joomla site at the end of the day.
That's a quick tour of the main Joomla administrator interface. We'll be touching on all of these areas as we go through this course.

How to Plan Your Joomla Site

How to Plan Your Joomla Site

 

Video:

Transcript:

Well, as you may remember from the introductory video, we have a workflow for you: plan, install, content, extend, design, people and manage. In this video, I want to talk to you just a little bit about planning. The really great thing about Joomla is that this workflow can actually be manipulated or changed around a little bit, depending on when you get the content, the design or some of the feature sets you need for your website. Just because I have content as number three doesn't mean you have to have all your content done before you can extend and design your site using a template. In fact, the sooner you get your template onto your site the better but the nice thing is you don't need it until the very end so you can actually be doing content all the way through these steps, even while you're still extending and getting your template ready. One note about number four: extend means adding features to your site that aren't necessarily content related things, like sidebars or special software.
Items like a store or a scheduling system. Those are what we talked about in extend. Alright, let's talk a little bit more.
First off, though, about planning your website. Planning is really the key to a great Joomla site. In fact, as I mentioned earlier, if you don't plan well you're probably not going to execute well and, although Joomla does allow you to work on the fly to a degree, the more you plan the better you'll execute. In fact, not planning kind of makes you look like this [Music]. So planning. It's pretty important for this site.
Today, well, here's our plan. We'll install Joomla and I'm going to give you a couple of options to do that. We'll develop our content and we've created the content for you. We'll extend Joomla using some of the built-in components, modules, plugins, templates and languages, as well as add a couple as we go. We'll add a free template and get the settings to where we want and then finally we'll manage the people workflow using joomla's access control. We'll talk about how to manage and maintain your site.
So we've done most of the planning for you today but, in a Joomla site build, this is what you need to think about. Our plan for the day is to have a site that looks just like this by the time we're done. No, it's not incredibly fancy but it's going to demonstrate all of the main features of Joomla, and teach you along the way how to implement each one. We're building a site called joomla ville and it's a city, well, all about Joomla.

How to Properly Link Articles Using Joomla

How to Properly Link Articles Using Joomla

 

Video:

Transcript:

Alright, let's just remind ourselves with the cash workflow that we introduced a few videos ago. The first one is categories. We've set up our categories, we renamed uncategorised to general and then, as you can see, we have three published articles in each category.
If I click on the article manager now, I can see all of the articles that we've created. If I want to filter by category, I can do so quite easily and just see any of the articles by category.
Alright, we're ready for the last step in the cash workflow and that's show. Now, just as an aside here, there's many ways to do what we've just done. We've done all the planning for you so we did all the categories at once, then all the articles and now we're going to do all the menus at once. But that's just one way to do it. You could do the cash workflow for each article if you wanted. I prefer this method, especially if all my content is ready to go.
Alright, the cash workflow, then. The last step is show. Go ahead and click on menus and click on manage. This is the menu management area. We have one menu called the main menu. It has one published menu item and that's the home menu. If you click on that so we only really have one menu item and, of course, here it is. Over here, in our main menu, go ahead and click back on menus and click new. We're going to call this the about Joomla Ville menu and we'll just call it about for the menu type. Click Save and close.
So now we have two menus: the main menu and about joomla ville. Just as a reminder this is what we're looking for today. We're going to create a number of menus, down the left-hand side, for each of the categories that we've created. Now, I'm going to twist this just a little bit because these are each single categories, and I'll demonstrate that in just a moment, but we're going to have different menus for different sections of our site.
Alright, click on about Joomla Ville and this brings us into the menu items section that has obviously no menus yet. Go ahead and click new and let's call this joomla ville history, to match our article. Go ahead and click on menu item type.
This is a fantastic place to just stop for a minute and learn about the joomla menu system. The joomla menu system doesn't have to exactly match your categories, but a lot of people do it that way. You can have menus for articles, configuration manager, contacts, news feeds, search, system links and tags and we'll do a few of these as we go. For now, click on single article and now select the article and you'll notice there's four things that are required here: the title, the type, the article and the menu. Go ahead and click select on article and so this is the Joomla Ville history menu item. Go ahead and click on Joomla ville history, click Save and new. Do all three at the same time.
Let's do Joomla ville location. Click on select articles, single article and then select the article called joomla ville location. Click Save and new. Now Joomla ville overview. Click select article, single article and, you guessed it, click select and choose the overview article. Click Save and close.
Now, under the about Joomla Ville menu, we have our three Joomla filled articles. Now we can rearrange these if we want, as well. Let's click and drag overview to above history and location.
So the last step here is to actually place the menu somewhere on our site. If we go over to our home page and hit refresh, none of those menus are showing up yet. That's okay, we have to place them in what's called a module position.
Just a quick bit of layout and design here, the template manages where all of these things go and these regions are called module positions. This is a module position that's containing the main menu module that displays the main menu. So that's what we need to do.
So, back over on our site, go to extensions, modules and click new. Again, a module is a piece of code that places something in a module position or a region. Go ahead and scroll down and click on menu, because we're creating a menu module, and this is about Joomla ville. That title will show up at the top. The menu is selected already for us: about joomla ville. The only other thing we need to worry about is the position it's in. For now, go ahead and just put it in the right middle position, please, and we'll talk more about that later. Click Save and close.
Head over to your homepage and hit refresh and now about Joomla Ville is over here on the left hand side and here are the links to my articles. Congratulations, you've just finished the cash workflow.
In the next video, we'll add the rest of links and finish this section up.

How to Use Joomla Access Control

How to Use Joomla Access Control

 

Video:

Transcript:

Access control and Joomla can be really simple and it can be really complex, depending on the site that you're building. If you're not going to have any registered users on your site and you only have one editor... well then you can ignore this video. It's pretty simple: your one user could be a site administrator, giving them access to pretty much everything they'll need and then nobody else will have access. You might be building a site where you'll want to have people accessing certain content that other people can't, so registered users or even more levels of access control where some users can do and see some things and others can't.
Simply put, access control and Joomla controls what people can see and what people can do and there are five levels: public, guests, registered, special and super users. The one thing that's public are people who are on your site and not logged in. Guests are also on your site not logged in but, because you may want to hide some content from registered users and not from guests, then there's this level called guest; registered users are for people with accounts; special users are site administrators; and then of course super users, which you are today on your own site. This is all controlled through user groups. You'll notice on the left that the public is at the top, super users is at the bottom and each indentation indicates grouping where permissions get inherited. So, for instance, under the registered user we have author, editor and publisher. Each one of those has more permissions than the one previous, but by default inherits all of the previous permissions above it. An administrator has more permissions than a manager and obviously a manager has way more permissions than a guest. Finally, there's super user that has every permission. These are the ones that come with Joomla, but, of course, you can add your own.
Finally, access control allows you to customise the control for any given article menu or module. For instance, here on the screen I've clicked on editor and I could disallow the editor group from ever being able to edit this particular article and we'll take a look at that in just a moment.
The workflow for access control is to: set up a user group, decide the permissions for that group, create the users and test. So a simple illustration of how I've used this through the years is in a nonprofit organisation. I might have a user group called board members. Board members would be able to view articles in the board members category but nobody else would be able to. I then create each user for each board member, assign them to that group and then create a menu and articles that are also assigned just to the board member user group, so when the public or a guest or even a manager logs into the front end of the site, they can't see that menu item or that content.
Alright, let's take a look and see how that works on your site. Go ahead and click on access levels. Once again, here are our five access levels that I mentioned earlier. If I click on groups, here are the groups that we have and it's quite simple to add a new one. Board members, the parent would be registered. The reason being is registered has certain permissions and I want those to be inherited to the board members but I don't want board members to have author, editor or publishing permissions, nor do I want them to be managers and of course they were above guests. So I chose registered as the parent so that all of the registered users abilities would be inherited by board members. Click Save and close and so you'll see board members represented here in the list on access levels again and you'll notice that registered users can't read board member content and that's good.
So let's add a new one called board members, so let's allow our board members our super users and of course our administrators to view the board member content. We won't allow managers, guests or any other registered users to view this content. Click Save and close. Now it's just as simple as adding some content.
I'm going to click on content, article, new article and let's call this the Joomla ville board minutes for may. We'll just throw some text in here: board minutes. Not a big deal. The category: we probably should have our own category here for board. We can fix that later but the key thing here is change the access level to a board member. Click Save and close.
Now you'll notice that only board members, administrators and super administrators, of course. Go ahead and click on categories. Let's go ahead and create that new category and we'll call this board minutes. Click Save and close and then go back to that article and let's put it in the board minutes category. Click Save and close.
So we have a category called board minutes, we have an article in the board minutes category and access has been given to board members. Click on menus and add a new menu item to the main menu called Board minutes. Let's just make it a category list and choose the board minutes. The key thing here: this can't be a publicly accessible menu item. It needs to be just for board members. That's the key. Click Save and close.
So if I go over to my site, hit refresh, you'll notice that it's not showing up here because I'm not logged in. I'm going to go ahead and log in and the board minutes now show up, and I'm able to view the board minutes if I was logged in as a board member. Well, of course, it would show up for me as well.
So that's a quick overview of access control in Joomla. It's unbelievably powerful. It controls what people can see and what people can do.

 

 

How to Use Joomla Featured Articles

How to Use Joomla Featured Articles

 

Video:

Transcript:

While looking at our home page, it's kind of blank, isn't it? Joomla has a great way of handling home page articles and it's called featured articles.
Back over to your article manager, you'll see that there's a menu item here for featured articles and there's nothing featured. You can tell a featured article here in your article manager if it has a little yellow star. That's all you need.
If I go over to my website now, my airport article is going to show up in the home page. Well, that's not really what I want. So, of course, I can just click again, go ahead and do that if you did that already.
Let's create a welcome article for people who come and visit our Joomla Ville site. Go ahead and click new and let's call this welcome to Joomla Ville.
Back over here on our Joomla Ville site, if you scroll down and click on chapter 3, there's text here for a welcome to Joomla ville article. You can quite easily just go ahead and type in your own or, again, use a lorem ipsum generator to do that. I'm going to throw that in there, just like that. Quickly just fix this text up. Joomla ville has lots to do here are some suggestions if you're new to Joomla ville: you can visit the aquarium, you can celebrate with us, and you can get here by the airport, bus station and train station.
Alright so we have our welcome article. The trick here is to make it featured. For here on the right, click yes. Click Save and close. Come back over to home and here's our welcome to Joomla ville article, ready to be featured on our home page and making people feel really good about coming to our site. You can feature as many articles as you want. The thing is it's a manual process to feature articles, so there are other modules and ways of getting content to your home page rather than using the featured article function. We'll talk about that and a little bit later when we talk about modules.

How to Use the Banners Component in Joomla

How to Use the Banners Component in Joomla

 

Video:

Transcript:

Alright, back over on your site, go ahead and click on the word components and let's begin to take a look at these. There's a banner component, contacts, Joomla update, messaging, news feeds, post installation messages, redirect, search, smart search and tags. Now one of the things that's great about Joomla is that you can add a ton of extensions to your site to make it do whatever you want. These are just the built-in ones, so let's explore each one quickly.
Go ahead and click on banners and banners are exactly what they sound like. They provide banner rotations in any section of your site. Go ahead and click new. We follow the same cache workflow for some of these components: categorise, add a banner and then show it in a module position let's go ahead and do that. Click on categories. You have an uncategorised category. Go ahead and click new and let's call this Joomla ville advertising. We don't need to worry about anything else there. As is true of categories in our article manager, we could put descriptions, video or images here. We could make them a subcategory of something else but we don't need to worry about that. Go ahead and click Save and close. Click on banners and now click new again. Let's call this Joomla ville ad 1. It's going to be an image. Let's go ahead and select that image. We're going to just take some of the banners that come with Joomla. Let's use the OSM one banner here. Click insert. We won't worry about a height and a width. We're going to make that so it fills the entire area, but we do need alternate text. This is the open source matters banner one and let's make it so it goes to open source matters. Open source matters - or osm - is the board that oversees the legal and financial aspects of the joomla project. HTTP open source matters dot org. Go ahead and put that in. Once again, you can add a description. Let's change the category to joomla ville advertising.
We can also have a maximum number of impressions so, with any banner advertising, you can say hey after fifty or a thousand impressions, stop using this one. You can look at the total impressions and clicks. Joomla will track all of these for you.
If you want to assign a banner to a client, you can do that as well. We saw that just a few moments ago and again we can have a purchase type so this is a pretty nice little system for banner rotations on your site. Let's go ahead and track impressions and track clicks. That way we can report back to OSM how well their banner is doing. Go ahead and click Save and new. Let's do another one. Joomla will ad two and, back on details, let's select advertisement for shopping for Joomla books. Go ahead and click insert and let's just put in the joomla.org site and click on category. Change it to joomla ville advertising. We could put many more banners in here but we'll just leave it at two for now.
Click on banner details and go ahead and track impressions and clicks and click Save and close, so categorise, add the banners and finally show. Just before we do that, click on clients. This is where we could add a client in and assign it to a banner ad and this is where we can track everything that's going on.
Head over to extensions and modules. We did this when we did our menus. It's similar. Modules, as you recall, are like the dashboard they place around our site. Click new and you'll see banners. Click on banners and these are going to be our Joomla ville banners. We don't want the title shop, that would be kind of silly. The target will open these clicks in a new window, not to worry about the client. We don't want to show all categories, let's just show Joomla ville advertising. We'll randomise the order. We could have some header and footer text here if we wanted. We could also start and stop publishing these modules just the same way as articles allow anybody or nobody to see them and of course we need to put it in a position. So now, before we do that, I want to show you a little trick.
Go ahead and click Save and close. For now, it's going to mean that our banner is there but it's not going to show up anymore because we don't have a position. Click on extensions and templates for a moment and click on options. We're able to preview the module positions for any template, if we go ahead and enable that. So go ahead and enable that and click Save and close and then head over to the front page of your site.
Go to the base URL and then put question mark TP equals 1, and that overlays the template module positions onto our page. Now we can see where all the module positions are. Well, a nice banner position here is actually positioned to where the breadcrumbs are. It's kind of a strange place for the breadcrumbs, so let's put the breadcrumbs in position three and we'll put the banner in position two. We'll talk more about this later but, for now, just go ahead and do that.
So, let's see. Breadcrumbs. We're going to move that to position three, the top Center. Click save and close and then the banners. Go ahead and put that scroll all the way to the bottom and put that in position two, which here is called breadcrumbs, and don't worry about what it's called for now. We're going to fix that later. I suppose we could put it in the banner position. Let's see what that looks like. Go ahead and click Save and go ahead and get rid of the question mark TP equals one on your page and there's the banner. That's kind of a weird place to put it. I still think we should put it down on the bottom for at least this particular template. We'll fix that later so go back over and let's put it in position two which, once again, is called breadcrumbs in protostar that's all right. Click Save and close and, if you wouldn't mind, just go back into breadcrumbs and hide the title. Click Save and close. Let's just do one more update to our banners. Click on Joomla ville banners, change the count to one. We don't want both banners showing at the same time, we want them to kind of show up in a random way. Finally change randomise from pinned ordering to pinned randomise. We're not pinning our banners but we are going to ask them to be randomised on page loads. Go ahead, make those changes and click Save and close.
Alright, head over to your site, click home and now just click around on your site and you should see the two banners loading at different times in a completely random fashion. If I click on that one, it's going to open that up in a new tab and there we are.
Let's head back to our components and banners, see what kind of tracking we're getting. Here we are. Joomla ville add one has three impressions and one click, Joomla ville ad 2 has 3 impressions and no clicks.
So, if a simple banner rotation system is what you're looking for for a client or for yourself, well then the banner component is really helpful.