2016-11-15 68 views
0

什么是最好的解决方案,在wordpress中创建主题,仅用于移动设备? 我在wordpress中创建了一个我喜欢的主题,但我想更改移动界面。我不想使用网页上的插件。如何为wordpress主题创建移动版本?

我认为2解决方案为我的网站,但我不知道如何开始。 1)创建一个像m.mysite.com这样的子域(但我不知道如何做到这一点)并在那里放置另一个主题。 2)要在我的wordpress主题中创建一个名称为“mobile”的文件夹,并且当用户从移动设备连接时,请将其移动到移动版本上。

为此我需要文档,但我不知道从哪里开始。 如果存在另一种解决方案,请告诉我。

感谢

回答

2

一般不创建一个单独的主题为移动视图,现在每个人都应该使用敏感的主题是一个好主意。如果您的主题不响应,则应使用支持移动设备的其他主题,或者创建主题的移动版本。

如果你决定第二个用CSS媒体查询条件包括移动样式:

<link type="text/css" media="screen and (max-width: 980px)" href="<?php bloginfo('template_url'); ?>/mobile/netbook.css" rel="stylesheet" /> 
<link type="text/css" media="screen and (max-width: 768px)" href="<?php bloginfo('template_url'); ?>/mobile/tablet.css" rel="stylesheet" /> 
<link type="text/css" media="screen and (max-width: 524px)" href="<?php bloginfo('template_url'); ?>/mobile/smartphone.css" rel="stylesheet" /> 

Alternativley(甚至更好),包括这些条件与wp_enqueue_style()

有关如何使在下面的文章现有的网站或WordPress主题响应外观的更多信息:

http://www.vandelaydesign.com/turn-any-site-into-a-responsive-site/ https://colorlabsproject.com/tutorials/make-your-wordpress-theme-responsive/

...上的谷歌“如何使WordPress主题响应” 。

2

由于Blackbam写的移动版本的最佳想法是使用响应主题。但你也可以检查一些wordpress插件。有一些插件会自动检测该网站的访问者是否为移动设备,并允许您为您的网站创建移动版本。我认为这应该是简单快捷的方式来准备一些简单的移动版本。