joomla模板制作教程

上传人:第*** 文档编号:38741672 上传时间:2018-05-07 格式:PDF 页数:63 大小:980.87KB
返回 下载 相关 举报
joomla模板制作教程_第1页
第1页 / 共63页
joomla模板制作教程_第2页
第2页 / 共63页
joomla模板制作教程_第3页
第3页 / 共63页
joomla模板制作教程_第4页
第4页 / 共63页
joomla模板制作教程_第5页
第5页 / 共63页
点击查看更多>>
资源描述

《joomla模板制作教程》由会员分享,可在线阅读,更多相关《joomla模板制作教程(63页珍藏版)》请在金锄头文库上搜索。

1、JoomlaJoomlaJoomlaJoomla 文档中文翻译文档中文翻译 - - - - 怎样在怎样在 templateDetails.xmltemplateDetails.xmltemplateDetails.xmltemplateDetails.xml 文件中为模板添加语文件中为模板添加语言文件声明言文件声明Joomla 文档中文翻译-模板相关 Sunday, 15 November 2009 13:30要使我们的 JoomlaJoomlaJoomlaJoomla 模板模板更加国际化,更利于传播与分享,我们必须确保templateDetails.xml 文件中的一些关键要素被正确的翻译(

2、至英文),并列出相关语言定义文件。翻译翻译 templateDetails.xmltemplateDetails.xmltemplateDetails.xmltemplateDetails.xml 文件文件templateDetails.xml 文件中的一些要素会在站点管理后台的模板管理(Template Manager)中被使用到,它们必须被正确的翻译成英文,例如:name: 模板的名称,如“Beez”。description: 模板的描述。这些信息同样会在模板安装的过程中向用户显示。向向 templateDetails.xmltemplateDetails.xmltemplateDetai

3、ls.xmltemplateDetails.xml 中添加语言定义文件中添加语言定义文件所有的语言文件必须在 templateDetails.xml 文件中被声明,方法是通过添加标签将语言定义文件包括进来。有些语言文件用于站点前台,有些用于管理后台,对于这两种语言文件我们需要分别添加。在下面的示例中,我们将两个英语文件和两个德语文件(分别用于前后台)一起添加到 Beez 模板中:? . en-GB.tpl_beez.ini de-DE.tpl_beez.ini. en-GB.tpl_beez.ini de-DE.tpl_beez.ini为管理后台添加的语言文件声明需要放在标签中,因为用于前后台

4、的语言文件的文件名是相同的,所以不可以在相同的路径中进行声明。JoomlaJoomlaJoomlaJoomla 文档中文翻译文档中文翻译 - - - - 怎样在模板中自定义模块结构怎样在模板中自定义模块结构(module(module(module(module chrome)chrome)chrome)chrome)Joomla 文档中文翻译-模板相关 Monday, 16 November 2009 10:20要在 JoomlaJoomlaJoomlaJoomla 模板模板中增加自定义化的模块结构(module chrome),我们需要在模板路径里的html 文件夹中创建一个 module

5、s.php 文件。例如:Joomla 根路径/templates/模板名/html/modules.php在这个文件中,我们需要创建一个名为 modChrome_STYLE 的函数,其中 STYLE 部分为自定义的模块结构名称。如下所示, 这个函数需要三个参数,$module,?modChrome_STYLE 函数的参数$params 负责读取模块参数(Module parameters)。例如,我们可以在管理后台的模块管理中为某个模块添加后缀 class 名,这个 class 名就会存储在该模块的 moduleclass_sfx 参数中;如果我们需要在模块结构中创建包含这个 class的,那

6、么可以使用类似下面这样的代码:get( moduleclass_sfx );?“自定义模块属性自定义模块属性我们可以通过声明来为模块结构添加更多额外的自定义属性。这些自定义属性可以是我们所需的任何形式,它们会被存储在 modChrome_STYLE 函数的第三个参数$attibs 中。下面的代码展示了一个比较完整的 modChrome_custom 函数:get( moduleclass_sfx ).“ ;if ($module-showtitle)echo .$module-title.;echo ;echo $module-content;echo ;echo ;?接下来我们可以通过向传递

7、所需的参数来为模块设置背景色和标题级别(h1,h2,h3.);如果不做设置,那么根据 modChrome_custom 函数中的定义,背景色默认为蓝色,标题级别为 h3。设置方法参照下图:另外,这个帖子中讲到了很多关于向模块结构传递参数的问题,可以作为参考。JoomlaJoomlaJoomlaJoomla 文档中文翻译文档中文翻译 - - - - 原生模块结构原生模块结构(module(module(module(module chrome)chrome)chrome)chrome)类型及对应的类型及对应的HTMLHTMLHTMLHTML 输出输出Joomla 文档中文翻译-模板相关 Tues

8、day, 17 November 2009 09:31前面一篇 Joomla 文档译文中描述了怎样在模板中自定义模块结构(module chrome),今天继续有关模块结构的话题,来看看 Joomla 原生的几种模块类型以及它们各自对应的 HTML输出。我们可以在声明中添加样式属性 style=“stylename“来控制 Joomla 模块的HTML 输出模式,其中 stylename 对应着不同的模式名称:NoneNoneNoneNone模块样式的默认值,即不做任何样式定义,没有任何额外的样式被添加。TableTableTableTable整个模块会被一个不定宽度的,class 名称为.m

