10.1 消失的模块标题- v0.0.12版本

在前一节中我们已经输出了侧边栏的内容，但如果大家仔细观察，会发现一个问题——模块的标题并没有显示。在本节我们就来讨论一下这个问题，以及其解决方法

1，本节目标

理解为何模块的标题没有被输出

2，问题

2.1 前台的界面：

2.2 后台的模块设置（以为您推荐这个模块为了说明。后台的设置如图，重点关注模块的标题的设置。）

在后台设置显示模块的标题，但实际上前台并没有出现这个标题，这就是一个问题。如果你改用系统的默认模板，你会看到这个标题是可以正常显示的。这就是说明，我们的模板还有待完善的地方。

3，模块的风格

出现这个问题是因为我们在定义模块位置的时候缺少了一个参数。完整的定义模块位置的语法如下：

<jdoc:include type="modules" name="位置的名称"  style="模块的显示风格"/> 

之前我们定义模块位置的代码是：

<jdoc:include type="modules" name="位置的名称" /> 

知道了问题在哪里，下一步就是给模块位置设置style属性了。Joomla核心为我们提供了 7种style.分别是：

• none
• rounded
• table
• horz
• xhtml
• html5
• coutline

我们在这里将所有的style设置为html5

说明

• 关于每一种属性的具体含义，大家请参考：标准的模块风格
• 当我们在模块位置定义的时候没有指定任何的style属性的时候，系统默认选择了none. 
• 模块风格样式是可以在模块的后台进行设置的。设置的地方如下： 
•  

模块样式的默认值为 继承。继承的含义就是使用模板定义位置时的style属性。当然，我们可以选择其他的

4，v0.0.12版本

在本版本中，我们给所有的模块位置都加上了style="html5"这一属性，以便解决默认情况下不显示标题的问题

4.1 代码片段如下：

<div class="container">
   <div class="row">
	<div class="col-md-9">
<div class="content">
    <!-- 组件输出的位置-->
     <jdoc:include type="component" />
</div>
	</div>
	<div class="col-md-3">
	    <div class="sidebar">
<!-- 侧边栏-->
<jdoc:include type="modules" name="sidebar"  style="html5" /> 
	    </div>
	</div>
   </div>
</div> 

4.2 效果

4.3 v0.0.12版本的代码

关于v0.0.12版本的代码，可以在此下载 tpl_plancv0.0.12_2019-01-14_for_j3x.zip