晋江做网站:如何使用AppPresser将Divi站点转换为移动应用程序

2019.05.06 |
标签

确保你的WordPress网站已经准备好了从来没有这么挑剔过。毕竟,移动用户现在组成了大多数在线流量。这意味着你必须一切确保他们的经验尽可能好。

多亏了诸如AppPresser现在,您可以为WordPress网站创建简单的应用程序,即使您没有开发背景。在本文中,我们将教您如何使用该平台开发移动应用程序。然而,让我们晋江做网站首先谈谈移动应用,网页浏览的未来,以及AppPresser可以为您提供什么。

移动应用是Web浏览的未来

考虑到这些统计数据,你可能会从移动设备上读到这篇文章-这甚至可能是你现在与网络互动的主要方式。毕竟,我们大多数人都会一有机会就拿出智能手机,包括上网。

晋江做网站

使您的网站响应并不意味着您必须牺牲风格,使其可用。

作为站点所有者,满足智能设备用户的最简单方法是优化站点以获得更小的视图。这样,不管用户使用什么设备,用户都会有一致的体验。然而,还有另一种选择-尽管其中一种需要更多的工作-那就是为您的站点创建一个应用程序。

与普通的移动友好型网站相比,应用程序有一些明显的优势:

  1. 他们不断地提醒读者你的网站。

    在设备上安装专用应用程序可能会让一些用户考虑检查新内容。你也可以上网

    较高访问频率

    比平时好。
  2. 您可以包含专用的、特定于移动的功能。

    许多应用程序都包含有趣的功能,例如

    社会登录

    推送通知

    。当然,在常规站点上也可以实现这些功能,但作为应用程序的一部分,它们感觉更自然。
  3. 看起来很专业。

    为你的网站提供一个应用程序只会让它看起来很专业。只要你提供一个现代化的、稳定的产品,用户就很有可能会留下深刻的印象。

当然,为您的网站创建一个应用程序并不意味着您应该放弃制作它。移动友好。考虑它作为一个补充措施,以最大限度地暴露它。最棒的是,应用程序的创建过程并不那么复杂,这要归功于一些有趣的新服务。

介绍AppPresser

The AppPresser homepage.

AppPresser这是一项服务,使你能够把你现有的WordPress网站,并把它变成一个现代的移动应用程序。使用该平台,您可以添加任何现有页面,创建菜单,并受益于高级功能,包括推送通知,以使您的应用程序看起来更专业。

最好的部分是,使用该服务非常简单。事实上,使用AppPresser可以在几个小时内启动和运行一个实用的(时尚的)应用程序。

你可能希望提前选择每月19美元的启动计划,它支持一个应用程序。如果你需要更多的东西(或者你正计划将你的应用程序货币化),还有其他的层次可用。

主要特点:

  • 允许您为Android和IOS创建移动应用程序。
  • 包括WordPress主题和插件,使您能够访问高级应用程序功能。
  • 提供社交登录和共享选项。

价格:每月19美元更多信息

如何使你的迪维用AppPresser将站点转换为移动应用程序

在我们晋江做网站开始本教程之前,您需要注册一个帐户在两个AppPresser上-正如我们前面提到的,这是一个付费服务-并且音隙(最后一步需要使用)。

注册后,您将收到一封电子邮件,提供对AppPresser插件以及它的补充主题(在其他地方找不到)。

The AppPresser plugin.

至于主题,别担心-你不需要激活它。它只需要安装使AppPresser插件和web应用程序访问数据,它只会显示在您的移动应用程序。如果您是Divi用户,使用AppPresser的主题和插件不会影响您的安装。

一旦安装并激活了AppPresser插件,然后上传其主题(但是启动它),进入第一步!

步骤1:创建一个新应用程序并自定义其样式

要开始工作,您需要使用与您注册的凭证相同的凭据登录AppPresser帐户。该服务将提示您创建一个新应用程序,因此一旦添加了标题,请单击创建应用程序:

Creating a new app.

接下来,你需要链接你的网站到你的应用程序,然后你开始定制它。要做到这一点,请单击一般选项卡放在AppPresser仪表板上,并查找以下部分:API设置:

Your app's API settings.

复制你的现场段塞应用程序ID,然后前往AppPresser标签在你的WordPress仪表板上。您将找到两个相应的字段,因此将数据粘贴到那里,然后保存更改:

Adding your API settings to WordPress.

这样你就可以开始定制你的应用程序了。返回到AppPresser仪表板,导航到自定义,然后单击定制和构建应用程序按钮:

The Customize and Build Your App option.

下一个屏幕看起来应该很熟悉,因为它是模仿WordPress实时定制程序的,你还会看到一个移动设备的模型显示你的应用程序的原型。一旦我们完成,您将能够下载一个完全工作的版本。

The AppPresser customizer.

在接下来的几个步骤中,我们将讨论自定义程序中最关键的部分,但现在让我们将重点放在颜色标签。在这里,您可以找到多个选项来更改应用程序的颜色,并解释它们各自的功能:

