你现在的位置:首页 > PHP网站建设知识库 > Joomla > 正文

Joomla2.5 为article添加一个cssflag字段控制页面展示时引用不同的自定义css

需要在后台添加一个选项控制前台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'); ?>
</li>
到这里在后台文章编辑页面就可以看到这个字段 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