如何逐步将您的 WordPress 网站变成应用程序
我听到你问,为什么首先要制作应用程序? 应用程序可能不再对营销有用,但它们对您的客户来说非常方便——让他们在如何与您的网站互动方面有更多选择。 随着移动互联网的持续兴起(现在更多的人通过移动应用访问互联网而不是桌面)应用正在蓬勃发展,因为大多数应用远没有移动网络浏览器那么尴尬或存在问题。
建造一个所涉及的成本和挫折感也大大降低了。 在过去,很多企业都对应用程序感兴趣,但大多数都无法构建它们。 这简直太难了。 或者成本高昂(大多数开发人员每小时收费 100 美元以上)
但值得庆幸的是,现在情况不同了。 你不再需要很多钱或编码知识来构建一个称职的应用程序。 甚至更好——你有选择。 今天我们来看看:
- 确保您的 WordPress 网站具有移动响应能力
- 使用 PhoneGap 构建(和编码)您自己的应用程序
- 使用 WordPress 插件创建您的应用程序(也就是简单的方法)
关于免费应用程序构建器的说明
在过去几年中,出现了大量用于构建应用程序的“免费”选项,但其中最值得信赖的选项之一是 Adobe 的 PhoneGap 构建. 当他们的网站做广告时,您只需上传您的 HTML5、CSS 和 JavaScript 文件,该网站就会将它们组装成一个可立即下载的应用程序。 最重要的是,它可以同时为 Android、Windows Phone 8 和 iOS 构建三个——为您节省大量时间。
结果不会太花哨。 事实上,这个方法真正做的就是把你的主页伪装成一个应用程序。 当观众点击该图标时,他们将被带到同一个移动网站,如果他们要通过手机浏览器访问它,他们会看到。 因此,为了使这种方法有效,您必须拥有一个针对移动查看进行了优化的现有网站。
1. 确保您的 WordPress 网站有移动版本
如果您的 WordPress 网站没有针对移动设备进行优化,那么这真的没有意义。 所以优化它! 当然,最简单的方法是简单地使用移动响应式 WordPress 主题,例如 全部的. 但是,如果您的主题没有响应,那么有很多插件可以提供帮助。
iThemes 移动版
iThemes Mobile 可让您根据您当前的网站设计创建简单但有效的移动主题。 管理面板可让您自定义其外观的大部分方面,而不必弄乱代码。
任何移动主题切换器
Any Mobile Theme Switcher 是一个基本插件,它将检测您的查看器正在使用的设备并显示该设备的特定主题。 因此,如果您想平衡多个主题(每个移动操作系统一个主题),您可以这样做。
WordPress 移动包
最后,还有 WordPress Mobile Pack,它提供了许多跨平台的移动 Web 应用程序、UI 和主题选项,以及与 Google Analytics 的轻松集成。
2.使用PhoneGap Build创建一个App
如果您精通技术并且想要动手,您可以使用 Adobe PhoneGap 为您的 WordPress 网站实际创建一个应用程序。 Adobe 在他们的文档中有完整的分步指南,但这里是您需要遵循的步骤的快速浏览。
第 1 步:准备
在开始之前,请确保您有办法在手头测试您的应用程序。 您可以使用浏览器开发工具来模仿移动设备视图,或尝试类似的服务 跨浏览器测试. 但是,如果您可以管理,最好手头有 iOS 和 Android 设备。
接下来,您需要 安装 Adobe PhoneGap 构建 在你的电脑。 单击以下载 Mac 或 PC 版本,然后按照屏幕上的提示进行操作。 Adobe 还建议安装一个免费的 PhoneGap 开发者应用 这样您就可以在构建时立即测试您的应用程序。
第 2 步:创建您的应用程序
接下来使用PhoneGap程序 创建你的应用. 请注意 – PhoneGap 基于 Cordova,因此您需要了解它才能实际编写应用程序。
从默认的“Hello World”示例、Framework7、推送通知、React Hot Loader 或空白模板中选择以开始使用。 然后,您需要选择您将在本地硬盘上的哪个位置处理您的项目,并提供名称和 ID。 完成后,PhoneGap 将提供一个服务器地址,您可以使用该地址查看您的应用程序。
让您看一下,您的根目录将需要 PhoneGap 的密钥文件来实际创建您的应用程序。 特别是您的 index.html(至少)、config.xml 和子目录文件夹(最后一个是特定于操作系统的)。
这是直接来自 PhoneGap 应用程序的示例 项目结构 页:
\
您还需要创建自己的图标。 您当然可以自己处理或使用免费的在线工具。 图标流 是一个很棒的工具,可以帮助您使用预设图像、颜色选项、渐变等快速创建专业的应用程序图标。只需设计您的图标,创建一个免费帐户并下载您的文件。 如果您已经有一个图标但需要为所有设备和操作系统调整大小,免费 应用图标制作器 可以做到这一点。 但是,如果您进行快速的 Google 搜索,您会发现有很多其他网站、服务和应用程序可供选择来创建您的图标。
第 3 步:测试您的应用
完成并准备好您的应用程序后,您可以使用之前安装的 PhoneGap 开发人员应用程序对其进行测试。 请务必使用提供的服务器地址。 从那里你可以在你的移动设备上查看你的应用程序,解决任何问题,添加修复,重新上传和重建直到完美。
重要说明:PhoneGap Builder 只能在您加入 iOS 开发者计划(撰写本文时价格为 99 美元/年)并提供证书的情况下与 iOS 一起使用。 使用该程序的软件,您实际上可以在那里自己构建应用程序。 但我们建议使用 PhoneGap 的原因是您可以一次完成这三个操作来节省时间——无需单独进行任何操作。 所以,是的,你为一堆你可能最终不会使用的服务付费,但如果你想在任何 iProducts 上使用你的应用程序,他们会让你在这里大吃一惊。
3. 为 WordPress 使用替代应用程序构建器
除了 iOS 的工具之外,您还可以使用许多其他应用程序构建服务和插件。 这些比自己构建应用程序要容易得多。 他们中的一些人还将(至少)免费构建一个Android应用程序。 尽管您绝对应该检查开发人员的主站点以确保确定。
AppMySite
使用 AppMySite 为您的网站创建应用程序。 这个易于使用的插件和服务使您只需几个步骤即可轻松地将您的 WordPress 网站(甚至 WooCommerce 商店)转变为应用程序。 首先,获取插件并注册您的帐户。 然后开始个性化您的应用程序 – 有大量内置布局和功能可供选择。 完成后,只需提交以发布您的应用程序(支持 Android 和 iOS)。 此外,AppMySite 与您的网站实时同步,以使您的应用与您发布的任何新帖子或产品保持同步。
其他功能包括多语言支持、购物车和结帐集成、推送通知、社交媒体集成以及可用于监控应用程序性能的分析。
AppPresser
AppPresser 是最大、最受欢迎的,据说是第一个 WordPress 移动应用程序框架。 它提供完全集成:大多数应用程序构建者只使用来自您的 WordPress 站点的提要,AppPresser 允许您使用所有插件、帖子和页面。 此外,一旦您对网站进行任何编辑,它就会自动更新应用程序。 它还完全支持电子商务。
WPMobile 应用程序
WPMobile App 允许您为您的网站创建 Android 和 iOS 应用程序。 虽然基本插件是免费的,但您确实需要支付终身许可才能实际创建您的应用程序(一种应用程序格式的起价为 79 欧元,或两种应用程序格式的起价为 149 欧元)。 使用 WPMobile 应用程序,您将拥有自定义选项、免费实时测试、自动应用程序更新、推送通知支持、社交集成和高级支持(如果您遇到困难,这是一个受欢迎的功能)。
移动大声
虽然价格更高(起价 120 美元/月),但 MobiLoud 可以为您处理几乎所有事情(包括将您的应用提交到 App Store 和 Google Play),因此价格相当合理。 使用 MobiLoud,您的最终应用程序可提供跨设备兼容性、轻松的社交共享、货币化(通过广告或订阅)、推送通知等。 当服务与他们的插件(上面链接)配对时,您可以管理您的应用程序并从 WordPress 中推送通知。
最后,有很多人可以花钱为你做这件事。 但是,有这么多简单且经济实惠的 DIY 方式,您实际上并不需要为基本应用程序走这条路。
构建应用程序的方法有很多,虽然乍一看似乎很吓人,但上述方法使它变得异常简单。 只要确保你有一个好的移动网站开始,好吗? 现在让我拥有它。 我这里有什么问题吗? 还有其他我应该知道的方法吗? 欢迎在下方留下您的反馈!