我应该怎么写Joomla!模板?

Joh*_*Zaj 4 joomla templates content-management-system

我正在使用Joomla!CMS开发一个网站.在不久的将来,我定制了一个模板来建立一个网站.将代码拆分为de-joomla很有趣也很有趣! - 模板.事实上,我很有趣,我正在调整从头开始制作自己的模板的想法.

所以,如果我要追求这个,我从哪里开始呢?您是否知道任何非常好的参考资料,或者我应该整天玩这些代码直到事情成功?在我去之前,我更喜欢做大量的阅读(对于概念).

Sch*_*eeg 7

创建一个包含所需布局的HTML页面,包括样式表和Javascript
(1.5/2.5是基于Mootools)
(Joomla 3.x是基于jQuery的)
添加Javascript

最初保持模板非常基本.
将此页面另存为index.php页面.

默认目录布局是:

  • CSS
  • HTML
    • com_ <componentname>/mod_ <modulename>(用于覆盖组件和模块的基本模板)
  • 图片
  • JS
  • templateDetails.xml
  • 的index.php
  • favicon.ico的

更改/添加不同的Joomla构造
还使用位置和文件位置更新相关的templateDetails.xml等.
有关布局的示例,请参阅当前模板.
防爆.

<?php
 // no direct access  
  defined( '_JEXEC' ) or die( 'Restricted access' );  
?>
Run Code Online (Sandbox Code Playgroud)

标题部分:

 <jdoc:include type="head" />
Run Code Online (Sandbox Code Playgroud)

你的不同模块:

<?php if($this->countModules('search')) : ?>
  <jdoc:include type="modules" name="search" />
<?php endif; ?>


<jdoc:include type="module" name="breadcrumbs" />  
Run Code Online (Sandbox Code Playgroud)

您的主要内容标记是:

<jdoc:include type="component" />
Run Code Online (Sandbox Code Playgroud)

为了让您的模板能够显示调试信息,请添加:

<jdoc:include type="modules" name="debug" />
Run Code Online (Sandbox Code Playgroud)

对于模板的更高级添加,请查看默认模板(ja_purity,Beez).
要覆盖组件和模块布局,请将组件或模块的布局文件复制到模板的html目录下面的类似名称的目录中并进行更改.

编辑...
额外的工具.

  1. 要在浏览器中突出显示已使用的模块名称,请将tp = 1添加到URL ex的末尾.yourdomain.com?tp=1
  2. 要查看不活动但已安装的模板,请添加template = template_name.恩.yourdomain.com?template=Beez

这两者可以合并,就像这样.yourdomain.com?template=Beez&tp=1

有关更多信息,请查看:

  1. Joomla模板教程第1部分 - Joomla模板概念
  2. 如何创建您的第一个Joomla模板
  3. 的Joomla!文档:模板开发
  4. Google Joomla模板