Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Create a HTML page with the layout you want, inclusive of stylesheets and Javascript<br> (1.5/2.5 is Mootools based)<br> (Joomla 3.x is jQuery based)<br> <a href="http://docs.joomla.org/Adding_JavaScript" rel="nofollow noreferrer">Adding Javascript</a></p> <p>Keep the template initially very basic.<br> Save this page as index.php page. </p> <p>The default directory layout is:</p> <ul> <li>css</li> <li>html</li> <li><ul> <li>com&#095;&lt;componentname&gt;/ mod&#095;&lt;modulename&gt; (used to override the base templates of Components and Modules)</li> </ul></li> <li>images</li> <li>js</li> <li>templateDetails.xml</li> <li>index.php</li> <li>favicon.ico</li> </ul> <p><strong>Change/Add the different Joomla constructs</strong><br> Also updating the related templateDetails.xml with positions and file locations etc.<br> See a current template for an example of the layout.<br> Ex.</p> <pre><code>&lt;?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?&gt; </code></pre> <hr> <p><strong>Header section:</strong></p> <pre><code> &lt;jdoc:include type="head" /&gt; </code></pre> <hr> <p><strong>Your different Modules:</strong> </p> <pre><code>&lt;?php if($this-&gt;countModules('search')) : ?&gt; &lt;jdoc:include type="modules" name="search" /&gt; &lt;?php endif; ?&gt; &lt;jdoc:include type="module" name="breadcrumbs" /&gt; </code></pre> <p><strong>Your Main Content tag is:</strong></p> <pre><code>&lt;jdoc:include type="component" /&gt; </code></pre> <hr> <p><strong>To allow your template the ability to display debug information add:</strong></p> <pre><code>&lt;jdoc:include type="modules" name="debug" /&gt; </code></pre> <hr> <p>For more advanced additions to a template have a look at the default templates (ja_purity, Beez).<br> To override component and module layouts copy the layout files of the component or module into a similarly named directory below the html directory of your template and change it.</p> <p><strong>Edit...</strong><br> <strong>Extra utilities.</strong></p> <ol> <li>To highlight the used module names in a browser add tp=1 to the end of your URL ex. yourdomain.com?tp=1</li> <li>To View an inactive but installed Template add template=template_name. ex. yourdomain.com?template=Beez</li> </ol> <p>These two can be combined, like this. yourdomain.com?template=Beez&amp;tp=1</p> <p>For more information look at:</p> <ol> <li><a href="http://www.joomlaport.com/Joomla-Template-Tutorial-Part-1-Joomla-Template-Concepts.html" rel="nofollow noreferrer">Joomla Template Tutorial Part 1 - Joomla Template Concepts </a></li> <li><a href="http://net.tutsplus.com/tutorials/other/creating-your-first-joomla-template/" rel="nofollow noreferrer">How to Create Your First Joomla Template</a></li> <li><a href="http://docs.joomla.org/Portal:Template_Development" rel="nofollow noreferrer">Joomla! Docs: Template Development</a></li> <li><a href="http://www.google.co.za/search?q=Joomla+Template+creation" rel="nofollow noreferrer">Google Joomla templates</a></li> </ol>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload