【问题标题】:How should I go about writing a Joomla! template?我应该如何去写一个 Joomla!模板?
【发布时间】:2010-11-06 21:28:45
【问题描述】:

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

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

【问题讨论】:

  • Here 是一个从零开始创建 joomla 模板的教程。

标签: templates content-management-system joomla


【解决方案1】:

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

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

默认目录布局为:

  • CSS
  • html
    • com_/mod_(用于覆盖组件和模块的基本模板)
  • 图片
  • js
  • templateDetails.xml
  • index.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 Template Tutorial Part 1 - Joomla Template Concepts
  2. How to Create Your First Joomla Template
  3. Joomla! Docs: Template Development
  4. Google Joomla templates

【讨论】:

  • 感谢您的详细解答。这是一个特别有用的答案。
  • 由于 Joomla 的 3.2 版本已经过时了。您使用的 Javascript 应该是 jQuery 而不是 Mootools,正在慢慢从系统中删除
  • 更新添加了一些 Joomla! 3.x 信息,但请查看文档以获取更多信息。
【解决方案2】:

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

  • 您对结果很满意;和/或
  • 您已经学得足够多,可以独自完成了。

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

【讨论】:

  • +1 建议“偷”一个并从那里开始,然后“通过实践和犯错来更快地学习”。
猜你喜欢
  • 1970-01-01
  • 2018-10-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-09-03
  • 2014-02-09
  • 1970-01-01
  • 2010-11-23
相关资源
最近更新 更多