4

我正在使用 Joomla!CMS 来开发一个网站。在不远的过去,我定制了一个模板来完善一个网站。将代码拆开来 de-joomla!-fy 模板很有趣也很有趣。如此有趣,事实上,我正在考虑从头开始制作自己的模板的想法。

所以,如果我要追求这个,我从哪里开始?你知道任何非常好的参考资料,还是我应该整天玩代码直到事情解决?我更喜欢在开始之前做大量的阅读(对于概念)。

4

2 回答 2

7

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

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

默认目录布局为:

  • css
  • html
    • com_<componentname>/mod_<modulename>(用于覆盖组件和模块的基本模板)
  • 图片
  • js
  • 模板详情.xml
  • 索引.php
  • favicon.ico

更改/添加不同的 Joomla 结构
还更新相关的 templateDetails.xml 与位置和文件位置等。
请参阅当前模板以获取布局示例。
前任。

<?php
 // no direct access  
  defined( '_JEXEC' ) or die( 'Restricted access' );  
?>

标题部分:

 <jdoc:include type="head" />

您的不同模块:

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


<jdoc:include type="module" name="breadcrumbs" />  

您的主要内容标签是:

<jdoc:include type="component" />

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

<jdoc:include type="modules" name="debug" />

有关模板的更多高级添加,请查看默认模板(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. 谷歌 Joomla 模板
于 2009-06-30T14:55:22.813 回答
3

学习如何做代码/模板/任何事情的历史悠久的方法是从已经知道如何做的人那里“窃取”,然后对其进行修改,直到:

  • 你对结果很满意;和/或
  • 你已经学到了足够的知识,可以一个人去做。

我认为这将是通往成功的最快途径。理论很好,但通过实践和犯错你会学得更快。

于 2009-06-30T04:13:37.387 回答