9、oduletable 的包裹起来,模块标题通过输出。HorzHorzHorzHorz没有任何额外的样式被添加,输出与 Table 模式相同,但的宽度被设定为100%XHTMLXHTMLXHTMLXHTML整个模块会被一个 class 名称为.moduletable 的包裹起来,模块标题通过输出。RoundedRoundedRoundedRounded整个模块会被4个嵌套包裹,用以生成圆角样式;最外层的 class 为.module。模块标题通过输出。OutlineOutlineOutlineOutline模块由一个 class 名称为.mod-preview-wrapper 的包裹,外面再包裹

10、一层class 为.mod-preview 的; 一个与.mod-preview-wrapper 同级的 class 为 mod-preview-info 的用来显示当前模块的位置名称。(这种模式通常用于在开发调试过程中将各模块位置及名称直接在页面上以轮廓的形式显示出来。)以上。在明天的 Joomla 文档译文中我们一起进一步详细了解下每种模块结构的输出范例。(这里:Joomla 文档中文翻译 - 什么是模块结构)JoomlaJoomlaJoomlaJoomla 文档中文翻译文档中文翻译 - - - - 什么是模块结构什么是模块结构(module(module(module(module ch

11、rome)?chrome)?chrome)?chrome)?Joomla 文档中文翻译-模板相关 Wednesday, 18 November 2009 09:45前面两篇 Joomla 文档译文分别描述了“怎样在模板中自定义模块结构”和“原生模块结构类型及对应的 HTML 输出”;今天我们回头来看看什么是模块结构(module chrome);逻辑上有些混乱,我也确实没有预先为待翻译的文档做排序;作为知识补完与强化吧。什么是模块结构什么是模块结构(module(module(module(module chrome)?chrome)?chrome)?chrome)?模块结构可以让模板设计者们

12、根据需求来控制模块以不同的方式进行输出显示。本质上说,模块结构由多个预先定义好的 HTML 输出模式组成,例如不同的容器标签、输出顺序或嵌套关系等,基于这些不同的结构模式,我们可以通过 CSS 来控制模块的具体样式。最常见一种模块结构就是圆角模式(rounded),其输出结构可以使我们很方便的为模块设置圆角背景。除了“圆角”以外,还有一些其他的的结构模式,它们由声明中的 style 属性来决定。例如,下面的声明可以在模板的 index.php 文件中向 user1模块位置插入模块,并且将模块的结构模式定义为“custom”:现在,所有 user1位置中的模块都会以同一种模块结构来输出,换句话说

13、,如果你希望在同一列中的两个模块拥有不同的模块结构,那么必须将它们置于不同的模块位置中,例如user1和 user2。标准的 Joomla 1.5中预设了6个原生模块结构,但是 Joomla 模板系统的灵活性决定了我们可以不必局限于这6个结构模式中,我们可以依照需求自由创建各种风格的模块结构。下图展示了6个预设模块结构的 style 名称、HTML 输出以及在页面中的实际样式:通过上面的示例我们可以看出, 不同的模块结构所输出的前台样式未必有很大区别这取决于模板使用的 CSS 样式表。例如“none”和“horz”两种模式的前台默认输出几乎一致,但它们的 HTML 代码却有很大不同。Jooml

14、aJoomlaJoomlaJoomla 文档中文翻译文档中文翻译 - - - - 什么是什么是 jdocjdocjdocjdoc 声明声明Joomla 文档中文翻译-模板相关 Thursday, 19 November 2009 10:21今次又是一篇知识补完,就着前面几篇关于 Module Chrome 的文档,现将 jodc 的单篇也排到这里。jdoc 声明是 Joomla 模板的一个方法(method),用来在页面中输出指定的内容。典型的 jdoc声明看上去是这样的: 。不同类型(type)的 jdoc 声明负责不同的内容输出。ComponentComponentComponentCom

15、ponent这个声明要放在模板的中,并且只能出现一次;它负责输出当前页面的主要内容(main content)。HeadHeadHeadHead这个声明要放在模板的中,并且只能出现一次;它负责输出当前页面的样式表链接、脚本链接、meta 信息等内容。InstallationInstallationInstallationInstallation这个类型的 jdoc 声明只用于 Joomla 的安装器模板(Installer template)中,与 Component类型相似,它只负责输出安装过程中页面上的主要内容。MessageMessageMessageMessagemessage 声明要

16、放在模板的中,并且只能出现一次,用于输出操作过程中的系统提示信息或出错信息。ModuleModuleModuleModulemodule 类型的 jdoc 声明会根据其 name 属性输出对应的模块, 但该模块内容是否会呈现在页面上则取决于用户是否发布激活了该模块;我们可以为其设定 style 属性来控制模块输出模式; 可参见“Joomla 文档中文翻译 - 原生模块结构(module chrome)类型及对应的 HTML输出”。ModulesModulesModulesModulesmodules 类型的 jdoc 声明用来在当前位置调用某个模板位置(template position)的所有模块;所有的模板位置都需要预先在 templatedetails.xml 文件中定义。我们同样可以为其设定 style 属性来控制模块的输出模式。下面是是一些 Joomla 模板中常见的 modules

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 办公文档 > 解决方案

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号