How to use style files in plugins

Release time:2017年07月24日 Author:Catfish CMS Reading volume:77784

We all know that web styles can be used to embed code directly into html files, or to create a separate external style file.


When we develop Catfish CMS plug-in, it is also possible to use the style. So how do you use the plugin?


We also have two ways to use the style:

First, the style  code will be directly mixed html code into the plug-in file (plug-in  file how to make reference please refer to this site related articles);

Second, the style code is written to a separate file, and then in the plug-in file reference this style file.


It is clear that the second method will make the code more clearly and concise, then how to make and use the style file?


We take the system comes with the announcement plug-in, for example, assuming that we want to add a style file to the plug-in.


We all know that one of the simplest plugins can contain only one file, as shown below:


This is our  familiar bulletin plugin file, and now we want to give this bulletin  plugin with an external style file, we need to first create a folder,  assuming the folder name we set "css", then this announcement plugin now  looks That's it:

Then we create a new style file "announcement.css" in this "css" folder and write the style code. How to write the style code, no longer start here, you can refer to the relevant information.


The next thing we need to  do is use the style file in the "Announcement.php" file. The style file  reference requires a built-in function "$this->import". For this example: $this->import('css/announcement.css'). Put this in front of the html code on it. In  the actual example, we assign it to the "$data" together with the html  code, and then display the content through the built-in function add.


If you do not  use external style files, you can directly assign the style code and  html code to $data, which is the first method. When the style code is not very complicated, this method may be more intuitive.


Original article, reproduced please specify:How to use style files in plugins | Catfish(鲶鱼) CMS

Reward

I want to comment Sign in to post a comment


Latest release

鲶鱼系统怎么添加附件以及如何在前端页面展示

鲶鱼cms系统5.2.0版以及鲶鱼Blog系统3.2.0版在编辑文章页面新增了上传附件功...

鲶鱼CMS和鲶鱼Blog自制注册页面的代码实现

我们在《鲶鱼CMS和鲶鱼Blog怎么自定义注册页面》一文里面介绍了如何通过制作主题文件来...

鲶鱼cms系统和鲶鱼blog系统怎么填写公安备案号和ICP备案号

在实际建站过程中,往往需要进行网站备案,那么当我们备案之后,需要按要求在自己网站上放上备...

关于鲶鱼Blog系统2.3.21版以后版本升级的说明

鲶鱼Blog系统可以在后台上传升级包进行升级,有些用户可能会很长时间没有升级,这样可能会...

鲶鱼CMS和鲶鱼Blog自制登录页面代码怎么实现

我们在《鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》一文里面介绍了怎么在制作主题的时候自...

鲶鱼CMS和鲶鱼Blog怎么自定义注册页面

我们在《 鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》这一篇里面介绍了如何自己制作一个登...

How to use the Catfish CMS system

Section 1: How to add articles

Management background is composed of five bl...

Section 2: to the article to add c...

In the previous section, we talked about how...

Section 3: Add a menu to your site

In the previous section we talked about how ...

Section 4: Page Setup

To the last section we have learned to use t...

Section 5: Change website name, LO...

By the end of the previous section, we have ...

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

   I want to leave a message
Catfish(鲶鱼) CMS V 5.4.9