189 8069 5689
因为默认的主题不是响应主题！当然不能在手机上显示！请使用响应布局主题在重试！
成都创新互联公司是一家专业提供诏安企业网站建设,专注与成都网站制作、成都网站设计、HTML5、小程序制作等业务。10年已为诏安众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
如下的操作步骤请参考：
一、安装MobilePress插件
在此之前，你需要有个wordpress博客平台，然后按照下图的（图示一）安装MobilePress插件。
MobilePress插件是一款自动识别访问设备的插件，它可以根据用户的设备来决定以什么样的主题来呈现内容，非常方便。
二、配置MobilePress Options选项
安装成功后，会在左侧菜单栏增加一个菜单荐，名字为“MobilePress”，点击展开，会有3个选项（图1）：
- Options：选项
- Themes ：主题
- Moblie Ads：广告代码
这一步，我们打开Options这个菜单，如（图2）所示，
- Blog Title：博客标题
- Blog Description：博客描述
- Mobile Themes Directory：手机博客主题目录
- Force Mobile Site：是否强制使用手机模式浏览
三、配置MobilePress Themes选项
MobilePress插件自身会提供两套现成的手机主题:
- default（默认）：`plugins/mobilepress/system/themes/default`
- iphone（iphone版）：`plugins/mobilepress/system/themes/iphone`
用户可以选择自已喜欢的模板做为展现用。
四、配置Moblie Ads选项
因为MobilePress系国外的插件，所以，广告联盟也是国外的，这个选项暂时无用，可跳过。
五、准备手机主题的2次开发
MobilePress自带的两个主题模板，样式简陋，兼容性也比较差，我们可以在它的基础上进行2次开发，以达到我们的个性化的需求。
开发流程：
- 复制 default默认主题模板，路径为`plugins/mobilepress/system/themes/default`;
- 按照自已的需求对defult主题代码进行2次开发即可。
default模板文件布如图所示：
这个模板提供了基础的输出功能和简单的样式，按照文件名可以为各个页面进行方便地2次开发。
大概需要修改两个文件。
一个是header.php，另一个是style.css.
将header.php中的meta name="viewport" content="width=device-width"去掉。
然后修改style.css，将mdeia queries部分删除或注释掉，也即所有以
@media screen 。。。开头的样式删除掉