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.

Tags: Joomla 3

OSTraining

Support

OSTraining teaches people how to build great websites, focusing on PHP platforms such as WordPress, Joomla, Magento and Drupal. You can learn more about there service by visiting OSTraining.com or by subscribing to their Youtube channel.