Warp FRAMEWORK教程

Yootheme教程

Warp 架构中文说明——设置自定义页面后缀

本教程将介绍如何设置自定义页面后缀,以便将自定义CSS类添加到基于Warp框架的模板中的单个页面上。

准备TEMPLATE.PHP

打开文件\ layouts \ template.php,看一下body标签。它应该是这样的:

<body id="page" class="yoopage <?php echo $this->warp->config->get('leftcolumn'); ?> <?php echo $this->warp->config->get('rightcolumn'); ?>">

只要把下面的代码放到class =“....”中

<?php echo $this->warp->config->get('yourparameter'); ?>

所以在我们的例子中,body标签看起来像这样:

<body id="page" class="yoopage <?php echo $this->warp->config->get('leftcolumn'); ?> <?php echo $this->warp->config->get('rightcolumn'); ?> <?php echo $this->warp->config->get('yourparameter'); ?>">

将后缀添加到菜单项

去你的Joomla管理,进入菜单,并打开你选择的菜单。编辑一个应该得到新类的菜单项。

打开右侧的参数(系统),并将您在template.php中定义的参数与您想要的模板一起输入。

例如键入:yourparameter-customcolor

点击保存并重新加载站点的前端后,类customcolor将被添加到此页面的body标签。

身体标签

关键词yourparameter后面的字符串作为类插入到<BODY>标记中。注意:这个类只被插入到设置了页面类后缀的菜单项的页面上,因为我们只想设置菜单项链接到的页面。

<body class="customcolor">

这个CSS类为这个特定的页面提供了一个完全不同的样式。

例如,要访问第一个菜单项的CSS样式,您可以将以下代码添加到CSS:

.customcolor #menu .item1 { your css changes; }
说点什么...
取消
你是一个访客 ( 注册 ? )
作为一个访客
加载评论... 注释将在之后刷新 00:00.

第一个发表评论

joomlass-logo31.png

Search