In this section, we will describe three ways to display a new article and provide examples of each. The first way is to simply place the article as a Featured Article on your Home page, which by default is a blog page. The second way places the article in a blog which is not on the Home page. The third way, category list, creates a table of articles assigned to that category. In section 5.3 we will review the other two ways which are to create links to your article in the Main Menu or in a drop down sub menu below a main menu item.
We will start with the simplest way to display an article which is to view it on the Home page of your website.
#1: Assign an Article to your Website Home Page
In an earlier article, we posted a new article called Welcome to our News Website. We placed this article on our Home page by clicking on the Featured box in the Edit Article screen and selecting Yes. We later moved this article to a Popup that new readers see when they first visit our website.
We can place as many articles as we want on our Home page by selecting Features equals yes. To view a list of our Featured Articles, click on Content, Featured Articles in the Top Menu.
We currently have four News Demo articles on our Home Page. In previous articles, we used these articles to demonstrate the appearance of featured images with various News page layouts.
We could change the order that these articles appear on our Home page by clicking on the Ordering arrows at the top of the Featured Articles table. Then use the arrows to move articles up or down on this list. We can also click on the Gold Stars to remove an item from the list of articles displayed on the Home page. The fastest way to display an article on your website is to simply put it on the Home page. But only a few articles should go on the Home page.
#2: Assign an article to a Category Blog page
A Blog Category Menu Item is often used to create a particular News Topic page such as a “Latest Sports News” page or a Latest Business News page. The benefit of this menu item type is that any articles assigned to this category do not need separate menu items created for them. They will automatically appear in the Topic Category Blog page. The Home Page is a blog page and the HOME menu item can be adjusted simply by going to the Main Menu and clicking on it. We can assign an article to the Home page blog simply by setting Featured to Yes. Before we add an article to a blog page, we first have to create a blog category and then create a Category blog menu item for that category with the Main Menu Item Manager.
1 Create a Top Level and Second Level Blog Category
You can use any existing category for a blog category or you can create a new category. We will create a blog category called 1 News. Go to Content, Category and click on NEW. Give the category a title. You can also give the blog page an introduction as shown below:
Then click Save and Close.
We will not post any articles to this blog category. Instead, we will create four second level blog categories called 2025 Community News, 2025 State News, 2025 National News and 2025 World News. These may or may not have an introduction. Each of these category blogs will be assigned to the 1 News parent category.
2 Assign an article to our 2025 World News blog category
Go to Content, Articles and select an article or create a new one. Then use the drop down arrow to assign the article to a category:
Note that the category 2025 World News has been selected in the right hand column of the article edit screen. However, the Featured Category is set to No. Therefore, this article will appear in the 2025 Community News page but will not appear in our Latest News area at the top of our Home page.
3 Create a READ MORE link after the introductory paragraph and image
To inserting a READ MORE link into an article, enter a new blank line and place the cursor where you want the READ MORE line to go, then click on the READ MORE button at the bottom of the page. With four or fewer articles, you can probably have two to three paragraphs before the READ MORE link without the page getting overly long. However with 5 to 8 articles per page, you may need to cut off each article after the first paragraph. Once you have added READ MORE buttons, click Save and Close.
4 Make a Top Level & Second Level Category Blog Menu Item
A category blog menu item can be used on any page where you want a group of similar topic articles all displayed on the same page. In other words, it can be used for any page you would like to format like the Home page. To create a Category Blog Menu Item, go to the Main Menu and click NEW to create a New Menu Item. This brings up the New Menu Item screen.
Click the big blue Select button to bring up the Select Menu Item Type screen. Click on Articles. Then select Category Blog.
This will bring us back to the New Menu Item screen. However, it will also magically bring up a drop down list of categories allowing us to choose which category we want to use for our category blog. Select the 1 News category which we just created. Then type in the title of the menu item.
If you type in the first letter, Joomla will suggest title names which you can click on. However, in this case, while the category is 1 News, we only want to display the word “News” in our Main Menu:
Note that a Top Level Blog does not have a Parent. To make a second level category blog (which we will assign articles to), click Save and then Save & New. Click Select to select the Category Blog Menu item type and then select the 2025 World News category. Finally, assign this second level blog to the News Parent Menu Item.
The above image shows a category blog menu item called World News linked to a category called 2025 World News. Any articles posted in this category will be displayed on this page. There is no need to create a separate menu item for articles assigned to a blog category. Then click Save and Close and View Site to check out the new menu item in our main menu.
Click on WORLD NEWS to view our World News blog page which currently has only one article in it. The article displays as a Leading article but the image is only 400 pixels because by default, leading articles display the Intro Image and not the full article image. To see the full article featured image, click on the Read More button.
5 Blog Layout Options
Blog Layout Options, set either globally with the Article Manager or individually with the Menu Item Edit screen, control the appearance of the blog layout page. To adjust the layout with Global settings, go to your Article Manager and click on Options in the upper right corner. Then click on the Blog/Featured Layouts tab. Below we set it for 1 leading article followed by 3 Intro Articles. These settings are now are “Global” settings. But they can be changed for any individual blog in the menu item for that blog.
Blogs are often displayed as two or three columns of articles. But this can make them difficult to read. We will therefore use a single column and have 1 leading and 2 intro articles which viewers can see by scrolling down the page. Below this, we will set links to 8 if we do want to show links to 8 more articles. Then click Save and Close.
To get a clearer idea of what this means, a Blog Layout in Joomla has 3 main areas: Leading, Intro, and Links. These are shown in the diagram below.
Articles in the Leading Area display in one column, using the full page width. Articles in the Intro Area may display in one, two, or three columns, depending on the Columns setting. If an Article has a "Read more..." break, only the text before the break (called Intro Text) will display, along with a "Read more..." link.
Blog Layout Options Recommended Settings
# Leading Articles. Number of Articles to show using the full page width.
# Intro Articles. Number of Articles to display on the first page of the blog after the leading Article. The order in which the articles are displayed is determined by the Article Order parameter below.
# Columns. The number of columns to use in the Intro Text area. This is normally between 1 and 3. If 1 is used, the Into Text Articles will display using the full width of the display area, just like the Leading Articles. 1 is the recommended setting.
# Links. The number of Links to display in the 'Links' area of the page. These links allow a User to link to additional Articles, if there are more Articles than can fit on the first page of the Blog Layout. This is a reasonable alternative to Pagination.
There are more settings that can be selected for each blog menu item after it is created. For example, go to your Main Menu and click on your HOME menu item.
It opens to the Details tab. But click on the Layout tab and you will see not only the Options listed in the Options tab earlier, but also a way to set the Article Order (which should be set for Featured Articles Order) and a way to set Pagination (which is typically set for Auto) but I recommend turning it off.
If you want to hide the title of the Home page, then click on the Page Display tab and set Show Page Heading to Hide. Then type in the title of your site to display in the browser tab:
You can make similar changes to your World News blog by clicking on its menu item and then selecting the tab you want to make changes on.
Article Order This is the order of articles in this Layout. Choose Article Manager Order. With this option, articles are ordered according to the Order column entered in the Article Manager. This option gives you the most control over article ordering.
Pagination for Blog Articles. This determines whether Page Links appear on your blog pages. Pagination provides page links at the bottom of the page that allow the User to navigate to additional pages. These may needed if all of the Blog Articles will not fit on one page. An example is shown below.
Select Show: This option will show pagination links if they are needed.
Pagination Results. Hide or Show the current page number and total pages ("Page 1 of 2") at the bottom of each page.
Now that we have a category blog in our main menu, we will next see how to add some category list menu items to our main menu.
#3: Assign an Article to a Category List Page
Blog Menu Items are a good way to post a small number of articles in a time series. However, for posting a large number of articles that are all in the same category, a category list might be more efficient. Viewers can click on articles in the table without having to scroll down the page to find the article they want.
3.1 Create Categories with the Category Manager
The first step is creating a “Category List” category with our Category Manager. There is no difference between a blog category or a list category as far as the Category Manager is concerned. Any category can be turned into a blog or a list depending on how it assigned with in the Menu Item Manager.
3.2 Assign New Articles to these Categories
As we create new articles, in the Article Edit screen, we can assign each article to one of the categories we have created. This can be either a list or blog category. The only difference is that with a list category, there is no need to insert a READ MORE link after the introductory paragraph.
3.3 Make a Category List Menu Item
We previously discussed how to use categories to organize your Joomla articles and images. We should apply this same Category structure to organize our Main Menu. To create a new category list menu item, go to the Main Menu and click on New. This brings up the New Menu Item screen. Then click on the blue Select button to bring up the Menu Item type selection screen. Click on Articles.
In the previous section, we selected Category Blog. In this Section, we select the Category List menu item type. Once the Menu Item type is selected, we are automatically taken back to the Menu Item Edit screen. For Title, we type in the name of our category, for example 1 START UP. Below this there is a box to select the category we want to associate with this menu item.
Click on the drop down arrow and choose the category 01 Start Up. As this will be a TOP menu item in the Main Menu, for Parent Item, we will leave the setting as Menu Item Root. Click SAVE and CLOSE to return to the Menu Manager for the Main Menu. Then click on VIEW SITE. When you click on a category list menu item, it will take you to a page which lists all of the articles which were placed in this category when the article was created. Here is an example of what appears when you click on the category list menu item called 1 STARTUP.
What's Next?
In our next article, we will review how to create a menu item for a single article.