7.1 定义模块的位置-v0.0.6版本

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

1,本节目标


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

2,从后台说起


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

joomla主导航栏菜单编辑界面

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模板位置预览

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

c计划joomla预览模块位置的截图

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

5,v0.0.6版本


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



作者:张敏
原文:http://www.joomlachina.cn/articles/1821-jiaocheng/joomla-plan-c/1531-first-template-9?tmpl=component&zhuanti=1

Joomla模板开发教程

获取最新资讯

© 广州市番禺区新造草云信息技术咨询服务部版权所有。
粤ICP备13002429号.

Joomla系列教程

站内链接