我听说你一开始为什么想做一个应用程序?应用程序可能不再对营销有用,但它们对您的客户来说非常方便 - 让他们可以选择如何与您的网站互动。随着移动互联网的不断发展(通过移动应用程序访问互联网的人数现在超过了台式机),应用程序如雨后春笋般涌现,因为大多数移动应用程序比移动网络浏览器更笨拙或有问题。

建造一个的成本和挫败感也大大降低。过去,许多企业对应用程序感兴趣,但大多数企业无法构建它们。太难了。仍然很贵(大多数开发人员每小时收费 100 美元以上)

但值得庆幸的是,现在情况有所不同。您不再需要很多钱或编码知识来构建出色的应用程序。更好 - 您选择。今天我们将看看:

  • 确保您的 WordPress 网站是移动响应
  • 使用 PhoneGap 构建(和编码)您自己的应用程序
  • 使用 WordPress 插件创建您的应用程序(也称为简单方法)

关于免费应用程序生成器的说明

在过去的几年中,出现了许多用于构建应用程序的工具apps 程序的“免费”选项,但最值得信赖的是 Adob​​e 的 PhoneGap build。在他们的网站上做广告时,您只需上传您的 HTML5、CSS 和 JavaScript 文件,该网站就会将它们组合成一个可立即下载的应用程序。最棒的是,它可以同时为 Android、Windows Phone 8 和 iOS 构建三个版本,这节省了大量时间。

结果不会太花哨。事实上,所有这些方法真正做的是将您的主页伪装成一个应用程序。当观众点击该图标时,他们将被带到同一个移动网站,他们将看到他们是否可以从他们的手机浏览器访问它。因此,要使此方法起作用,您必须拥有一个针对移动浏览进行了优化的现有站点。

1.确保你的 WordPress 网站有移动版

如果你的 WordPress 网站没有针对移动设备进行优化,那么它就真的没有意义了。所以优化一下!当然,最简单的方法是使用移动响应式 WordPress 主题,例如 Total。但是,如果您的主题没有响应,有很多插件可以提供帮助。

iThemes Mobile

信息和下载

使用 iThemes Mobile,您可以根据当前的网站设计创建简单而有效的移动主题。管理面板可让您自定义外观的大部分方面,而不会弄乱代码。

任意手机主题切换器

信息和下载观看演示

Any Mobile Theme Switcher 是一个基本插件,可以检测您的观看者正在使用的设备并显示该设备的特定主题。因此,如果您想平衡多个主题(每个移动操作系统一个),您可以这样做。

WordPress移动包

/ p>

信息&下载查看演示

最后,还有WordPress Mobile Pack,它提供了许多跨平台的移动网络应用程序、UI 和主题选项,以及与Google Analytics 集成的轻松集成。

2.使用PhoneGap构建应用

如果您精通技术并想开始,您可以使用 Adob​​e PhoneGap 为您的 WordPress 网站实际创建一个应用程序。 Adobe 在其文档中提供了完整的分步指南,但这里是您需要遵循的步骤的简要说明。

第 1 步:准备

在开始之前,请确保您有一种方法可以立即测试您的应用程序。您可以使用浏览器开发工具来模拟移动设备视图,或尝试跨浏览器测试之类的服务。但如果您可以管理它们,最好手头有 iOS 和 Android 设备。

接下来,您需要在计算机上安装 Adob​​e PhoneGap Build。单击以下载 Mac 或 PC 版本,然后按照屏幕上的提示进行操作。 Adobe 还建议安装免费的 PhoneGap Developer App,以便您可以在构建时立即测试您的应用程序。

第 2 步:构建您的应用程序

接下来,使用 PhoneGap 程序创建您的应用程序。注意 - PhoneGap 基于 Cordova,因此您需要了解它才能实际编写应用程序。

从默认的“Hello World”示例中选择 Framework7、推送通知、React Hot Loader 或空白模板开始。然后,您需要选择您希望项目在本地硬盘驱动器上运行的位置,并提供名称和 ID。完成后,PhoneGap 将提供一个服务器地址,可用于查看您的应用程序。

为了给您一个想法,您将需要在您的根目录中有一些关键文件,以便 PhoneGap 实际创建您的应用程序。特别是您的 index.html(至少)、config.xml 和子目录文件夹(最后一个是特定于操作系统的)。

