重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

wordpress手机模板 wordpress手机模板在非全屏模式下不能下翻

Wordpress 自带模板 网站在手机上不显示导航 pc上正常

因为默认的主题不是响应主题!当然不能在手机上显示!请使用响应布局主题在重试!

成都创新互联公司是一家专业提供诏安企业网站建设,专注与成都网站制作、成都网站设计、HTML5、小程序制作等业务。10年已为诏安众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

怎样制作wordpress手机主题

如下的操作步骤请参考:

一、安装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次开发。

求教如何在wordpress中取消手机版,我想让用手机访问的人也进入电脑版,我用的是默认模板201

大概需要修改两个文件。

一个是header.php,另一个是style.css.

将header.php中的meta name="viewport" content="width=device-width"去掉。

然后修改style.css,将mdeia queries部分删除或注释掉,也即所有以

@media screen 。。。开头的样式删除掉


网站题目:wordpress手机模板 wordpress手机模板在非全屏模式下不能下翻
本文网址:http://cqcxhl.cn/article/dogoojs.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP