We all know that the Catfish CMS system theme file structure is as follows:
This is the most basic theme file structure, since the beginning of version 4.4.4, Catfish CMS in the background to write articles to increase the form of the article set:
The form of the article need to use the theme file to use, different articles can call the corresponding theme of the corresponding documents, so that the site display more colorful.
The form of the article is actually the expansion of the theme, the expansion of the theme file structure is as follows:
The correspondence between the form of the article and the theme file is as follows:
| Article form | Theme file |
|---|---|
| Article | article.html |
| Log | log.html |
| Album | album.html |
| Video | video.html |
| Audio | audio.html |
| Link | link.html |
| Notice | notice.html |
| Paging | paging.html |
Of course, if you do not want to add additional theme files is also allowed, the system will automatically call "article.html" this default theme file. That is, you can decide whether you want to add the corresponding article form theme file, or just add a section, depending on your preferences or the actual situation.
The production of the theme file with the "article.html" theme file production, you can refer to it.
Additional, need to add is the "album.html" album theme files and "paging.html" paging theme files, these two articles in the form of a number of convenient template tags, are described as follows:
album.html album theme file:
Album theme added template tag xiangce, xiangce tag also contains tags qianyan and tu.
Specifically, the tag qianyan can be used like this {$neirong.xiangce.qianyan}, which separates the text in front of the picture when we post the article, and we define all the text before the picture as a preface, here with pinyin as the tag name easy to use.
The other tag tu can be used like this {$neirong.xiangce.tu}, which separates each image when the article is published and the description text followed by each image. The tag href can be used to get the picture address and Through the label shuoming to get the picture behind the instructions followed by the text. Similarly, in order to facilitate the use of here is also used Pinyin.
You can use the following code to loop through each image and its description:
{volist name="neirong.xiangce.tu" id="vo"}<img src="{$vo.href}">
<h4>{$vo.shuoming}</h4>
{/volist}
paging.html paging theme file:
The paging form of the article is used when the article content is long and requires paging display. The default article shows all on one page, and of course you can also implement article paging with additional code. The paging format provided by the system can be designed separately for the theme file, and the corresponding tag {$neirong.fenye} is added to facilitate paging. You can use the template syntax to loop through the contents of each tab, or you can output the contents of the first page directly from the tag {$neirong.fenye.1}, and the contents of the other pages are pushed.
Original article, reproduced please specify：How to use the article to expand the theme | Catfish(鲶鱼) CMS
我们访问某些网站的时候，会发现导航菜单的文字前面有一个小图标，如下图所示： 在鲶鱼系统...
bootstrap的导航菜单默认都是通过鼠标点击来展开的，有时我们为了让浏览者有更好的访...
jQuery是一个优秀的JavaScript库，给前端页面的制作带来了极大的方便，鲶鱼系...
Catfish(鲶鱼) CMS从4.9.3版开始原生支持bootstrap4，Catfi...
自鲶鱼系统创建开始，截止于2019年7月31日，累计收到捐助款项179.46元（包含截止...
bootstrap是一款十分流行的前端组件库，我们在制作模板的时候，使用bootstra...
Management background is composed of five bl...
In the previous section, we talked about how...
In the previous section we talked about how ...
To the last section we have learned to use t...
By the end of the previous section, we have ...
