How to create a separate mobile phone theme

Release time:2017年04月24日 Author:Catfish CMS Reading volume:70414

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

Reward

I want to comment Sign in to post a comment

User comments


樂孝恩

Comment time:2017-07-17 00:23:29

好貼心的規劃



Latest release

Catfish CMS License(CCL)- 鲶鱼CMS许可证

Catfish CMS License(CCL)- 鲶鱼CMS许可证,正式发布。 CC...

免费开源的鲶鱼CMS怎么样?说说鲶鱼cms系统的几大特点

免费开源cms系统鲶鱼CMS是一款轻便易用的内容管理系统,其设计理念十分独特,整个系统实...

现在什么方式建站比较好,自助建站还是cms

很多时候我们会有建网站的需要,有个人的建站,也有企业应用的建站,那么有哪些建站方式,以及...

免费开源鲶鱼cms系统如何使用bootstrap4以及其辅助标签

免费开源cms系统Catfish(鲶鱼) CMS从4.9.3版开始原生支持bootstr...

html网页输入框input填写内容自动记忆功能怎么去除

我们在做前端的html网页模板的时候,免不了要制作一些输入框,供使用者输入信息实现人机交...

phpStudy安装鲶鱼CMS怎样开启伪静态

phpStudy是一款PHP运行环境的集成包,为了方便,我们在调试或者运行PHP程序的时...

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 - 2019 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

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