Introduction
If you are using the Cassiopeia template for your Joomla 4 site, do you clearly understand all the options of the Blog Layout? Or do you know how to set up the blog layout with Cassiopeia for the blog page? If not, you shouldn’t miss today’s blog. First, we will show you how to generate menu items for the category blog. After that, we will explain all the options of the blog layout so that you can understand them clearly. Now, let’s explore the blog!
Generating a Menu Item for the Category Blog
First of all, let’s create a new category for your blog. If you have already generated it, then let’s skip this step. If not, follow the steps below.
In order to do this, you need to go to Content -> Categories, then click on the + New button. After that, you simply fill out the Title, the description and choose the Published Status. In addition, you can also change the alias as you like, or leave it blank so that it is created automatically.
After finishing all the steps above, you need to save all your settings by pressing the Save button. Now, a new category for your blog has been generated.
Next, you need to assign the new category you created above to the articles that have related content.
For example, we generated the new category with the Title ‘Kinds Of Music’. After that, we open Content -> Articles and select the articles related to the music topic. Then, simply assign these articles to the Kinds Of Music category.
Now, let’s move on to generating a new menu item for your category blog.
The first thing you need to do is go to Menus -> All Menu Items -> New. Then, you just need to enter the Title and choose the Main Menu option for the Menu section. After that, in the Menu Item Type, let’s click on the Select button.
A popup will appear for you to select from. Choose Articles -> Category Blog.
Now, there will be a Choose a Category section for you to edit. Simply press the Select button.
Now, let’s choose the category that you created for your blog articles. For instance, we will choose the Kinds Of Music category for this.
Don’t forget to save all your changes.
Settings in the Blog Layout with Cassiopeia
You can make the category blog clearer by setting options in the Category tab or Options tab. However, in today’s blog, we would like to focus on the blog layout. Therefore, we will explain to you all the options in the Blog Layout tab.
Blog Layout Explanation
- Leading Articles: This is the place where the articles will appear at the top when a visitor enters your site. If you type 0, there won’t be any articles here.
- Leading Article Class: You can add your CSS classes for the leading articles. So, you can create your own CSS or utilize the available classes such as boxed, image-left, image-bottom, etc.
- Intro Articles: In this section, you can specify the number of articles that will appear below the leading articles. They can be displayed in different numbers of columns according to your settings.
- Article Class: The same as the Leading Article Class, but the classes are used for the Intro Articles, not the Leading Articles.
- Columns: You can choose the number of columns for articles here. Normally, many web owners select 1, 2, or 3 columns.
- Multi Column Direction: It includes the Down and Across options. You can choose to display the articles one below the other or next to each other.
- Links: The number of links that will appear in the Links area below each article.
- Featured Articles: Besides the articles, this option allows you to show, hide, or show only featured articles.
- Linked intro image: You can decide whether the article intro images are linked or not.
- Include Subcategories: You can show the articles from subcategories in the blog. There are 6 options for this, so you can display from 1 to 5 levels or choose all options.
- Category Order: You are able to set the order for the category. It includes No Order, Title Alphabetical, Title Reverse Alphabetical, and Category Order.
- Article Order: By using this option, you can easily set the order for articles. It includes Featured Articles Order, Most Recent First, Oldest First, Title Alphabetical, Title Reverse Alphabetical, Author Alphabetical, Author Reverse Alphabetical, Most Hits, Least Hits, Random Order, and Article Reverse Order.
- Date for Ordering: There will be 4 options for you to select, including Created, Modified, Unpublished, and Published.
- Pagination: You can set the number of pages to be displayed in the navigation form. These are the page numbers located at the bottom of the page. This should be visible so that users can press the numbers to go to another page.
- Pagination Summary: You can show the current page number and the total number of pages, for instance, Page 1 of 2. It will appear at the foot of the page.
Blog Layout Examples
- Example 1: Detailed information
#Leading articles: 1, Leading Article Class: No
#Intro Articles: 4, Article Class: No
#Columns: 2, Multi Column Direction: Use Global
#Links: 0
- Example 2: Detailed information
#Leading articles: 2, Leading Article Class: No
#Intro Articles: 3, Article Class: No
#Columns: 2, Multi Column Direction: Use Global
#Links: 0
- Example 3: Detailed information
#Leading articles: 1, Leading Article Class: Boxed
#Intro Articles: 3, Article Class: Boxed
#Columns: 1, Multi Column Direction: Use Global
#Links: 0
Conclusion
To sum up, we have introduced the main information about Blog Layout with Cassiopeia in Joomla 4. We hope that today’s blog will be useful for you in creating an attractive blog page. If you want to ask us for more information about this topic, then don’t hesitate to leave your comment below. Furthermore, we are providing many responsive and well-organized Joomla 4 Templates, so if you want to get a suitable one, let’s visit our site.
