现在大多数
WordPress
网站都是自适应的,但是有些话题是不自适应的。修改它们以适应它们是非常麻烦的。此时,我们可以选择使用插件来实现移动终端,并启用移动终端的主题。
该插件被命名为WP
移动主题。你可以在WordPress
的后台搜索插件,或者去本文底部的邮箱,我会统一发给你。
插件启动后,移动主题的设置将以粗体显示。选择主题并保存。很简单。需要注意的是,最好不要在外观主题中启动移动主题的状态!
响应式网页设计的理念是集中创建一个页面的图片布局尺寸,可以根据用户行为和设备环境系统平台、屏幕尺寸、屏幕方向等智能布局。
优点:一套代码可以适应不同分辨率设备的访问,易于维护。
缺点:受限于同一组 HTML
结构,很多不同的布局不容易扩展。对于小屏幕设备,隐藏方法通常用于减少内容。
自适应框架,如 Bootstrap
、UIKit
、Adobe
EdGeEngress
、foundation
、转发器等。
响应布局的实现是通过 CSS3
媒体查询媒体,为不同分辨率设置断点,使用不同的样式。
为了与众不同,移动页面和个人电脑页面打算分开,并将重新设计。按照 WP_uu_uu_uuu
的说法,如果用移动函数来区分,会带来很多 ifelse
,导致代码可读性和可维护性差。事实上,上述问题可以通过 10 行自定义插件代码来解决。
优点:配置简单,移动终端和 PC
终端之间代码分离,提高了开发自由度。
缺点:需要编程。
通过读取用户访问的代理,判断系统和分辨率,然后进行不同的显示和处理。一般使用 WP_uuis_uuumobile
函数提供的 WP
来判断移动终端是否访问它来加载不同的 HTML
段,CSS
还是 JS
。
优点:通过对设备的判断和一组代码的区分,达到适应设备显示的目的。
缺点:代码深度耦合,难以维护和扩展。
WordPress
已经支持 WP_uuis_uuu
移动功能。
if
( wp_is_mobile
() ){
echo
'正在使用移动设备浏览';
}else
{
echo
'目前使用的不是移动设备';
}
具体步骤如下:
首先,必须使用插件切换主题。无法将代码添加到当前计算机上启用的主题文件中。因此,您只需要在/WP
content
/plugin
s
/中创建一个新文件夹,例如 change
,或者直接将以下代码保存为PHP
文件并将其放入 plugins
文件夹中。WordPress
移动终端自动切换主题代码
function
mobile_switch_theme
($theme
){
if
( wp_is_mobile
() ){
$theme
= 'WPtheme
'; //WPtheme
为主题名
}
return
$theme
;
}
其中 wptheme
是主题文件夹名称。
WordPress
mobile
PC
支持针对不同主题的WP
插件推荐
安装适当的 WP
主题插件
优点:易于使用,安装插件,然后选择合适的移动主题,无需开发。
缺点:受主题限制,很难进行自定义扩展
常见的移动主题插件如下,其中 wptouch
插件功能非常强大
转载请注明:汇站网 » wordpress
启用移动 pc
端,不同主题的实现方法和插件推荐