Mobile site access site is one of the current mainstream applications, so a good site needs to be able to meet the computer side and the phone side of the visit, and have a good visual effect.
To solve this problem, there are two solutions:
One is designed to adapt to the site;
Second, respectively, the design of a separate computer and mobile phone side of the program.
Catfish CMS (including front and back) adaptive design, which ensures that you use Catfish (catfish) CMS site can be built on different sizes of the screen and easy to use. But because of the relatively high degree of adaptive design, adhering to the principle of simple, since the beginning of version 4.2.35, the system takes into account the two solutions, that is, you can use an adaptive way to design the theme of the site, You can design a theme in a separate way.
Of course, all this is also very simple^_^
Mobile-specific theme of the production method:
In the original theme folder under the new folder "mobile", the phone-side theme files into the "mobile" folder can be. Into the "mobile" folder under the file name and the file with the original theme of the production. E.g:
We open the "mobile" folder, you can see the file structure is as follows:
This file structure and the original is the same, and is one by one correspondence.
It should be noted that the mobile phone theme to refer to the header file and footer file to add "mobile" path.
For example, refer to the header file:
The original caption is: {include file="public/default/header.html" /}
The subject of the phone is: {include file="public/default/mobile/header.html" /}
The reference footer file is also the same.
If you use an adaptive way to design a theme, you do not need to add the "mobile" folder.
Original article, reproduced please specify：How to create a separate mobile phone theme | Catfish(鲶鱼) CMS
樂孝恩
Comment time：2017-07-17 00:23:29
好貼心的規劃
我们访问某些网站的时候，会发现导航菜单的文字前面有一个小图标，如下图所示： 在鲶鱼系统...
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 ...
