Building Templates for Joomla

Preview:

Citation preview

Building Templates for Joomla

Joomla Day Australia Sydney 2017

How to start

HTML/CSS templates

CSS Frameworks (Bootsrap, Foundation 6, etc.)

Ready made Joomla themes (template customization)

Joomla template files

demo/

-----index.php

-----templateDetails.xml

templateDetails.xml

https://docs.joomla.org/Understanding_Joomla!_templates

Module Positions

<jdoc:include type="head" />

<jdoc:include type="modules"/>

<jdoc:include type="component" />

Source: https://docs.joomla.org/Jdoc_statements

<jdoc:include type="head" />

This element should only appear once in the <head> element of the Template to render the content of the style, script and meta elements associated with the current page.

Source: https://docs.joomla.org/Jdoc_statements

<jdoc:include type="component" />

This element should only appear once in the <body> element of the Template to render the main content of the page with respect to the current page being viewed

Source: https://docs.joomla.org/Jdoc_statements

<jdoc:include type="modules"/>

This element renders a single module given by the name and title attributes: name should match module type while title should be the module name of the desired module. The module in question must be published and accessible by the current user in order to become visible. Additional attributes can be provided to control the layout and appearance of the module, if supported.

Source: https://docs.joomla.org/Jdoc_statements

How to View Module Positions in Joomla

• In the administrative backend go to Extensions → Template Manager. Click on Options and set Preview Module Positions to enabled.

• Add parameters at the end of the URL for example, http://mydomain.com/index.php?tp=1

https://docs.joomla.org/Finding_module_positions_on_any_given_page

Thank you

Happy Coding