现在大多数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移动功能。
<?php if ( wp_is_mobile() ){ echo '正在使用移动设备浏览'; }else{ echo '目前使用的不是移动设备'; } ?> 具体步骤如下: 首先,必须使用插件切换主题。无法将代码添加到当前计算机上启用的主题文件中。因此,您只需要在/WP content/plugins/中创建一个新文件夹,例如change,或者直接将以下代码保存为PHP文件并将其放入plugins文件夹中。WordPress移动终端自动切换主题代码
<?php /*Plugin Name: mobile_switch_theme*/ function mobile_switch_theme($theme){ if( wp_is_mobile() ){ $theme = 'WPtheme'; //WPtheme 为主题名 } return $theme; } add_filter('template', 'mobile_switch_theme'); add_filter('stylesheet', 'mobile_switch_theme'); ?> 其中wptheme是主题文件夹名称。 WordPress mobile PC支持针对不同主题的WP插件推荐 安装适当的WP主题插件 优点:易于使用,安装插件,然后选择合适的移动主题,无需开发。 缺点:受主题限制,很难进行自定义扩展 常见的移动主题插件如下,其中wptouch插件功能非常强大