FREELessons: 35Length: 7.7 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

5.2 Content Creation

Firstly we’ll cover creating an article category and an article. During this process we will have an in-depth look at the settings and options available to us.

5.2 Content Creation

Hi guys. Welcome back to a beginner's guide to using Joomla. And in this lesson we want to take a look at adding content through the articles component. So the first thing I'd like to do is create a category, and then after that I will create a new article and associate it with the newly created category. So underneath the content menu, we'll go to the Category Manager and from there we'll say add a new category. So first of all we need to provide a title for this category. Then I'm gonna provide an alias for the category for SEO friendly URLs. Then I can provide a description for the category, which I can include text, images, links, and other content. Then we have the ability to nest this category inside of another category. So currently it's set to no parent, which means that it's on the root level, level one. However, we can nest this category inside of another category. For example, Blog. Now, this category is going to be nested inside of there and it's on level two. Also I can associate tags with this category. We can also select the status, so I'm going to leave it as Published. So viewable on the front end but you could obviously have Unpublished and so on, and so forth. Then you can set the access level, so who gets to view this content. Then you can select a language that is associated with the content. I'm gonna leave it as all, but you could say English UK for example, because what we're writing it in here the content is in English. And also you have the ability to attach a note that's viewable in the back end. And again, it's nothing to do with the front end. And then you also have the version note. So once I save this category item for the first time, it will allow me to attach a version note to the first version. Then obviously after we keep on saving it and so on and so forth, we can define a Version Note if we want to to help us understand what each version of this category item is. So now, let's have a look at the Publishing tab. So first of all, we have a few Read-Only fields, such as Created Date, Modified Date, Modified by, Hits, and ID. So again, these are all unassigned at the moment because we have not created this category. And so this is going to be a page that's viewable on the front end, so you have your Hits and so on, and so forth. But again, nobody's actually gone to this page because number one, we've not even linked to it and number two, we've not even created it. Now, also we can associate who created this category by selecting the user icon and then selecting from the list of users. Then we can also provide a Meta Description for this Category Page to the search engine and also Meta Keywords, so keywords and key phrases again separating them out with commas. On top of that we can provide with an Author and also we can say Robots. How do we want the search engine robots to interact with the page? And I'm going to say index the page and also follow the links on the page. So now, let's have a look at the Permissions tab. And now, let's start to affect the permissions of the test manager user group. So now, let's have a look at denying the Create action. So from within this item, looking at it from a Test Manger's point of view, the Save and New, and Save as Copy button will simply disappear. So you're not allowed to create anything from within this item. Then also we can deny the delete permissions. So the test managers in this case will no longer be allowed to delete the item, they can stick it in the Trash but they can't permanently delete it. You can also deny the Edit permission, so again they won't be able to save any of their changes, they simply won't be able to edit it at all. And then on top of that, we can deny the Edit State, so they can't change the state, such as Published, Unpublished, Archived. And they can't even stick this item in the Trash, because again, that's changing the state. Then on top of that, we also have Edit Own, which we can deny as well. So I won't really cover over this stuff repeatedly over and over and over again. Hopefully now, you can see how permissions work in the Joomla system. You have permissions for the component and then, you also have permissions for the individual items within the components. So now, let's take a look at the Options tab and the first option we have is the ability to change the Layout. So we can use the default layout which means Use Global, so this is already predefined and configured. However, let's say for argument's sake that I don't want to do that. Let's say, I want a different layout. Well, the articles component by default comes with two different types of layouts, so you have the Blog layout and you have a List layout. Now, when we start linking to this and viewing this category page in the front end, we will sort of discover what the differences are between Blog and List and why we have them? However right now, I'm just gonna say use Global, so use the default setting for the Layout and then also we have the ability to associate an image with this category. And again as soon as I say Select, it opens up the Media Manager and I can select from a previously uploaded image or I could upload an image into the media manager from there. And I can go into Quick Preview by hovering over the little eye icon and then after that we can finally save this category. So now, that I've created the Category, what I'd like to do now is associate an article with that category. So let's go ahead and drop down the Content menu, and go to the Article Manager, and then go to Add a New Article. So first of all, I wanna provide a title then an alias, then some content for my article, and then I wanna associate a category with this article, so that's my newly created TouchPlus category. Then we can associate some Tags with this article, select the Status of the article Published, Unpublished, Archived, and Trashed. And then also we can determine whether this article is Featured or not. So whether it's a really important article we can say Yes, it's featured but currently, I'm going to leave it to No, it's not featured. It's just a normal article. Then also we can set the viewing Access level. So again, this determines who gets to view this content on the front end. Then also we can assign a language to this article, so what language have you written it in. Obviously, mine is complete gibberish, but I would normally, typically say English UK. But I've only got one language installed, so I'm gonna leave it as All. Then on top of that we can put in a Version Note. So again, as this is an item, we can have multiple versions of this item, this article. And then we can actually go through and change the versions of this article if, let's say, somebody updates it and does something wrong. But you'll notice we don't have the Versions button right there and that's because again, we haven't saved the articles. So technically it's not created, there's no versions, so we don't get that option currently. Then we have the Publishing tab, so right here we can set a Start Publishing date. So I could leave this as unpublished, and then if I didn't want to publish it right away, I could set a time and date, for when Joomla will automatically set the state of this article to published. I can also set a finishing publishing date and time. So when that time passes what will happen is, Joomla will automatically set it to unpublished. We can also determine a Created Date. If we don't define one here, as we are creating it, it will automatically fill this in for us. The same as Created by, so I don't actually have to select to use it. If I save it right now, it will look at my user account and associate it with this item or article in this case. I can also say Created by alias, so I could just say Loz, a nickname something like that. Again, you have your standard informational fields such as modified date and modified by, how many revisions there has been, how many hits there were on the front end. Again, we don't have any, and also the ID is set to zero currently because it's not been created so it hasn't been assigned an ID. On top of that, as this is an article, which is a page that's viewable on the front end, we can define a Meta Description, Keywords and Key Phrases. A Key Reference, so for example referring to an external source, let's say your article's talking about some information that you based off somebody else's work. Then also you have Robots again, Author, so who created this, that let's a search engine know who created this article. You can also define the Content Rights, so copyright, all rights reserved, and so on and so forth, and also an External Reference as well. Then on top of that we can define the Images and Links. So I can go ahead and select an intro image. So I'm gonna go ahead and do that. I'm gonna go to Sample Data, Fruit Shop, and then select on the bananas.jpg. So the intro image will actually appear on the category page that this article is associated with. So on the Tuts+ Category Page, you will see the intro image for this article, and then we can set the Image Float. So we could say Use Global, which means float to the left, so content goes to the right of the image. I can say float right, so content goes to the left hand side of the image, or I could say none, which means that the image will have no content to the left or to the right of it. I'm gonna set it to use global. We can also provide Alt text for the Alt attribute on the image element and we can also define a Caption for this image as well. Now, we can also have a Full article image. The Full article image is only displayed when we are looking at the page specifically for that article. So I'm gonna go ahead and select an image. So let's go to headers and then I'll show this nice wooded forest. And then I'm going to set the Image float to None, so there's no content to the left or the right of it, and I can define the Alt text and the Caption as well. And then if we have a look at it, you'll notice that we're on the category page, we click the link, then we go to the article page and you'll notice all of a sudden that that image now appears. On top of that we can provide a few links. So I'm gonna go ahead and fill these fields in real quick. And this is allowing us to have three links just above our article's content that allow us to link to relative information. Now, please do note that these links must be absolute URLs. It must start with http://www and so on and so forth. Also we get to define how the links open. So for example, do they open in the parent window or the same window. Do they open in a new window? Do they open up in a pop-up window or do they open up in a model dialog box as well? Now, let's have a look at the Options tab. So these options allow us to show and hide the title, have our titles linked, and so on so forth. Now, all of these options right here can be configured in the articles component, and that's why it says Use Global, but we can override those options. Now, I'm not gonna go through these options right now. Instead, I'm gonna go through these options when we talk about the article component and how it relates to a single article. Next, we have Configure the Edit Screen. So what we can do, is we can decide whether we want to show the publishing options, so this Publishing tab in the backend. So I can set this to No, I'll go ahead and save that. And now, you'll notice that once I've saved it, we no longer get the Publishing tab. Then also I can say Show Article Options, I can set that to No. So these are the article options right here, but if I set this to No, it will then disable that tab or those options on the backend. So I can save it, and now you'll notice the Options tab has disappeared. Also we have the Administrator Images and Links. We can go ahead and disable that tab, as well. So I can go ahead and say Save and that will now disable it, just like so. And then also we have the Images and Links on the front end. So you can edit this article on the front end, provided you do have permission to edit the article. And when you do, you'll notice the Images and Links tab, which we can disable that on the front end as well. Then also we have the Permissions. So again, we can target a certain user group and then we can decide whether they are allowed to delete this item. So again, they can put it in the Trash, but they can't permanently delete it. Also I can say whether they can edit it or save the changes, also whether they are allowed to Edit the State. So are they allowed to change it to Unpublished or Trashed or Archived. Again, that's up to you. So thank you for watching me in this lesson. And please join me in the next lesson, where we'll take a look at linking to the content that's being generated by the article's component.

Back to the top