At TemplateJoomla, we do our best day after day to popularize Joomla and its eco-system as much as possible. Because we are Joomlers and because Joomla is the best CMS, it's our duty.
Among the regularly asked questions about Joomla, creating or developing a template is one of the most frequently topic on social medias and forums. Because yes, it's a fascinating, tricky and complex topic for many.
If you want to create your own Joomla 4 template, it's possible! We are happy to announce that a complete free course is already available. Created by Kevin Olson from Kevin's Guides, this course is for beginners with some knowledges on Joomla, HTML and CSS. No panic, Kevin explain just about everything else.
In this article, we present you all Kevin's videos about Developing a Joomla 4 Template with a short description of each step.
Happy viewing and coding!
Create a Joomla 4 Template: Start Here (1/4)
This is the first in a four-part beginner series on developing a Joomla 4 template. In this video, Kevin explains the software and discuss about the skills you'll need to get started. Knowledge of HTML and CSS required.
Developing a Joomla 4 Template: Project Structure (2/4)
In this 2nd video, Kevin examines the basic structure of the files packaged with a standard Joomla 4 template.
Create a Joomla 4 Template: Layout & Style (3/4 Main Video)
In this 3rd video, Kevin reviews the key aspects of the code involved with creating a Joomla 4 template.
We will take a basic UI/prototype design and turn it into code. You will learn how to use Bootstrap 5 to create a layout, how to insert modules and components, and add style to your template.
Developing a Joomla 4 Template (3/4 part b)
In this video, Kevin reviews the additional optional features added to a Joomal 4 template, including a few minor fixes from the last video, style changes, and favicons.
Creating a Joomla 4 Template: Part 4 - Rebrand & Packaging
In this video, Kevin show how to update your Joomla 4 template and package its files together into an installable zip file.
At TemplateJoomla, we do our best day after day to popularize Joomla and its eco-system as much as possible. Because we are Joomlers and because Joomla is the best CMS, it's our duty.
Among the regularly asked questions about Joomla, creating or developing a template is one of the most frequently topic on social medias and forums. Because yes, it's a fascinating, tricky and complex topic for many.
If you want to create your own Joomla 4 template, it's possible! We are happy to announce that a complete free course is already available. Created by Kevin Olson from Kevin's Guides, this course is for beginners with some knowledges on Joomla, HTML and CSS. No panic, Kevin explain just about everything else.
In this article, we present you all Kevin's videos about Developing a Joomla 4 Template with a short description of each step.
Happy viewing and coding!
Create a Joomla 4 Template: Start Here (1/4)
This is the first in a four-part beginner series on developing a Joomla 4 template. In this video, Kevin explains the software and discuss about the skills you'll need to get started. Knowledge of HTML and CSS required.
Developing a Joomla 4 Template: Project Structure (2/4)
In this 2nd video, Kevin examines the basic structure of the files packaged with a standard Joomla 4 template.
Create a Joomla 4 Template: Layout & Style (3/4 Main Video)
In this 3rd video, Kevin reviews the key aspects of the code involved with creating a Joomla 4 template.
We will take a basic UI/prototype design and turn it into code. You will learn how to use Bootstrap 5 to create a layout, how to insert modules and components, and add style to your template.
Developing a Joomla 4 Template (3/4 part b)
In this video, Kevin reviews the additional optional features added to a Joomal 4 template, including a few minor fixes from the last video, style changes, and favicons.
Creating a Joomla 4 Template: Part 4 - Rebrand & Packaging
In this video, Kevin show how to update your Joomla 4 template and package its files together into an installable zip file.
