Joomla Responsive Template Guide Created for JoomlaDay Guatemala 2013
•
0 recomendaciones•1,303 vistas
This document provides information and instructions for creating a sample template for Joomla using Twitter Bootstrap. It includes an overview of necessary and optional files, instructions for setting up the templateDetails.xml file to define template details and supported positions, and a basic structure for the index.php file. It also provides resources for the sample template code and information for contacting the author.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Similar a Joomla Responsive Template Guide Created for JoomlaDay Guatemala 2013
Similar a Joomla Responsive Template Guide Created for JoomlaDay Guatemala 2013 (20)
Más de David Hurley
Más de David Hurley (10)
Último
Último (20)
Joomla Responsive Template Guide Created for JoomlaDay Guatemala 2013
- 1. Responsive Templates Created for Joomla! JoomlaDay Guatemala 2013
- 3. Extra Files & Folders LESS/CSS Images HTML Javascript
- 4. Getting Started: Template Details templateDetails.xml <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE install PUBLIC "-//Joomla! 3.1//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install. dtd"> <install version="3.0" type="template" method="upgrade">
- 5. templateDetails.xml - Basic Details <name>Sample Template</name> <creationDate>2013-04-24</creationDate> <author>David Hurley</author> <authorEmail>david@mydomain.com</authorEmail> <authorUrl>http://mydomain.com</authorUrl> <copyright>Copyright (C) 2012 My Site</copyright> <version>1.0</version> <description><![CDATA[ <p>Creating a sample template for JD13GT<p> ]]></description>
- 8. Index.php - Basic Structure - Head <?php defined('_JEXEC') or die; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ? >" > <head> <jdoc:include type="head" /> </head>
- 9. Index.php - Basic Structure - Body <body> <jdoc:include type="modules" name="top" style="xhtml" /> <jdoc:include type="modules" name="breadcrumbs" style=" xhtml" /> <jdoc:include type="modules" name="left" style="xhtml" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="right" style="xhtml" /> <jdoc:include type="modules" name="footer" style="none" /> </body> </html>
- 10. JHtmlBootstrap::loadCss($includeMaincss = true); That's all Add Bootstrap Style from JUI
- 12. Contact David Hurley twitter: @dbhurley facebook: /dbhurley skype: davidbhurley email: david.hurley@joomla.org
- 13. Live Preview Let's get started...