Showing Articles in Columns on the Joomla 3.1 frontpage
In this tutorial, our goal is to show you how to have more than one column of articles on your homepage. For example, in the screenshot to the right, you can see that we have three columns of articles.
Working with Columns on the Joomla Frontpage
- Log into your Joomla 3.0 Admin dashboard
- In the top menu, click Menus and then click Main Menu (or the menu with a logo of a house to the right)
- In the list of Menu Items, find and click on the menu item that has a yellow star under the Home column
- Click the Advanced Options tab at the top of the page
- Click to expand the Blog Layout Options section
- You'll want to pay attention to the following settings:
# Intro Articles
Number of articles to show after the leading article. Articles will be shown in columns.
The number of columns in which to show Intro Articles. Normally 1, 2, or 3.
For the columns setting, enter the number of columns that you want. Then, enter the number of articles that you want to show in columns. For example, if you have 3 columns and 4 intro articles, you'll end up having 2 rows of three columns, but two columns will be blank.
When finished making changes, click the save button in the top left of the page.
Below are examples of how these two settings, # columns and # intro articles, work together to help shape your Joomla 3.0 frontpage using columns:
# Intro Articles: 4
# Columns: 3
# Intro Articles: 4
# Columns: 2
‹Section 5: Change the number of articles on your Joomla 3.1 frontpage
›Section 7: Changing the number of links on the Joomla 3.1 frontpage
Joomla Community Google+ Hangout #3
June 3rd, 2014
Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!
Support Center Login
Social Media Login
How to Blog using Joomla 3
Working with Blog Posts
|1.||How to write a blog post in Joomla 3.1|
|2.||How to add a Read more button in Joomla 3.1|
Working with the Header / Banner Images
|3.||How to change the banner image in Joomla 3.1|
|4.||How to hide the banner image in Joomla 3.1|
|5.||Change the number of articles on your Joomla 3.1 frontpage|
|6.||Showing Articles in Columns on the Joomla 3.1 frontpage|
|7.||Changing the number of links on the Joomla 3.1 frontpage|
|8.||Joomla 3.1 frontpage article order|
Sidebar Modules and Widgets
|9.||Configuring Older Posts in Joomla 3.1|
|10.||Working with the BlogRoll module in Joomla 3.1|
|11.||Working with the Most Read Posts module in Joomla 3.1|
2013-11-11 10:00 am
Depending on your theme, it can also effect how your information is displayed. I recommend taking a look into your theme or switching themes to take a deeper look into things.
2013-11-28 12:38 pm
Click the Advanced Options tab at the top of the page?????
I can't see that?
2013-11-29 4:32 pm
<div style="background-color: #FFF; padding-left: 10px;">Hello qwqwqw, and thanks for your comment.
I'm assuming you're probably using one of the latest versions of Joomla. This article was originally written for <strong>Joomla 3.0</strong> at which time I believe there was the <strong>Advanced Options</strong> tab. However in newer versions, this has been replaced by the <strong>Layout</strong> tab which allows you to control your front page columns by editing the <strong># Columns</strong> setting.
<img src="/support/images/stories/edu/joomla-3/homepage/joomla-edit-menu-item-columns.png" alt="Joomla edit menu item columns">
Please let us know if you're still unable to find that, and if so please let us know what version of Joomla you are using, and what options you are seeing available after navigating to the <strong>Home</strong> menu item.
2014-01-31 11:11 pm
I am using Joomla 3.2.1 and the protostar - Default template. Under Edit Menu Item I have the following options: Details, Options, Link Type, Page Display, Metadata, and Module Assignment. None of these tabs has an option for changing the number of columns.
2014-02-01 12:42 am
<div style="background-color: #FFF; padding-left: 10px;">Hello brentonk,
That's strange that you're seeing different options then we do also using <strong>Joomla 3.2.1</strong> and the <strong>Protostar template</strong>.
Just to clarify that you're looking in the same place as this article, are you navigating to <strong>Menus</strong> in the top menu, then clicking on <strong>Main Menu</strong> with a house icon beside it? From there you should be able to click on the <strong>Home</strong> menu.
I just did a fresh install of Joomla with the same template, and I'm currently seeing these tabs available:
<strong>Details</strong> | <strong>Layout</strong> | <strong>Options</strong> | <strong>Integration</strong> | <strong>Link Type</strong> | <strong>Page Display</strong> | <strong>Metadata</strong> | <strong>Module Assignment</strong>
So it sounds like you're missing <strong>Layout</strong>, and <strong>Integration</strong> tabs. Are you logging into Joomla with a user that is part of the <strong>Super User</strong> group?
Also do you have any other modules or extensions installed in Joomla currently, or have you modified any of the core files themselves?
2014-04-12 5:38 pm
Great information but I need help on this. I would like a homepage with 3 or 4 columns without start with a long article on the top. On your example you really started with one column then your #columns. Again I want to start straight with 4 column without "My First Blog Post" article alone on the top.
Pd I am us8ng the same template with las version joomla 3.2
2014-04-14 9:04 am
In the same page that you set number of columns, adjust the <strong>Leading Articles</strong> field to <em>0</em>. Doing so will prevent the first article from showing.
2014-06-20 10:00 am
Hi, is there anyway that I could have 1 leading article, then 2 columns of say 4 articles then all following articles after that are back to full width (like the leading articles - 1 column)?
The only way I can figure out how to do this is to put my article content into modules then assign them to to the position below my other articles. This isn't very economical and breaks my content organisation. Is there a better way?
2014-06-20 2:33 pm
I'm not sure of an easy way to achieve that type of layout using the default Joomla blog layout options. At that point you'd probably want to look at a Joomla template that already has that desired layout, or closer to it.
We do have a guide that covers <a href="http://www.inmotionhosting.com/support/edu/joomla-3/edit-template" target="_blank">how to edit a Joomla template</a> which also might lead you in the right direction.
2014-07-09 11:19 pm
The article was very helpful and esy to follow.... 1, 2, 3 done. . .
That said my entires are differnet in lenght and need the columns to be indepenant of each other in regards to valign. . . guessing not possible bu just asking. .
Thank you VERY much for your help.
2014-07-10 9:54 am
This would require a significant amount of custom code in the theme to adjust. If you have multiple articles of different lengths, I recommend simply adding a "Read More" link there instead.
2015-03-21 2:56 am
Is there a way to have 2 columns on some pages, and a single column on others - I would like only certain areas to have multiple olumns, so I can have them like a newspaper artilce
2015-03-23 10:29 am
Thanks for the question! It's a tough one, but I think this link from Joomla may answer your question. You can have varying areas in your article and they can be different formats. I hope this helps to answer your question, please let us know if you require any further assistance.