Why do you need to Add Content to Footer with Cassiopeia?
Like the header, the footer shows the main and most important content of the website. If it is said that the content is implemented carefully and clearly in the body of the page, the footer will emphasize and summarize the main and noteworthy content. In particular, websites have massive layouts with many hierarchies that are difficult to fully represent and identify in the header and body. Therefore, showing the simplified overall layout in the footer will be an effective solution. If you are using Cassiopeia template coming with Joomla 4 version, you need to know how to build an attractive and logic content for the footer. So, in the blog today, let us show you how to add content to footer with Cassiopeia. Let’s get started now!
How to Add Content to Footer with Cassiopeia in Joomla 4?
Add Text to Footer
If you want to showcase the fundamental information about your website or something like that, you can do it with the footer. For example, we would like to display the contact information on the footer, so we will go to Content -> Site Modules -> New.
After that, let’s select the Custom module type to generate a footer module by utilizing the editor to add text.
Now, you need to fill out the title, then choose the Footer in the Position section. Besides that, remember to select the Published for Status section.
Next, you can fill out the content in the box editor. Furthermore, in the Menu Assignment, let’s make sure that you have already set On All Page for module assisgnment.
Don’t forget to save all your settings after finishing everything.
You can visit your site to see how the content will be displayed on the footer of your site.
Insert Menu into Footer
In previous posts, we showed you how to build Horizontal Footer Menu with Cassiopeia, but it’s not the main menu. If you hope to insert the main menu into footer, let’s follow some simple steps below.
First of all, you just need access Content -> Site Modules, then choose the main menu and click on it to edit. Now, all you need to do is copy the module.
After coping, let’s change the title, then set Footer option for the Position, and Published status. Moreover, in the Menu Assignment, let’s ensure that you have already set On All Page for module assisgnment.
Don’t forget to save all your settings.
Let’s take a look at the footer of your site. You will see the main menu appears on the right of the screen.
Display latest posts on Footer
In case you wish to showcase the latest posts on the footer so that your visitors can read the newest posts easily, let’s go to Content -> Site Modules. After that, simply select the Articles – Latest module.
Just like creating other modules, you need to enter the title, choose the Footer in Position and Published status.
Moreover, it’s necessary for you to set the Blog for category. In the Menu Assisgnment, of course, you need to select On All Page for module assisgnment.
Finally, let’s click on the save button to store all your settings.
Now, the latest posts will be displayed on the footer of your site. You can check the result below.
You can also display other module on the site footer, such as the login form, copyright information and much more. Simply follow the same steps below.
Design Footer
- Change the footer background: You can alter the image for background of footer or customize the color for it.
- Arrange footer layout: In case you want to arrange the order of content displayed in the footer, this is also quite simple and easy to do. Now, let’s go to Content -> Site Modules, then select the footer for position. Next, in the Short Table By, choose Ordering ascending. Let’s drag and drop the three vertical dots that correspond to the order of the modules displayed on the footer. Besides, you can also disable any module you created before but don’t want to showcase on the footer.
It’s time for you to check the result. An eye-catching footer with your own design will appear without any trouble on your site.
Wind-up
In conclusion, with the Cassiopeia template, it’s not complicated and difficult for you to generate and add content to the footer in your own style. Hence, we hope that the blog today will be helpful for you. If you have more ideas or methods related to the topic, don’t hesitate to share them with us by leaving your comment below. Last but not least, don’t forget to access our site to explore a wonderful collection of responsive Joomla 4 Templates.
- How to place menu items in helix joomla 5 ? - December 14, 2024
- How to reduce the size of helix 2 layout ? - December 14, 2024
- What’s J4 starter template and how to use it - December 3, 2024
Thank you very much.
Finally a really useful article on the subject. So simple and far from those hard to implement code solutions.
Congratulations and thank you.