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
好貼心的規劃
鲶鱼cms系统5.2.0版以及鲶鱼Blog系统3.2.0版在编辑文章页面新增了上传附件功...
我们在《鲶鱼CMS和鲶鱼Blog怎么自定义注册页面》一文里面介绍了如何通过制作主题文件来...
在实际建站过程中,往往需要进行网站备案,那么当我们备案之后,需要按要求在自己网站上放上备...
鲶鱼Blog系统可以在后台上传升级包进行升级,有些用户可能会很长时间没有升级,这样可能会...
我们在《鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》一文里面介绍了怎么在制作主题的时候自...
我们在《 鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》这一篇里面介绍了如何自己制作一个登...
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 ...