How to create a separate mobile phone theme

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

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

鲶鱼系统如何实现独立显示联动二级菜单

我们在做主题的时候,有时需要在页面单独显示当前菜单下的二级菜单,这个在鲶鱼系统里面有两种...

鲶鱼CMS绿色集成环境PHP5.6版

由于PHP软件的运行都需要服务器运行环境,虽然可以找到很多PHP的集成环境来使用,但是多...

鲶鱼Blog的归档标签怎么使用

我们在使用博客网站的时候,经常会希望对自己发布的文章进行归档处理,例如每个月发布了哪些文...

smtp怎么设置详解

鲶鱼系统可以使用找回密码功能,但是在开启找回密码功能之前,我们必须要进行一项设置,就是S...

Jsnpp框架介绍

现代程序开发多是使用框架来写应用程序,因为框架可以带来事半功倍的效果。对于PHP程序也是...

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

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

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 - 2022 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 一群已满,请加二群:Catfish(鲶鱼) CMS 二群〖292598750〗

   I want to leave a message