官方系列教材 - C计划

实战Joomla模板开发教程

在前面已经使用色块法将网页进行了分隔。在这一章节中,我们将了解如何将色块变成可以在后台使用的模块位置。

1,本节目标


学习如何在模板中定义位置

2,从后台说起


当我们想要在前台发布模块的时候,有一个参数非常的重要——模块的位置。这个参数决定模块在前台出现的位置。如图:

3,定义模块的位置


3.1 定义模块位置的语法

定义模块位置的方法非常的简单,只需要使用 <jdoc:include type="modules" name="位置的名称"  /> 即可。jdoc:include为joomla模板语法,该部分的内容将由Joomla系统进行解析。

3.2 定义位置

现在我们要做的就是将上一版本中色块的文字描述全部换成是 <jdoc:include type="modules" name="位置的名称"  /> 

一段典型的代码如下:

				<div class="row">
					<div class="col-md-2">
						<div class="logo">
							<jdoc:include type="modules" name="logo" /> 
						</div>
					</div>
					<div class="col-md-10">
						<div class="nav">
							<jdoc:include type="modules" name="main_menu" /> 
						</div>
					</div>
				</div>
				
			

上面定义了两个模块位置,分别给他取名为logo,和main_menu。  这样我们就轻松的完成了模块位置的定义

4,确认模块位定义成功


确认模块位置定义成功最直接的方法就是查看模板提供的模块位置。在这里复习一下查看模块位置的方法:

  • 在模板的选项中,设置允许预览模块位置
  • 在网页的url中加入?tp=1的参数。

更多关于预览模块位置的说明请参考:Joomla模板位置预览

最后我们可以看到如下的截图:

能学到这里的朋友,请为自己祝贺一下吧,你现在已经可以创建一个能用的模板了。

5,v0.0.6版本


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

作者: 樱木花道

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

作者网站:ZMAX程序人

评论 (0)

  • 最新在前
  • 最佳在前

第3章 Joomla模板机制

第13章 让模板支持多语言

第16章 结束语