WordPress:【IT老五】一分钟快速支持移动端

2023-10-18 09:10

本文主要是介绍WordPress:【IT老五】一分钟快速支持移动端,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

wp用了很久了,因为wp站点IT老五一直只是作为自己的博客用于记录,也就没有去考虑移动端兼容的问题了。这段时间看到Google Search Console的几封关于“移动设备易用性 问题”的邮件,而且在手机上打开wp站点确实体验很差,于是决定做下移动端兼容处理。

思路很简单,使用一个新的主题用于在移动设备上展示。于是,找到了两个插件,WordPress Mobile Themes与WP Mobile X,两者都能为wp开启在移动端使用一个新的主题。

区别

两者最大区别在于:前者仅提供插件,需要自己另外找主题;而后者在插件基础上,自带了一套免费默认主题以及一套收费主题。另外,还有一些小区别:前者后台设置仅提供主题选择(手机及平板设备可以分别设置),后者因为带有默认主题,所以在主题选择之外还有简易的主题设置页面。

WP Mobile X

为了省事,我选择了WP Mobile X,并使用了其默认主题,安装及配置操作步骤如下:

  1. 下载WP Mobile X插件包
  2. 在wp后台-->插件-->安装插件页,点击上传插件,选择刚下载的zip包进行上传并安装,


    9166166-9b6199001d51f378.png
    itlao5后台设置.png
  3. 安装成功后,在已安装的插件中找到WP Mobile X并开启
  4. 此时可以看到左边功能列表最下方出现了“手机主题”,点击进入设置


    9166166-dbb537c29b2c30db.png
    itlao5后台设置2.png
  5. 根据提示在常规设置和主题设置中进行设置
  6. 需要注意的是,因为是使用了新的主题,所以需要在 外观-->菜单中为你的移动端主题设置新的菜单(也可以跟pc端的共用)
  7. 其他个性设置,因为是新的主题,如果你之前在pc主题下做过一些js修改,可能需要在新主题下再重新修改一次。
效果

最终效果如下图:


9166166-48cbde22fe06ea9c.jpg
IT老五移动端

基本上使用上述的两个插件,实现wp兼容移动端仅仅需要几分钟的时间,加上一些配套的信息完善、主题选择及js修改等,也花不了多少时间,但在移动设备上的体验确实有了巨大的改善。

简书:ThinkinLiu 博客: IT老五

下载地址:
WordPress Mobile Themes 官网:https://wordpress.org/plugins/wp-mobile-themes/
WP Mobile X 官网:https://wordpress.org/plugins/wp-mobile-x/

9166166-931fd471780b7e64.jpg
IT老五(it-lao5):关注公众号,一起源创,一起学习!

这篇关于WordPress:【IT老五】一分钟快速支持移动端的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/231605

相关文章

Python实现快速扫描目标主机的开放端口和服务

《Python实现快速扫描目标主机的开放端口和服务》这篇文章主要为大家详细介绍了如何使用Python编写一个功能强大的端口扫描器脚本,实现快速扫描目标主机的开放端口和服务,感兴趣的小伙伴可以了解下... 目录功能介绍场景应用1. 网络安全审计2. 系统管理维护3. 网络故障排查4. 合规性检查报错处理1.

MySQL快速复制一张表的四种核心方法(包括表结构和数据)

《MySQL快速复制一张表的四种核心方法(包括表结构和数据)》本文详细介绍了四种复制MySQL表(结构+数据)的方法,并对每种方法进行了对比分析,适用于不同场景和数据量的复制需求,特别是针对超大表(1... 目录一、mysql 复制表(结构+数据)的 4 种核心方法(面试结构化回答)方法 1:CREATE

SpringCloud Stream 快速入门实例教程

《SpringCloudStream快速入门实例教程》本文介绍了SpringCloudStream(SCS)组件在分布式系统中的作用,以及如何集成到SpringBoot项目中,通过SCS,可... 目录1.SCS 组件的出现的背景和作用2.SCS 集成srping Boot项目3.Yml 配置4.Sprin

SpringBoot集成iText快速生成PDF教程

《SpringBoot集成iText快速生成PDF教程》本文介绍了如何在SpringBoot项目中集成iText9.4.0生成PDF文档,包括新特性的介绍、环境准备、Service层实现、Contro... 目录SpringBoot集成iText 9.4.0生成PDF一、iText 9新特性与架构变革二、环

使用Python实现在PDF中添加、导入、复制、移动与删除页面

《使用Python实现在PDF中添加、导入、复制、移动与删除页面》在日常办公和自动化任务中,我们经常需要对PDF文件进行页面级的编辑,使用Python,你可以轻松实现这些操作,而无需依赖AdobeAc... 目录1. 向 PDF 添加空白页2. 从另一个 PDF 导入页面3. 删除 PDF 中的页面4. 在

MySQL 批量插入的原理和实战方法(快速提升大数据导入效率)

《MySQL批量插入的原理和实战方法(快速提升大数据导入效率)》在日常开发中,我们经常需要将大量数据批量插入到MySQL数据库中,本文将介绍批量插入的原理、实现方法,并结合Python和PyMySQ... 目录一、批量插入的优势二、mysql 表的创建示例三、python 实现批量插入1. 安装 PyMyS

golang实现nacos获取配置和服务注册-支持集群详解

《golang实现nacos获取配置和服务注册-支持集群详解》文章介绍了如何在Go语言中使用Nacos获取配置和服务注册,支持集群初始化,客户端结构体中的IpAddresses可以配置多个地址,新客户... 目录golang nacos获取配置和服务注册-支持集群初始化客户端可选参数配置new一个客户端 支

使用EasyPoi快速导出Word文档功能的实现步骤

《使用EasyPoi快速导出Word文档功能的实现步骤》EasyPoi是一个基于ApachePOI的开源Java工具库,旨在简化Excel和Word文档的操作,本文将详细介绍如何使用EasyPoi快速... 目录一、准备工作1、引入依赖二、准备好一个word模版文件三、编写导出方法的工具类四、在Export

Python多线程实现大文件快速下载的代码实现

《Python多线程实现大文件快速下载的代码实现》在互联网时代,文件下载是日常操作之一,尤其是大文件,然而,网络条件不稳定或带宽有限时,下载速度会变得很慢,本文将介绍如何使用Python实现多线程下载... 目录引言一、多线程下载原理二、python实现多线程下载代码说明:三、实战案例四、注意事项五、总结引

C#使用Spire.XLS快速生成多表格Excel文件

《C#使用Spire.XLS快速生成多表格Excel文件》在日常开发中,我们经常需要将业务数据导出为结构清晰的Excel文件,本文将手把手教你使用Spire.XLS这个强大的.NET组件,只需几行C#... 目录一、Spire.XLS核心优势清单1.1 性能碾压:从3秒到0.5秒的质变1.2 批量操作的优雅