这是直接来自 PhoneGap 应用程序的示例项目结构页面:

您还需要创建自己的图标。您当然可以自己做,也可以使用免费的在线工具。 IconsFlow 是一款出色的工具,可帮助您使用预置图像、颜色选项、渐变等快速创建具有专业外观的应用程序图标。只需设计一个图标,创建一个免费帐户并下载文件。如果您已经有一个图标但需要为所有设备和操作系统调整它的大小,Free App Icon Maker 可以做到。但是,如果您快速进行 Google 搜索,您会发现还有许多其他网站、服务和应用程序可供选择来创建您的图标。

第 3 步:测试您的应用程序

一旦您的应用程序完成并准备就绪,您就可以使用之前安装的 PhoneGap Developer 应用程序对其进行测试。确保使用提供的服务器地址。从那里,您可以在您的移动设备上查看您的应用程序、解决任何问题、添加修复、重新上传和重建直到完美。

重要说明:PhoneGap Builder 仅在您加入 iOS 开发者计划(撰写本文时为 99 美元/年)并提供证书后才能与 iOS 一起使用。由于该程序的软件,您实际上可以在这里自己构建应用程序。但我们推荐 PhoneGap 的原因是因为您可以一次完成所有这三项,从而节省您的时间——您无需再做任何事情。所以,是的,你为一堆你可能不会最终使用的服务付费,但如果你想在任何 iProducts 上使用你的应用程序,它们会给你带来很多负担。

3.使用适用于 WordPress 的替代应用程序构建器

除了适用于 iOS 的工具外,您还可以使用许多其他应用程序构建服务和插件。这比自己构建应用程序要容易得多。他们中的一些人还将(至少)免费构建 Android 应用程序。尽管您绝对应该查看开发人员的主站点以确保安全。

AppMySite

信息和下载查看演示

使用 AppMySite 在自动驾驶仪上创建应用程序。这个易于使用的插件和服务让您只需几个步骤就可以轻松地将您的 WordPress 网站(甚至 WooCommerce 商店)变成一个应用程序。首先,获取插件并注册您的帐户。然后开始个性化您的应用程序 - 有大量内置布局和功能可供选择。完成后,只需提交即可发布您的应用(支持 Android 和 iOS)。此外,AppMySite 可以与您的网站实时同步,使您的应用程序与您发布的任何新帖子或产品保持同步。

其他功能包括多语言支持、购物车和结帐集成、推送通知、社交媒体集成以及可用于监控应用程序性能的分析。

AppPresser

信息和下载 查看演示

AppPresser 是最大、最受欢迎的 WordPress 移动应用程序框架。它提供了完整的集成:大多数应用程序构建器只使用来自您的 WordPress 站点的提要,而 AppPresser 允许您使用所有插件、帖子和页面。此外,只要您对网站进行任何编辑,它就会自动更新应用程序。它还完全支持电子商务。

WPMobile App

信息和下载 查看演示

WPMobile App 允许您为您的站点创建 Android 和 iOS 应用程序。虽然基本插件是免费的,但您确实需要支付终身许可证才能实际创建您的应用程序(一种应用程序格式起价 79 欧元,两种应用程序起价 149 欧元)。使用 WPMobile 应用程序,您将拥有自定义选项、免费实时测试、自动应用程序更新、推送通知支持、社交集成和高级支持(如果您遇到麻烦,这是一个受欢迎的功能)。

MobiLoud

信息和下载观看演示

虽然价格昂贵(起价为每月 120 美元),但 MobiLoud 几乎可以为您处理所有事情(包括将应用程序提交到 App Store 和 Google Play),因此价格合理.借助 MobiLoud,您的最终应用程序将提供跨设备兼容性、轻松的社交共享、货币化(通过广告或订阅)、推送通知等。而且,当该服务与其插件(上面链接)配对时,您可以管理您的应用程序并从 WordPress 中推送通知。

最后,有很多人可以为您做这件事。然而,有许多简单且负担得起的 DIY 方法,您实际上不需要为基本应用程序走那条路。

构建应用程序的方法有很多种,虽然乍一看可能令人望而生畏,但上述方法让它变得异常简单。只要确保您有一个好的移动网站,好吗?让我现在做。我在这里犯错了吗?还有其他我应该知道的方法吗?请随时在下方留下您的反馈!