现在大多数 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/plugins/中创建一个新文件夹,例如 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 端,不同主题的实现方法和插件推荐