如何制作独立的手机端主题

发布时间:2017年04月24日 作者:Catfish CMS 阅读量:53402

手机端访问网站是当前的主流应用之一,所以一个好的网站需要同时能满足电脑端和手机端的访问,并且都要有好的视觉效果。


要解决这个问题,有两种解决方案:

一是设计自适应的网站;

二是分别单独设计电脑端和手机端的程序。


Catfish(鲶鱼) CMS全站(包括前后台)自适应设计,这就保证了您用Catfish(鲶鱼) CMS搭建的网站可以在不同大小的屏幕上显示并方便使用。但是由于自适应设计的难度相对高一些,秉承一贯的简单原则,自版本4.2.35开始,系统兼顾了两种解决方案,也就是说您既可以用自适应的方式来设计网站的主题,也可以用分别单独设计的方法来设计主题。


当然这一切同样也是很简单的^_^


手机端主题的具体制作方法:

在原有的主题文件夹下新建文件夹“mobile”,把手机端的主题文件放到“mobile”文件夹下即可。放入“mobile”文件夹下的文件名和各个文件同原来的主题制作。例如:

我们打开“mobile”文件夹,可以看到的文件结构如下:

这个文件结构和原来的是相同的,并且是一一对应的。

需要注意的是手机主题引用页头文件和页脚文件时要加上“mobile”路径。

例如引用页头文件:

原主题引用是:{include file="public/default/header.html" /}

手机主题引用则是:{include file="public/default/mobile/header.html" /}

引用页脚文件也相同。


如果您使用自适应方式设计主题,那么不需要添加“mobile”文件夹。



最新发布

第四篇:自适应手机主题制作的HTML代码基本结构

这篇内容实际并不是鲶鱼CMS系统本身的内容,是纯的HTML代码的内容,写到这里是为了方便...

Catfish(鲶鱼) CMS使用教程-第6课:页面设置

本视频是Catfish(鲶鱼) CMS的使用教程之页面设置。介绍了如何进行Catfish...

第四节:页面设置

到上一节为止我们已经学会了系统使用的基本内容,这一节我们将要继续学习一个功能,“页面设置...

seceleIII主题

主题名称:seceleIII主题简介:seceleIII是一款应用于Catfish(鲶鱼...

cBlog-seceleIII主题

主题名称:cBlog-seceleIII主题简介:cBlog-seceleIII是一款二...

cBlog-seceleII主题

主题名称:cBlog-seceleII主题简介:cBlog-seceleII是一款二次元...

怎么使用Catfish(鲶鱼) CMS系统

第一节:怎么添加文章

管理后台是由五大块内容构成的,分别是:内容管理、页面管理、用户管理、菜单管理、系统管理。...

第二节:给文章添加分类

上一节我们讲了如何写文章,这一节我们来学习一下如何添加文章分类,并且给我们的文章加上分类...

第三节:给网站添加菜单

上一节我们讲了如何添加分类,心急的朋友可能已经在考虑如何给您的网站添加菜单项了,因为安装...

第四节:页面设置

到上一节为止我们已经学会了系统使用的基本内容,这一节我们将要继续学习一个功能,“页面设置...

第五节:变更网站名称、LOGO以及版权信息

到上一节为止,我们已经能够自豪地建立起自己的网站了,但是网站名称、LOGO以及版权信息还...

Copyright © 2015 - 2018 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

   我要留言
鲶鱼cms是一款比帝国cms以及织梦cms更优秀并且方便易用的cms系统
鲶鱼blog是一款很多方面有着比wordpress更优异的个人博客系统
Catfish(鲶鱼) CMS V 4.8.45