官方系列教材 - C计划

实战Joomla模板开发教程

在前面学习了模板开发的各个知识点,在这一节,我们就来讲解如何做一个商业级模板.

1,本节目标


理解一个标准的Joomla模板的templateDetail.xml文件的格式

2,完整的templateDetails.xml文件


在前面最简单模板-plancv0.0.1版本 中我们了解过templateDetails.xml文件。在后面的章节中也在不断对这个文件进行改进,加深认识。今天我们就来看看这个文件的全貌。

<?xml version="1.0" encoding="utf-8"?>
<extension version="3.0" type="template" method="upgrade" client="site">
	<name>planc</name>
    <version>0.1.0</version>
	<author>ZMAX团队</author>
	<authorEmail>zhang19min88AT163.com</authorEmail>
	<authorUrl>www.zmax99.com</authorUrl>
	<copyright>南宁市程序人软件科技有限责任公司保留所有权利</copyright>
	<license>GNU/GPL</license>
	<creationDate>2019-01-21</creationDate>
	<description>TPL_PLANC_DESC</description>
	<files>
		<filename>index.php</filename>
		<filename>favicon.ico</filename>
		<filename>error.php</filename>
		<filename>offline.php</filename>
		<filename>component.php</filename>
		<filename>template_preview.png</filename>
		<filename>template_thumbnail.png</filename>
		<folder>css</folder>
		<folder>styles</folder>
		<folder>html</folder>
		<folder>language</folder>
		<folder>js</folder>
		<folder>image</folder>
		<folder>bootstrap-3.3.7-dist</folder>
	</files>
	<positions>
		<position>logo</position>
		<position>main_menu</position>
		<position>sub_menu</position>
		<position>sidebar</position>
		<position>feature-row</position>
		<position>scroll-row</position>
		<position>footer1</position>
		<position>footer2</position>
		<position>footer3</position>
		<position>footer4</position>
		<position>copyright</position>
	</positions>
<config>
	<fields name="params">
		<fieldset name="advanced">				
			<field 
				name="logo" 
				type="media" 
				label="TPL_PLANC_LOGO_LABEL"
				description="TPL_PLANC_LOGO_DESC" 
				default="templates/planc/image/logo.png"
			/>
			<field
				name="style"
				type="filelist"
				label="TPL_PLANC_STYLE_LABEL"
				description="TPL_PLANC_STYLE_DESC" 
				directory="templates/planc/styles" 
				filter=".php" 
				required="true"
				default="default.php"
			/>				
		</fieldset>
	</fields>
</config>
</extension>

3,详细的说明


在前面我们已经学习了这个文件的核心部分,其实现在增加都是一些锦上添花的东西,是改进用户体验用的,没有这些模板照样可以运行。下面就来说说这个到底比我们以前的做了什么改进

3.1 ,模板的作者信息

  • author 指定模板的作者是谁。你可以在此写上你的大名了
  • authorEmail 指定了模板作者的Email。方便用户联系你
  • authorUrl  指定了作者的网址。你可以在此设置你的网址
  • copyright 在这里输入版权信息
  • license 这里输出你的授权信息

这些信息可以在扩展 ->模板里面查看。如图:

 

3.2,模板的说明信息

description  在模板安装的时候或者在模板的详情页面出现的内容。在这里你可以输入模板的说明信息,方便用户使用。在上面我们使用了多语言的支持。显示的效果如下:

3.3,模板的预览信息

我们在模板中增加了两个图片文件template_preview.png,template_thumbnail.png.作用就是显示模板的预览信息。这两个图片的名称是固定的。大小也是有要求的

  • template_preview.png  大小为640*388px
  • template_thumbnail.png 大小为206*150px
  • 图片的格式支持 jpg,png,gif

可以在模板预览中查看。如图:

 4,v0.1.0版本


 4.1 代码

在本次版本中,我们进一步的完善了templateDetails.xml文件,增加了作者信息,增加了模板描述信息,增加了模板的预览。 从而提高了用户的使用体验。 

4.2 v0.1.0版本

关于v0.1.0版本的代码,可以在此下载 [下载文件:]tpl_plancv0.1.0_2019-01-21_for_j3x.zip

5,说明


  • 我们将版本号改为v0.1.0.标志着这个版本和之前的版本有大的不同
  • v0.1.0版本的版本号是大过v0.0.23版本的

作者: 樱木花道

Joomla程序员,从J1.5到J4.x始终都在做Joomla相关开发定制工作,有超过10年行业经验,国内Joomla扩展开发商ZMAX团队的核心成员

作者网站:ZMAX程序人

评论 (0)

  • 最新在前
  • 最佳在前

第3章 Joomla模板机制

第13章 让模板支持多语言

第16章 结束语