如何在插件中使用样式文件

发布时间:2017年07月24日 作者:Catfish CMS 阅读量:51452

大家知道网页样式既可以把代码直接嵌入到html文件中使用,也可以制作一个独立的外部样式文件使用。


当我们在开发Catfish(鲶鱼) CMS的插件时,也是可以使用样式的。那么插件中要如何使用样式呢?


我们也有两种方法来使用样式:

一是将样式代码直接混合html代码写入插件文件(插件文件如何制作请参考本站相关文章);

二是将样式代码写入一个单独的文件中,然后在插件文件中引用这个样式文件。


很显然第二种方法会让代码显得更清楚和简洁,那么怎么来制作并使用样式文件呢?


我们以系统自带的公告插件为例,假设我们要给这个插件加一个样式文件。


大家知道一个最简单的插件可以只包含一个文件,如下图:


这个是我们熟悉的公告插件文件,现在我们想给这个公告插件加上一个外部样式文件,我们需要先建立一个文件夹,假设文件夹的名称我们定为“css”,那么这个公告插件现在看起来就是这样的:

然后我们在这个“css”文件夹中新建一个样式文件“announcement.css”,并且写入样式代码。样式代码如何写,在这里不再展开,可以参考相关资料。


接下去我们要做的工作就是在“Announcement.php”文件中使用这个样式文件,样式文件引用需要用到一个内置函数“$this->import('样式文件')”。就这个例子来说就是:$this->import('css/announcement.css')。把这个放在html代码的前面就可以了。实际例子中我们把它和html代码一起赋值给$data,然后通过内置函数add显示内容。


如果不用外部样式文件,那么可以直接将样式代码和html代码赋值给$data,这是用的第一种方法。当样式代码不是很复杂时可能这种方法更直观些。



最新发布

第四篇:自适应手机主题制作的HTML代码基本结构

这篇内容实际并不是鲶鱼CMS系统本身的内容,是纯的HTML代码的内容,写到这里是为了方便...

Catfish(鲶鱼) CMS使用教程-第6课:页面设置

本视频是Catfish(鲶鱼) CMS的使用教程之页面设置。介绍了如何进行Catfish...

第四节:页面设置

到上一节为止我们已经学会了系统使用的基本内容,这一节我们将要继续学习一个功能,“页面设置...

seceleIII主题

主题名称:seceleIII主题简介:seceleIII是一款应用于Catfish(鲶鱼...

cBlog-seceleIII主题

主题名称:cBlog-seceleIII主题简介:cBlog-seceleIII是一款二...

cBlog-seceleII主题

主题名称:cBlog-seceleII主题简介:cBlog-seceleII是一款二次元...

怎么使用Catfish(鲶鱼) CMS系统

第一节:怎么添加文章

管理后台是由五大块内容构成的,分别是:内容管理、页面管理、用户管理、菜单管理、系统管理。...

第二节:给文章添加分类

上一节我们讲了如何写文章,这一节我们来学习一下如何添加文章分类,并且给我们的文章加上分类...

第三节:给网站添加菜单

上一节我们讲了如何添加分类,心急的朋友可能已经在考虑如何给您的网站添加菜单项了,因为安装...

第四节:页面设置

到上一节为止我们已经学会了系统使用的基本内容,这一节我们将要继续学习一个功能,“页面设置...

第五节:变更网站名称、LOGO以及版权信息

到上一节为止,我们已经能够自豪地建立起自己的网站了,但是网站名称、LOGO以及版权信息还...

Copyright © 2015 - 2018 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

   我要留言
鲶鱼cms是一款比帝国cms以及织梦cms更优秀并且方便易用的cms系统
鲶鱼blog是一款很多方面有着比wordpress更优异的个人博客系统
Catfish(鲶鱼) CMS V 4.8.45