10
Building Templates for Joomla Joomla Day Australia Sydney 2017

Building Templates for Joomla

Embed Size (px)

Citation preview

Page 1: Building Templates for Joomla

Building Templates for Joomla

Joomla Day Australia Sydney 2017

Page 2: Building Templates for Joomla

How to start

HTML/CSS templates

CSS Frameworks (Bootsrap, Foundation 6, etc.)

Ready made Joomla themes (template customization)

Page 3: Building Templates for Joomla

Joomla template files

demo/

-----index.php

-----templateDetails.xml

Page 4: Building Templates for Joomla

templateDetails.xml

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

Page 5: Building Templates for Joomla

Module Positions

<jdoc:include type="head" />

<jdoc:include type="modules"/>

<jdoc:include type="component" />

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

Page 6: Building Templates for Joomla

<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

Page 7: Building Templates for Joomla

<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

Page 8: Building Templates for Joomla

<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

Page 9: Building Templates for Joomla

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

Page 10: Building Templates for Joomla

Thank you

Happy Coding