Changing your app's colors.

一旦你调整了你的应用程序的调色板,并对结果感到满意,现在是时候看看你的菜单了。

步骤2:更改应用程序的菜单

每个AppPresser应用程序都从相同的默认菜单开始:主屏幕、介绍和关于页面和指向服务主页的链接。要替换它们,您需要进入菜单选项卡,然后单击APP菜单备选方案:

The default AppPresser app menu.

晋江做网站在下一个屏幕上,您可以从左侧菜单中选择元素.在这种情况下,家,介绍,关于按钮都会引导您进入自定义页面,您可以选择是否现在删除它们的菜单项,方法是单击移除备选方案:

Removing an item from your menu.

您还可以保留这些菜单项并自定义它们各自的页面(更多)。现在,删除任何不需要的菜单项,并使用添加项目选项可以用其他页面填充菜单。为此,您可以选择现有的WordPress页面、帖子或自定义页面(使用AppPresser构建)…

Your options for new menu items.

…并单击WordPress/外部链接按钮将使您可以选择包含到WordPress站点的某个页面的链接。:

Adding a WordPress page to your menu.

一旦您的菜单被填充(并安装了AppPresser主题),该应用程序将能够“导出”您网站的内容并自动显示它:

An example of an imported WordPress page.

不到一分钟,你就给你的应用程序添加了一个新的移动页面。在查看设置自定义页面之前,根据需要对其他页面重复此过程。

步骤3:向应用程序添加自定义页面

若要设置自定义页,请转到自定义程序中的适当选项卡。与标准菜单一样,您可以找到三个现有页面:家,介绍,关于。在这个阶段,您可以选择为您自己的应用程序重新使用它们,或者忽略它们,创建新的页面:

The default AppPresser custom pages.

单击添加新页按钮将为您提供两个选项:使用自定义HTML创建新页面…。

The custom HTML option.

…或者从AppPresser预先构建的样式中进行选择,其中包括列表格式和卡片布局:

AppPresser's pre-built custom page layouts.

要设置它们中的任何一个,您需要创建自定义列表页使用WordPress API。然后,只需将链接粘贴到该应用程序内置样式之一下方的字段上:

Adding the URL to your custom list.

当你完成修改你的自定义页面时,是时候通过调整你的应用程序的一些额外设置来结束这些事情了。

步骤4:自定义应用程序的设置

在这个阶段,您应该有一个工作应用程序-至少在自定义程序中-但是它仍然运行在AppPresser图标和标志。若要替换它们,请导航到设置自定义程序中的选项卡:

The Customizer's Settings tab.

在这里,您可以指示您希望您的应用程序使用的菜单。现在,我们建议继续使用您先前创建的那个,除非您想要设置其他的。

如果你继续向下滚动,你会看到改变你的应用程序的名称,它的描述,和你的作者信息的选项。如有必要,请填写这些字段,然后继续滚动,直到到达图标和启动图像部分:

Replacing your app's icon and portrait.

您需要在这里为每个可用选项上传PNG文件。一旦完成,你的图标将出现在你的主菜单之上,当你的应用程序被加载时,你的飞溅屏幕会显示出来。

请记住,AppPresser包含一些关于您应该上传的图像大小的信息,所以您应该坚持它们,除非您希望您的图像看起来扭曲。当您完成这里,现在是时候让您的应用程序启动和运行。

一旦你的应用程序准备好启动

要完成应用程序的构建,您需要进入构建和预览自定义程序中的。在那里,你会看到输入您的Phonegap身份验证令牌。对于不熟悉的人来说,Phonegap是一个框架,你需要用它把你的应用程序放到一个设备上,或者把它提交给商店。

更新令牌后,您将看到一个编译应用程序的选项,该服务将为您提供服务。那么,这只是一个把它提交给任何一个人的问题。安卓和iOS商店(或两者兼而有之),等待批准,并从您的常规网站链接到他们。

如果你想直接从你的网站上发布你的应用程序,我们建议你不要这样做-主要是出于安全考虑。更重要的是,用户可能觉得下载未经任何一项服务批准的应用程序是不安全的,所以如果您跳过提交步骤,您的努力可能会付诸东流。当然,WordPress插件,如方便数字下载可能符合法案,但上述同样的考虑仍应适用。

结语

为WordPress网站构建一个应用程序听起来可能有点过火,但它实际上是一个聪明的想法。毕竟,服务比如AppPresser比以往任何时候都容易。更重要的是,应用程序可能正是您进一步吸引移动用户所需要的,这要归功于以下功能推送通知.

晋江做网站在这篇文章中,我们向您展示了如何使用AppPresser在移动应用程序中切换Divi站点。让我们快速地回顾一下这些步骤:

  1. 创建一个新的应用程序并自定义它的样式。
  2. 更改应用程序的菜单。
  3. 添加自定义页面到您的应用程序。
  4. 自定义您的应用程序的设置。


相关推荐

最新文章

热门推荐

联系电话 400-6065-301

建站咨询 星星-总监

投诉