Step by step basics of setting up a custom template for Joomla! 3 CMS for beginners, following along with the Joomla! Docs - Creating a basic Joomla! template tutorial.
Template is based on a typical two-column website layout.
2. Get started
Let’s get started.
● We’re building a basic front-end template for Joomla! 3.
● Fixed module positions.
● Not responsive.
● No template overrides, language files, error page, favicon, template
thumbnail preview, print-friendly, fancy jQuery or JavaScript.
4. Let’s start
Set up folders and files. I’ve used Joomla! Docs as base:
https://docs.joomla.org/Creating_a_basic_Joomla!_template
templates/
● mycustomtemplate/
o css/
template.css
o images/
logo.png
o index.php
o templateDetails.xml
Demo.zip available at: http://bit.ly/demozip
5. templateDetails.xml
Markup to suit your site.
● Update with your details
● Include extra positions for your design
<positions>
<position>header</position>
<position>nav</position>
<position>sidebar</position>
<position>footer</position>
</positions>