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
We value your feedback!
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
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
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 Joomla 3.0 at which time I believe there was the Advanced Options tab. However in newer versions, this has been replaced by the Layout tab which allows you to control your front page columns by editing the # Columns setting.
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 Home 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
That's strange that you're seeing different options then we do also using Joomla 3.2.1 and the Protostar template.
Just to clarify that you're looking in the same place as this article, are you navigating to Menus in the top menu, then clicking on Main Menu with a house icon beside it? From there you should be able to click on the Home menu.
I just did a fresh install of Joomla with the same template, and I'm currently seeing these tabs available:
Details | Layout | Options | Integration | Link Type | Page Display | Metadata | Module Assignment
So it sounds like you're missing Layout, and Integration tabs. Are you logging into Joomla with a user that is part of the Super User 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 Leading Articles field to 0. Doing so will prevent the first article from showing.
Post a Comment
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|