Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Building Templates for Joomla

759 views

Published on

Ronald will share his experiences building Joomla templates from scratch.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Building Templates for Joomla

  1. 1. Building Templates for Joomla Joomla Day Australia Sydney 2017
  2. 2. How to start  HTML/CSS templates  CSS Frameworks (Bootsrap, Foundation 6, etc.)  Ready made Joomla themes (template customization)
  3. 3. Joomla template files demo/ -----index.php -----templateDetails.xml
  4. 4. templateDetails.xml https://docs.joomla.org/Understanding_Joomla!_templates
  5. 5. Module Positions  <jdoc:include type="head" />  <jdoc:include type="modules"/>  <jdoc:include type="component" /> Source: https://docs.joomla.org/Jdoc_statements
  6. 6. <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
  7. 7. <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
  8. 8. <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
  9. 9. 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
  10. 10. Thank you Happy Coding

×