本文共 1109 字,大约阅读时间需要 3 分钟。
需要在后台添加一个选项控制前台css的引用
1.添加数据库字段:
alter table inspire_content add flag int default 0;
2.添加form字段:administrator\components\com_content\models\forms\article.xml
<field
name="flag"
type="list"
label="cssflag"
description="JGLOBAL_SHOW_TITLE_DESC">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</field>
3.添加到页面:administrator\components\com_content\views\article\tmpl\edit.php
<li><?php echo $this->form->getLabel('flag'); ?>
<?php echo $this->form->getInput('flag'); ?>
到这里在后台文章编辑页面就可以看到这个字段 cssflag了
4.前台页面引用:compontents\com_content\views\article\view.html.php
$app->flag=$item->flag;
5.模板中引用:以inspire模板为例:templates\yoo_inspire\layouts\template.php
在</head>标签前添加
if(!empty($app->flag)){
echo ("<link rel='stylesheet' href='/inspire/templates/yoo_inspire/css/article{$app->flag}.css' type='text/css' />");
} ?>
这样,在文章中选择不同的cssflag就可以引用不同的自定义样式了 如选择1=>article1.css
转载地址:http://ayyai.baihongyu.com/