本教程将介绍如何设置自定义页面后缀，以便将自定义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; }
