进入专题模式查看 >>

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

1,本节目标


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

2,问题


2.1 前台的界面:

侧边栏优化后的效果.png

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

joomla模块标题的设置.png

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

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. 
  • 模块风格样式是可以在模块的后台进行设置的。设置的地方如下: 
  • 模块的高级设置.png 

模块样式的默认值为 继承。继承的含义就是使用模板定义位置时的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 效果

joomla模块标题显示正常.png

4.3 v0.0.12版本的代码

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

用户评分: 0 / 5

不活动星星不活动星星不活动星星不活动星星不活动星星
 

评论

  • 未找到评论