- A working Joomla 6 website
- Admin access to Joomla backend
- Basic understanding of Joomla articles and categories
If you've ever wondered why some Joomla pages look like neat blog feeds while others show a single focused article — that's article layouts at work. In Joomla 6, you have full control over how your content appears, and once you understand the three core layout types, everything clicks into place.
What Are Article Layouts in Joomla 6?
An article layout controls how your content is presented to visitors. It determines where the title appears, how images are positioned, what metadata shows (author, date, category), and how multiple articles are grouped on a page.
In Joomla 6, layouts are tied to menu items. Each menu item you create has a "Menu Item Type" that defines the display format for the page it opens. You don't change article layouts inside the article editor itself — you do it through the menu system.
| Layout Type | Best For | Shows Multiple Articles? |
|---|---|---|
| Single Article | Landing pages, standalone guides | No — one article only |
| Category Blog | News feeds, blog sections | Yes — with intro text + images |
| Category List | Documentation, archives | Yes — compact title-only rows |
Step 1 — Use the Single Article Layout
The Single Article layout displays exactly one full article on a page. It's perfect for an "About Us" page, a policy document, or any content that stands alone.
- Go to Menus → [Your Menu] in the Joomla Administrator.
- Click New to create a new menu item (or open an existing one to edit).
- Click the Menu Item Type field — a popup appears. Open the Articles section and choose Single Article.
- In the Select Article field that appears, pick which article to display on this page.
- Save the menu item. Your page now shows that article in full.
Step 2 — Set Up a Category Blog Layout
The Category Blog layout is the most popular layout in Joomla. It pulls all published articles from a chosen category and presents them in a magazine-style feed — with intro text and images. This is what most "News" and "Blog" sections use.
- Go to Menus → [Your Menu] → New.
- Click Menu Item Type → Articles → Category Blog.
- In Choose a Category, select which category's articles should appear.
-
Open the Blog Layout tab and configure the grid:
- # Leading Articles — shown full-width at the top of the page.
- # Intro Articles — shown in a column grid below the leading articles.
- # Columns — how many columns for intro articles (1–3 is most common).
- # Links — additional articles listed as plain text links at the bottom.
- Save and preview the page in your frontend to fine-tune the grid numbers.
Step 3 — Use the Category List Layout
The Category List layout presents articles as compact, scannable rows — ideal for documentation indexes, resource archives, or any section where visitors need to find articles quickly by title.
- Go to Menus → [Your Menu] → New.
- Click Menu Item Type → Articles → Category List.
- Select the category whose articles should be listed.
-
In the List Layouts tab, control:
- Which columns are visible (date, author, hits).
- Default sort order (by date, title, or hit count).
- Whether visitors can re-sort the list themselves.
- Save. The list view is lightweight and loads very fast.
Need a Joomla template with professionally designed layouts ready to go?
MonsterOne provides a huge library of premium Joomla templates — all responsive, well-structured, and ready for your content. One subscription covers templates, page builders, and design assets so you can launch faster without fighting layouts from scratch.
Browse Joomla Templates →Step 4 — Override Display Settings at Every Level
Choosing a layout type is just the beginning. Joomla 6 also lets you control what information appears on each article — author name, publish date, category label, hit count, and more — using a three-tier override system.
- Global (site-wide): Go to Content → Articles → Options. Any setting you change here applies to all articles unless overridden at a lower level.
- Category level: Open a category at Content → Categories and click its Options tab. Overrides the global settings for articles in that category only.
- Menu item level (most specific): Open a menu item and go to its Options tab. Overrides everything above — affects only the page that menu item renders.
- Key toggles to know: Show Title, Linked Titles, Show Author, Show Publish Date, Show Category, Show Hits, Show Navigation (previous / next article links).
Bonus Tip: Create Alternative Layouts for Specific Articles
Need one article to look completely different from the rest? Joomla 6 supports alternative layouts — custom PHP templates that you build once and assign to individual articles. This is great for landing pages or feature articles that need a unique structure.
To create one, copy components/com_content/tmpl/article/default.php into your template's override folder at templates/[your-template]/html/com_content/article/ and give it a new filename like landing.php. It will appear as a selectable option in each article under Options → Alternative Layout.
Troubleshooting Common Layout Problems
| Problem | Likely Cause | Fix |
|---|---|---|
| Blog layout shows no images | Intro Image not set on articles | Edit each article → Images and Links → set Intro Image |
| Author name not showing | Show Author set to "Hide" | Content → Articles → Options → Show Author → Show |
| Category list page is empty | Articles unpublished or wrong category | Verify article Status = Published and Category matches menu item |
| Layout change has no effect | Page cache serving old version | System → Clear Cache → Clear All |
| Homepage shows wrong layout | Default (⭐) menu item uses wrong type | Open the Default menu item → change Menu Item Type |
Final Checklist
- ✅ Decided which layout type each section needs (Single / Blog / List)
- ✅ Created or updated menu items with the correct Menu Item Type
- ✅ Set Intro Image and Full Article Image on each article
- ✅ Reviewed global display options at Content → Articles → Options
- ✅ Applied category-level overrides where needed
- ✅ Used menu item Options tab for page-specific display tweaks
- ✅ Cleared the cache after making changes
- ✅ Tested the layout on mobile for responsive display
Conclusion
Article layouts in Joomla 6 are controlled almost entirely through the menu system — a design decision that keeps your content clean and your presentation flexible. Master the three layout types, learn the three-tier options override (global → category → menu item), and you can build a polished, well-structured site without writing a single line of code.
Ready to go further? Explore template overrides to rearrange the HTML structure of your layouts — they live safely inside your template folder and survive every Joomla update.